
<?xml version="1.0" encoding="gbk"?>
<rss version="2.0">
  <channel>
    <title>花潮论坛 - 马黑黑教程专版</title>
    <link>https://www.huachaowang.com/forum-94-1.html</link>
    <description>Latest 20 threads of 马黑黑教程专版</description>
    <copyright>Copyright(C) 花潮论坛</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Sun, 18 Oct 2026 06:28:17 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>https://www.huachaowang.com/static/image/common/logo_88_31.gif</url>
      <title>花潮论坛</title>
      <link>https://www.huachaowang.com/</link>
    </image>
    <item>
      <title>获取容器元素的子节点</title>
      <link>https://www.huachaowang.com/thread-94109-1-1.html</link>
      <description><![CDATA[.artBox { margin: 20px auto; max-width: 1200px; font: normal 18px/26px sans-serif; }
    .artBox mark { padding: 2px 6px; background: #ccc; }
    .artBox blockquote { padding: 14px; border: solid gray; border-width: 0 4px; border-radius: 10px ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Mon, 29 Jun 2026 04:43:56 +0000</pubDate>
    </item>
    <item>
      <title>AI的知识从何而来</title>
      <link>https://www.huachaowang.com/thread-94074-1-1.html</link>
      <description><![CDATA[.artBox { font: normal 18px/1.5 sans-serif; overflow: auto; position: relative; }
    .artBox p { margin: 10px 0; }
    .artBox h3 { margin: 8px 0; }
    .artBox blockquote { margin: 10px 20px; padding: 2px 15px; border-left: 3px solid skybl ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Sun, 28 Jun 2026 03:43:15 +0000</pubDate>
    </item>
    <item>
      <title>JS节流基础版</title>
      <link>https://www.huachaowang.com/thread-94023-1-1.html</link>
      <description><![CDATA[.artBox { margin: 20px auto; font: normal 18px/26px sans-serif; max-width: 1000px; }
    .artBox mark { padding: 2px 6px; background: #ccc; }
    .artBox p { margin: 10px 0; }
    .artBox blockquote { padding: 14px; border: solid gray; borde ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Thu, 25 Jun 2026 04:11:51 +0000</pubDate>
    </item>
    <item>
      <title>pencil code文档（20260623更新）</title>
      <link>https://www.huachaowang.com/thread-93975-1-1.html</link>
      <description><![CDATA[.artBox { margin: 20px auto; font: normal 18px/26px sans-serif; }
    .artBox mark { padding: 2px 6px; background: #ccc; }
    .artBox p { margin: 10px 0; }



    pencile code 是马黑整站系统开发的在线HTML代码编辑器，分普通版和代码着色版 ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Tue, 23 Jun 2026 05:20:11 +0000</pubDate>
    </item>
    <item>
      <title>这个图案以前用svgdr画过</title>
      <link>https://www.huachaowang.com/thread-93933-1-1.html</link>
      <description><![CDATA[&amp;lt;style&amp;gt;
    /* svg id选择器可以定义使用的部分属性（fill、stroke-*等） */
    #msvg { display: block; margin: auto; fill: none; stroke: steelblue; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
    /* 外层图案（齿轮）样式 * ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Sun, 21 Jun 2026 03:22:45 +0000</pubDate>
    </item>
    <item>
      <title>什么果</title>
      <link>https://www.huachaowang.com/thread-93895-1-1.html</link>
      <description><![CDATA[]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Fri, 19 Jun 2026 13:40:35 +0000</pubDate>
    </item>
    <item>
      <title>规避输入法编码上屏问题</title>
      <link>https://www.huachaowang.com/thread-93867-1-1.html</link>
      <description><![CDATA[.artBox { font: normal 18px/1.5 sans-serif; overflow: auto; position: relative; }
    .artBox p { margin: 10px 0; }
    .artBox h1, .artBox h2 { margin: 8px 0; }
    .artBox code { background: #f7f4f3; padding: 2px 6px; tab-size: 4; }
    . ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Thu, 18 Jun 2026 09:39:22 +0000</pubDate>
    </item>
    <item>
      <title>使用svgdr动态绘制图案</title>
      <link>https://www.huachaowang.com/thread-93753-1-1.html</link>
      <description><![CDATA[&amp;lt;style&amp;gt;
]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Sun, 14 Jun 2026 12:04:03 +0000</pubDate>
    </item>
    <item>
      <title>SVG内部图像自适应宽高的实现</title>
      <link>https://www.huachaowang.com/thread-93707-1-1.html</link>
      <description><![CDATA[.artBox { margin: 20px auto; font: normal 18px/26px sans-serif; }
    .artBox p { margin: 10px 0; }
    .artBox mark { padding: 2px 6px; background: #ccc; }



    通常，SVG可视子元素使用像素为单位定义自己的尺寸或路径相关数据，不支持百分 ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Fri, 12 Jun 2026 13:44:30 +0000</pubDate>
    </item>
    <item>
      <title>pencil code代码着色版更新说明</title>
      <link>https://www.huachaowang.com/thread-93677-1-1.html</link>
      <description><![CDATA[.artBox { margin: 20px auto; font: normal 18px/26px sans-serif; }
    .artBox p { margin: 10px 0; }
    .artBox mark { padding: 2px 6px; background: #ccc; }



    pencil-code 是一个在线Web编辑器，相较于后来开发的简易Web编辑器，它提供更多 ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Thu, 11 Jun 2026 04:45:36 +0000</pubDate>
    </item>
    <item>
      <title>一文讲清 SVG 动态绘图</title>
      <link>https://www.huachaowang.com/thread-93624-1-1.html</link>
      <description><![CDATA[.artBox { margin: 20px auto; font: normal 18px/26px sans-serif; }
    .artBox mark { padding: 2px 6px; background: #ccc; }
    .artBox blockquote { padding: 4px 16px; border-left: 4px solid teal; border-radius: 8px; font-size: 16px; }
    .a ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Tue, 09 Jun 2026 04:29:50 +0000</pubDate>
    </item>
    <item>
      <title>svg接力绘图演示</title>
      <link>https://www.huachaowang.com/thread-93602-1-1.html</link>
      <description><![CDATA[&amp;lt;style&amp;gt;
    #msvg {
        display: block;
        margin: auto;
        path {
            stroke-dasharray: var(--perimeter);
            stroke-dashoffset: var(--perimeter);
            fill: none;
            stroke: green;
       ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Mon, 08 Jun 2026 12:50:58 +0000</pubDate>
    </item>
    <item>
      <title>基于 DOMParse API 的 HTML 预览演示</title>
      <link>https://www.huachaowang.com/thread-93573-1-1.html</link>
      <description><![CDATA[&amp;lt;button type=\&quot;button\&quot; id=\&quot;btnTest\&quot;&amp;gt;点击我预览效果&amp;lt;/button&amp;gt;

&amp;lt;script&amp;gt;

function preView(code) {
    // HTML代码转DOM实体
    const doc = new DOMParser().parseFromString(code, \'text/html\');

    // 添加meta标签(用于定义网页字符集) ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Sun, 07 Jun 2026 11:23:15 +0000</pubDate>
    </item>
    <item>
      <title>浅谈待预览HTML代码的包装</title>
      <link>https://www.huachaowang.com/thread-93560-1-1.html</link>
      <description><![CDATA[.artBox { margin: 20px auto; font: normal 18px/26px sans-serif; }
    .artBox p { margin: 10px 0; }



    在线预览 html 代码的效果有很多实现方式，其中，使用“Blob + URL”方法足够轻量、高效。核心代码如下：
    
// content 为 html 代码字 ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Sun, 07 Jun 2026 01:16:41 +0000</pubDate>
    </item>
    <item>
      <title>audioplayer修正版（存档）</title>
      <link>https://www.huachaowang.com/thread-93489-1-1.html</link>
      <description><![CDATA[]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Thu, 04 Jun 2026 09:47:36 +0000</pubDate>
    </item>
    <item>
      <title>CSS父选择器嵌套子选择器</title>
      <link>https://www.huachaowang.com/thread-93453-1-1.html</link>
      <description><![CDATA[.artBox { margin: 20px auto; font: normal 18px/26px sans-serif; }
    .artBox mark { padding: 2px 6px; background: #ccc; }



]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
<enclosure url="/forum/
/* CSS 代码 */
.papa { /* 父元素属性集 */ }
.papa .son { /* 子元素 ..." length="" type="image/jpeg" />      <pubDate>Wed, 03 Jun 2026 04:06:15 +0000</pubDate>
    </item>
    <item>
      <title>使用CSS Custom Highlight API做全文多彩字</title>
      <link>https://www.huachaowang.com/thread-93394-1-1.html</link>
      <description><![CDATA[.artBox { font: normal 18px/1.5 sans-serif; overflow: auto; position: relative; }
    .artBox p { margin: 10px 0; }
    .artBox h1, .artBox h2 { margin: 8px 0; }
    .artBox code { background: #f7f4f3; padding: 2px 6px; tab-size: 4; }
    . ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Mon, 01 Jun 2026 09:55:03 +0000</pubDate>
    </item>
    <item>
      <title>第一天给俺一分钱</title>
      <link>https://www.huachaowang.com/thread-93338-1-1.html</link>
      <description><![CDATA[然后每天都是前一天的一倍，30天后俺就发财了：



    function pay(basic = 0.01) {
        let total = basic;
        let str = `第1天支付：${total}元\\n`;
        for (let i = 1; i &lt; 30; i ++) {
            total *= 2;
            str += `第 $ ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Sat, 30 May 2026 15:30:48 +0000</pubDate>
    </item>
    <item>
      <title>svg蓝色星球</title>
      <link>https://www.huachaowang.com/thread-93294-1-1.html</link>
      <description><![CDATA[#msvg { display: block; margin: 20px auto; }]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Thu, 28 May 2026 13:02:05 +0000</pubDate>
    </item>
    <item>
      <title>Mahei TextArea文档</title>
      <link>https://www.huachaowang.com/thread-93265-1-1.html</link>
      <description><![CDATA[.artBox { margin: 20px auto; font: normal 18px/26px sans-serif; }
    .artBox mark { padding: 2px 6px; background: #ccc; }



    Mahei TextArea（下面简称 mhta）是一款基于 h5 textarea 控件的 Web 编辑器，集成行号、当前行行号高亮、智能缩进、 ...]]></description>
      <category>马黑黑教程专版</category>
      <author>马黑黑</author>
      <pubDate>Wed, 27 May 2026 13:35:14 +0000</pubDate>
    </item>
  </channel>
</rss>