npm - cainiaoblog - Versions diffs - 23.2.200 → 23.2.201 - Mend

cainiaoblog 23.2.200 → 23.2.201

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (341) hide show

package/about/index.html +1 -1
package/app/manual.html +1 -1
package/appConfigs/config +1 -1
package/archives/2018/index.html +1 -1
package/archives/2019/index.html +1 -1
package/archives/2019/page/2/index.html +1 -1
package/archives/2020/index.html +1 -1
package/archives/2021/index.html +1 -1
package/archives/2022/index.html +1 -1
package/archives/2023/index.html +48 -0
package/archives/index.html +2 -2
package/archives/page/2/index.html +2 -2
package/archives/page/3/index.html +2 -2
package/article/10047.html +1 -1
package/article/10164.html +1 -1
package/article/10624.html +1 -1
package/article/10745.html +1 -1
package/article/11674.html +1 -1
package/article/11939.html +1 -1
package/article/12238.html +1 -1
package/article/1230.html +1 -1
package/article/13265.html +1 -1
package/article/13823.html +1 -1
package/article/14125.html +1 -1
package/article/14192.html +2 -2
package/article/14375.html +1 -1
package/article/14744.html +1 -1
package/article/14936.html +1 -1
package/article/1518.html +1 -1
package/article/15428.html +1 -1
package/article/15518.html +1 -1
package/article/15569.html +1 -1
package/article/1566.html +1 -1
package/article/16017.html +1 -1
package/article/16947.html +1 -1
package/article/17096.html +1 -1
package/article/17246.html +1 -1
package/article/17575.html +1 -1
package/article/179.html +1 -1
package/article/18039.html +1 -1
package/article/18071.html +1 -1
package/article/18142.html +1 -1
package/article/19909.html +1 -1
package/article/20014.html +1 -1
package/article/20021.html +1 -1
package/article/20037.html +1 -1
package/article/20056.html +1 -1
package/article/20093.html +1 -1
package/article/2021.html +1 -1
package/article/20459.html +1 -1
package/article/20613.html +1 -1
package/article/20635.html +1 -1
package/article/21317.html +1 -1
package/article/21320.html +1 -1
package/article/21782.html +1 -1
package/article/22230.html +1 -1
package/article/22237.html +1 -1
package/article/22398.html +1 -1
package/article/22422.html +1 -1
package/article/22565.html +1 -1
package/article/23046.html +1 -1
package/article/23083.html +1 -1
package/article/23195.html +1 -1
package/article/23301.html +1 -1
package/article/23589.html +1 -1
package/article/23655.html +1 -1
package/article/23864.html +1 -1
package/article/23914.html +1 -1
package/article/24169.html +1 -1
package/article/24581.html +1 -1
package/article/2475.html +1 -1
package/article/24826.html +1 -1
package/article/24924.html +1 -1
package/article/25164.html +1 -1
package/article/25318.html +1 -1
package/article/25710.html +1 -1
package/article/25734.html +1 -1
package/article/26083.html +1 -1
package/article/26147.html +1 -1
package/article/26291.html +1 -1
package/article/26354.html +1 -1
package/article/26624.html +1 -1
package/article/26639.html +1 -1
package/article/26850.html +1 -1
package/article/26940.html +1 -1
package/article/27796.html +1 -1
package/article/27800.html +1 -1
package/article/28963.html +1 -1
package/article/28976.html +1 -1
package/article/29042.html +1 -1
package/article/29596.html +1 -1
package/article/29619.html +1 -1
package/article/29623.html +1 -1
package/article/29829.html +1 -1
package/article/29abbd1c.html +1 -1
package/article/30215.html +1 -1
package/article/30552.html +1 -1
package/article/30818.html +1 -1
package/article/31330.html +1 -1
package/article/3154.html +1 -1
package/article/31695.html +1 -1
package/article/31826.html +1 -1
package/article/31843.html +1 -1
package/article/32280.html +1 -1
package/article/32431.html +1 -1
package/article/32443.html +1 -1
package/article/32732.html +1 -1
package/article/3286.html +1 -1
package/article/32960.html +1 -1
package/article/33713.html +1 -1
package/article/33899.html +1 -1
package/article/34351.html +1 -1
package/article/34372.html +1 -1
package/article/34410.html +1 -1
package/article/34431.html +1 -1
package/article/3447.html +1 -1
package/article/34474.html +1 -1
package/article/34871.html +1 -1
package/article/35397.html +1 -1
package/article/3544.html +1 -1
package/article/35503.html +1 -1
package/article/35624.html +1 -1
package/article/35697.html +1 -1
package/article/35863.html +1 -1
package/article/36037.html +1 -1
package/article/36118.html +1 -1
package/article/3621.html +1 -1
package/article/36251.html +1 -1
package/article/36642.html +1 -1
package/article/37102.html +1 -1
package/article/37336.html +1 -1
package/article/37351.html +1 -1
package/article/3760.html +1 -1
package/article/37749.html +1 -1
package/article/37789.html +1 -1
package/article/38005.html +1 -1
package/article/38009.html +1 -1
package/article/38269.html +1 -1
package/article/38344.html +1 -1
package/article/38359.html +1 -1
package/article/38423.html +1 -1
package/article/38530.html +1 -1
package/article/38743.html +1 -1
package/article/38753.html +1 -1
package/article/38881.html +1 -1
package/article/39087.html +1 -1
package/article/39309.html +1 -1
package/article/39486.html +1 -1
package/article/39637.html +1 -1
package/article/39839.html +1 -1
package/article/39937.html +1 -1
package/article/39970.html +1 -1
package/article/402.html +1 -1
package/article/40698.html +1 -1
package/article/40811.html +1 -1
package/article/40964.html +1 -1
package/article/41011.html +1 -1
package/article/41152.html +1 -1
package/article/41696.html +1 -1
package/article/41717.html +1 -1
package/article/41777.html +1 -1
package/article/419.html +1 -1
package/article/4233.html +1 -1
package/article/4292.html +1 -1
package/article/43302.html +1 -1
package/article/43397.html +1 -1
package/article/43724.html +1 -1
package/article/43999.html +1 -1
package/article/44426.html +1 -1
package/article/44964.html +1 -1
package/article/45004.html +1 -1
package/article/4510.html +1 -1
package/article/45156.html +1 -1
package/article/45157.html +1 -1
package/article/45267.html +1 -1
package/article/45641.html +1 -1
package/article/45960.html +1 -1
package/article/46100.html +1 -1
package/article/46366.html +1 -1
package/article/46771.html +1 -1
package/article/46911.html +1 -1
package/article/46948.html +1 -1
package/article/46ee4850.html +1 -1
package/article/47019.html +1 -1
package/article/47532.html +1 -1
package/article/4783.html +1 -1
package/article/47972.html +1 -1
package/article/48216.html +1 -1
package/article/48252.html +1 -1
package/article/48520.html +1 -1
package/article/48722.html +1 -1
package/article/48807.html +1 -1
package/article/49126.html +1 -1
package/article/50001.html +1 -1
package/article/50058.html +1 -1
package/article/50343.html +1 -1
package/article/50510.html +1 -1
package/article/51082.html +1 -1
package/article/51677.html +1 -1
package/article/5204.html +1 -1
package/article/52500.html +1 -1
package/article/52689.html +1 -1
package/article/52877.html +1 -1
package/article/53125.html +1 -1
package/article/53428.html +1 -1
package/article/53524.html +1 -1
package/article/53698.html +1 -1
package/article/53803e6.html +1 -1
package/article/53924.html +1 -1
package/article/53962.html +2 -2
package/article/54006.html +1 -1
package/article/54018.html +1 -1
package/article/54161.html +1 -1
package/article/54178.html +1 -1
package/article/54258.html +1 -1
package/article/54295.html +1 -1
package/article/54313.html +1 -1
package/article/54351.html +1 -1
package/article/54604.html +1 -1
package/article/54632.html +1 -1
package/article/54912.html +1 -1
package/article/54918.html +1 -1
package/article/55119.html +1 -1
package/article/55756.html +1 -1
package/article/55769.html +1 -1
package/article/55870.html +1 -1
package/article/56139.html +1 -1
package/article/56557.html +1 -1
package/article/56604.html +1 -1
package/article/56816.html +1 -1
package/article/56926.html +1 -1
package/article/57747.html +1 -1
package/article/57965.html +1 -1
package/article/58816.html +1 -1
package/article/59059.html +1 -1
package/article/59095.html +1 -1
package/article/59349.html +1 -1
package/article/59402.html +1 -1
package/article/59448.html +1 -1
package/article/59870.html +1 -1
package/article/59877.html +1 -1
package/article/5dbb6f41.html +1 -1
package/article/6008.html +1 -1
package/article/60327.html +1 -1
package/article/6035.html +1 -1
package/article/60428.html +1 -1
package/article/60544.html +1 -1
package/article/61319.html +1 -1
package/article/61367.html +1 -1
package/article/624d1918.html +1 -1
package/article/62543.html +1 -1
package/article/62887.html +1 -1
package/article/63074.html +1 -1
package/article/63266.html +1 -1
package/article/63351.html +1 -1
package/article/63542.html +1 -1
package/article/63824.html +1 -1
package/article/64051.html +1 -1
package/article/64189b69.html +1 -1
package/article/64354.html +1 -1
package/article/64869.html +1 -1
package/article/64923.html +1 -1
package/article/65128.html +1 -1
package/article/65295.html +1 -1
package/article/6888.html +1 -1
package/article/7065.html +1 -1
package/article/7455.html +1 -1
package/article/7a3ef8f.html +1 -1
package/article/8140.html +1 -1
package/article/8190.html +1 -1
package/article/8225.html +1 -1
package/article/84c9ccd6.html +2 -2
package/article/8f9a9ae3.html +1 -1
package/article/9174.html +1 -1
package/article/9738.html +1 -1
package/article/9c3c56c.html +615 -0
package/article/a4145266.html +1 -1
package/article/bedea419.html +1 -1
package/article/bf7e7421.html +1 -1
package/article/c1867fbf.html +1 -1
package/article/dcb0db28.html +1 -1
package/article/fc3b727a.html +1 -1
package/atom.xml +37 -41
package/baidusitemap.xml +320 -316
package/categories/CDN/index.html +1 -1
package/categories/IDE/index.html +1 -1
package/categories/git/index.html +1 -1
package/categories/hexo/index.html +1 -1
package/categories//345/205/254/345/205/261/350/212/202/346/227/245/index.html +1 -1
package/categories//345/210/206/344/272/253/index.html +1 -1
package/categories//345/211/215/347/253/257/index.html +1 -1
package/categories//345/211/215/347/253/257/page/2/index.html +1 -1
package/categories//345/211/215/347/253/257//346/265/217/350/247/210/345/231/250/index.html +1 -1
package/categories//345/211/215/347/253/257//346/265/217/350/247/210/345/231/250//347/275/221/347/273/234/345/215/217/350/256/256/index.html +1 -1
package/categories//345/215/232/345/256/242/index.html +1 -1
package/categories//345/267/245/345/205/267/index.html +1 -1
package/categories//345/271/277/345/221/212/350/277/207/346/273/244/index.html +1 -1
package/categories//345/271/277/345/221/212/350/277/207/346/273/244//350/247/206/351/242/221/347/224/265/350/247/206/345/260/217/350/257/264/346/274/253/347/224/273/350/265/204/350/256/257/351/237/263/344/271/220/index.html +1 -1
package/categories//346/255/243/345/210/231/index.html +1 -1
package/categories//346/265/217/350/247/210/345/231/250/index.html +1 -1
package/categories//347/256/227/346/263/225/index.html +1 -1
package/categories//350/265/204/350/256/257/index.html +1 -1
package/categories//350/275/273/346/235/276/344/270/200/345/210/273/index.html +1 -1
package/guestbook/index.html +1 -1
package/index.html +2 -2
package/kankan/index.html +1 -1
package/package.json +1 -1
package/page/10/index.html +3 -3
package/page/11/index.html +3 -3
package/page/12/index.html +3 -6
package/page/13/index.html +6 -5
package/page/14/index.html +5 -7
package/page/15/index.html +7 -4
package/page/16/index.html +4 -6
package/page/17/index.html +6 -3
package/page/18/index.html +3 -3
package/page/19/index.html +3 -3
package/page/2/index.html +2 -2
package/page/20/index.html +3 -7
package/page/21/index.html +7 -3
package/page/22/index.html +3 -3
package/page/23/index.html +3 -6
package/page/24/index.html +6 -3
package/page/25/index.html +3 -3
package/page/26/index.html +2 -2
package/page/27/index.html +2 -2
package/page/3/index.html +2 -2
package/page/4/index.html +2 -2
package/page/5/index.html +3 -5
package/page/6/index.html +5 -6
package/page/7/index.html +5 -2
package/page/8/index.html +3 -3
package/page/9/index.html +2 -2
package/search.xml +15 -2
package/sitemap.xml +350 -341
package/tags//345/216/237/345/210/233/index.html +1 -1
package/tags//345/250/261/344/271/220/index.html +1 -1
package/tags//346/211/213/345/206/231/index.html +1 -1
package/tags//347/226/253/346/203/205/index.html +1 -1
package/tags//350/275/254/350/275/275/index.html +1 -1
package/tags//350/275/254/350/275/275/page/2/index.html +1 -1

package/page/12/index.html CHANGED Viewed

@@ -16,7 +16,7 @@
 })();
 </script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src='https://hm.baidu.com/hm.js?011f0b44e8452bfa57fbfa23c5fe7683';var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
 </script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-150860401-1"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config','UA-150860401-1');
-</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/60327.html">前端应该知道的 15个 JavaScript 实用程序库</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-01-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/archives/9631</code></p>
+</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/23083.html">“云”端的语雀：用 JavaScript 全栈打造商业级应用</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-01-13</span></div><div class="post-content"><p><code>原文地址：https://www.yuque.com/seeconf/2020/dn74yy</code><br>语雀是一个专业的云端知识库，面向个人和团队，提供与众不同的知识管理，打造轻松流畅的工作协同，它提供各种格式的在线文档（富文本、表格、设计稿等）编辑能力，支持实时在线多人协同编辑，数据云端保存不丢失。而语雀与其他文档工具最大的不同是，<strong>它通过知识库来对文档进行组织，让知识创作者更好的管理知识。</strong></p></div><p class="readmore"><a href="/article/23083.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/60327.html">前端应该知道的 15个 JavaScript 实用程序库</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-01-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/archives/9631</code></p>
 <p>15个有用的JavaScript实用程序库，可加速您的前端开发。</p>
 <p>时至今日，JavaScript在仍然是 <a target="_blank" rel="noopener" href="https://insights.stackoverflow.com/survey/2018/#technology">最受欢迎和最广泛使用</a> 的编程语言，围绕它的生态社区也在不断的完善和壮大。</p></div><p class="readmore"><a href="/article/60327.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/45641.html">chrome调试技巧</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-01-09</span></div><div class="post-content"><p><code>原文地址：https://segmentfault.com/a/1190000016256731</code></p>
 <blockquote>
@@ -35,10 +35,7 @@
 <p>一个ECMAScript标准的制作过程，包含了Stage 0到Stage 4五个阶段，每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3或者Stage 4阶段，这意味着应该很快在浏览器和其他引擎中支持这些特性。</p></div><p class="readmore"><a href="/article/44426.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/35697.html">npm install 原理分析</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-27</span></div><div class="post-content"><blockquote>
 <p>作者： code秘密花园 公号 &#x2F; ConardLi （本文来自作者投稿）<br><code>原文地址：https</code>:&#x2F;&#x2F;mp.weixin.qq.com&#x2F;s&#x2F;5tmND0G_ZkYVR7Dmug0ugQ&#96;</p>
 </blockquote>
-<p>开门见山，<code>npm install</code> 大概会经过上面的几个流程，本篇文章来讲一讲各个流程的实现细节、发展以及为何要这样实现。</p></div><p class="readmore"><a href="/article/35697.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/56139.html">第 4 种 Web 语言来了：WebAssembly</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-26</span></div><div class="post-content"><blockquote>
-<p>综合整理：技术最前线（ID：TopITNews）参考：solidot、W3C<br><code>原文地址：https://mp.weixin.qq.com/s/lFiRctivRUcTAA9m4SnxiA</code></p>
-</blockquote>
-<p>据 W3C 官网本月宣布，WebAssembly 正式成为 World Wide Web Consortium (W3C) 的标准，加入到了 HTML、CSS 和 JavaScript 的行列。</p></div><p class="readmore"><a href="/article/56139.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/11/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/10/">10</a><a class="page-number" href="/page/11/">11</a><span class="page-number current">12</span><a class="page-number" href="/page/13/">13</a><a class="page-number" href="/page/14/">14</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/13/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
+<p>开门见山，<code>npm install</code> 大概会经过上面的几个流程，本篇文章来讲一讲各个流程的实现细节、发展以及为何要这样实现。</p></div><p class="readmore"><a href="/article/35697.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/11/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/10/">10</a><a class="page-number" href="/page/11/">11</a><span class="page-number current">12</span><a class="page-number" href="/page/13/">13</a><a class="page-number" href="/page/14/">14</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/13/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
   var val = $(this).val()
   var self = '<div class="search-form"><input id="local-search-input" placeholder="站内搜索，首次慢" type="search" name="q" results="0"><input class="search-submit" type="submit" value=""/><div id="local-search-result"></div></div>'
   var google = '<form class="search-form" action="//www.google.com/search" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="q" maxlength="30" placeholder="谷歌全站搜索"><input type="hidden" name="sitesearch" value="xuehuayu.cn"><input class="search-submit" type="submit" value=""/></form>'
@@ -57,7 +54,7 @@
   } else if (val === 'google') {
       $('#search').html(google)
   }
-})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li><li class="post-list-item"><a class="post-list-link" href="/article/46ee4850.html">再面试浏览器和网络协议，看完这36点就稳了</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
+})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/9c3c56c.html">vue、react、webpack、babel</a></li><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
   var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
   if (cnb) {
     var gxba =document.getElementById('gxba')

package/page/13/index.html CHANGED Viewed

@@ -16,7 +16,10 @@
 })();
 </script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src='https://hm.baidu.com/hm.js?011f0b44e8452bfa57fbfa23c5fe7683';var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
 </script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-150860401-1"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config','UA-150860401-1');
-</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/22398.html">巧用 CSS 实现酷炫的充电动画</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-26</span></div><div class="post-content"><p><code>原文地址：https://juejin.im/post/5e00240ee51d45583c1cc9a7</code></p>
+</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/56139.html">第 4 种 Web 语言来了：WebAssembly</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-26</span></div><div class="post-content"><blockquote>
+<p>综合整理：技术最前线（ID：TopITNews）参考：solidot、W3C<br><code>原文地址：https://mp.weixin.qq.com/s/lFiRctivRUcTAA9m4SnxiA</code></p>
+</blockquote>
+<p>据 W3C 官网本月宣布，WebAssembly 正式成为 World Wide Web Consortium (W3C) 的标准，加入到了 HTML、CSS 和 JavaScript 的行列。</p></div><p class="readmore"><a href="/article/56139.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/22398.html">巧用 CSS 实现酷炫的充电动画</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-26</span></div><div class="post-content"><p><code>原文地址：https://juejin.im/post/5e00240ee51d45583c1cc9a7</code></p>
 <p>循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。</p></div><p class="readmore"><a href="/article/22398.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/13265.html">string-similarity: 可以帮你检查两个字符串的相似性，轻松完成模糊匹配</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-25</span></div><div class="post-content"><p>原文地址：<a target="_blank" rel="noopener" href="https://github.com/aceakash/string-similarity">https://github.com/aceakash/string-similarity</a></p>
 </div><p class="readmore"><a href="/article/13265.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/56604.html">腾讯开源内部跨端框架 Hippy</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-25</span></div><div class="post-content"><p>原文地址：<a target="_blank" rel="noopener" href="https://github.com/Tencent/Hippy">https://github.com/Tencent/Hippy</a></p>
 </div><p class="readmore"><a href="/article/56604.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/56557.html">2019年浏览器市场份额排行榜</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-24</span></div><div class="post-content"><p>原文地址：<a target="_blank" rel="noopener" href="https://segmentfault.com/a/1190000021380699">https://segmentfault.com/a/1190000021380699</a></p>
@@ -28,9 +31,7 @@
 <p>前段时间，在公司做了个 Webpack 的分享。听众40多人，感觉还不错。所以总结一下，先看一下ppt的目录：</p></div><p class="readmore"><a href="/article/59402.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/31695.html">VS Code 成主宰、Vue 备受热捧！2019 前端开发趋势必读</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-18</span></div><div class="post-content"><blockquote>
 <p>&#96;原文：<a target="_blank" rel="noopener" href="https://mp.weixin.qq.com/s/yMa9PAUDbHc00Qp21us7YQ%C2%B7">https://mp.weixin.qq.com/s/yMa9PAUDbHc00Qp21us7YQ·</a></p>
 </blockquote>
-<hr></div><p class="readmore"><a href="/article/31695.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/37102.html">前端工程化 - 剖析npm的包管理机制</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-18</span></div><div class="post-content"><p><code>原文地址：https://juejin.im/post/5df789066fb9a0161f30580c</code></p>
-<p>现如今，前端开发的同学已经离不开 <code>npm</code> 这个包管理工具，其优秀的包版本管理机制承载了整个繁荣发展的<code>NodeJS</code>社区，理解其内部机制非常有利于加深我们对模块开发的理解、各项前端工程化的配置以加快我们排查问题（相信不少同学收到过各种依赖问题的困扰）的速度。</p>
-<p>本文从三个角度：<code>package.json</code>、版本管理、依赖安装结合具体实例对 <code>npm</code> 的包管理机制进行了详细分析。</p></div><p class="readmore"><a href="/article/37102.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/12/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/11/">11</a><a class="page-number" href="/page/12/">12</a><span class="page-number current">13</span><a class="page-number" href="/page/14/">14</a><a class="page-number" href="/page/15/">15</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/14/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
+<hr></div><p class="readmore"><a href="/article/31695.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/12/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/11/">11</a><a class="page-number" href="/page/12/">12</a><span class="page-number current">13</span><a class="page-number" href="/page/14/">14</a><a class="page-number" href="/page/15/">15</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/14/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
   var val = $(this).val()
   var self = '<div class="search-form"><input id="local-search-input" placeholder="站内搜索，首次慢" type="search" name="q" results="0"><input class="search-submit" type="submit" value=""/><div id="local-search-result"></div></div>'
   var google = '<form class="search-form" action="//www.google.com/search" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="q" maxlength="30" placeholder="谷歌全站搜索"><input type="hidden" name="sitesearch" value="xuehuayu.cn"><input class="search-submit" type="submit" value=""/></form>'
@@ -49,7 +50,7 @@
   } else if (val === 'google') {
       $('#search').html(google)
   }
-})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li><li class="post-list-item"><a class="post-list-link" href="/article/46ee4850.html">再面试浏览器和网络协议，看完这36点就稳了</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
+})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/9c3c56c.html">vue、react、webpack、babel</a></li><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
   var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
   if (cnb) {
     var gxba =document.getElementById('gxba')

package/page/14/index.html CHANGED Viewed

@@ -16,7 +16,9 @@
 })();
 </script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src='https://hm.baidu.com/hm.js?011f0b44e8452bfa57fbfa23c5fe7683';var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
 </script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-150860401-1"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config','UA-150860401-1');
-</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/54295.html">前端实现弹幕效果的方法总结(包含css3和canvas的实现方式)</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-17</span></div><div class="post-content"><p><code>原文地址：https://github.com/forthealllight/blog/issues/17)</code></p>
+</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/37102.html">前端工程化 - 剖析npm的包管理机制</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-18</span></div><div class="post-content"><p><code>原文地址：https://juejin.im/post/5df789066fb9a0161f30580c</code></p>
+<p>现如今，前端开发的同学已经离不开 <code>npm</code> 这个包管理工具，其优秀的包版本管理机制承载了整个繁荣发展的<code>NodeJS</code>社区，理解其内部机制非常有利于加深我们对模块开发的理解、各项前端工程化的配置以加快我们排查问题（相信不少同学收到过各种依赖问题的困扰）的速度。</p>
+<p>本文从三个角度：<code>package.json</code>、版本管理、依赖安装结合具体实例对 <code>npm</code> 的包管理机制进行了详细分析。</p></div><p class="readmore"><a href="/article/37102.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/54295.html">前端实现弹幕效果的方法总结(包含css3和canvas的实现方式)</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-17</span></div><div class="post-content"><p><code>原文地址：https://github.com/forthealllight/blog/issues/17)</code></p>
 <p>之前在一个移动端的抽奖页面中，在抽奖结果的展示窗口需要弹幕轮播显示，之前踩过一些小坑，现在总结一下前端弹幕效果的实现方式。</p>
 <blockquote>
 <ul>
@@ -32,11 +34,7 @@
 <p><code>前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。</code></p></div><p class="readmore"><a href="/article/3286.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/48216.html">Web性能领域常见的专业术语</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-16</span></div><div class="post-content"><p><code>原文地址：https://mp.weixin.qq.com/s/GIpmZIY6yxGRBpkTDHuJuw</code></p>
 <h2 id="衡量网页的性能是一个比较琐碎的事情，因为没有某一个指标或数字可以直接告诉我们网页的性能怎样，因为加载网页不是一瞬间的事，准确地说，它是一个过程，不存在某个单独的-“时间点”-可以完全体现出网页的性能，因为在网页加载的过程中，有很多个比较关键的-“时间点”-可以影响用户的感觉（感觉我们的网页是-“快”-还是-“慢”）。而且不同类型的产品所侧重的点也都不太一样，可能同一个时间点，对于某些产品至关重要，但对于另外一些产品，则完全不care。-gt-编者按：本文作者Berwin，W3C性能工作组成员，360导航资深前端工程师。《深入浅出Vue-js》作者。-gt-测量与排查网页的性能瓶颈，是一名专业Web性能优化者的基本功。本章将详细介绍Web性能领域的一些专业术语，通过这些术语也可以侧面了解是哪些因素在影响加载性能。"><a href="#衡量网页的性能是一个比较琐碎的事情，因为没有某一个指标或数字可以直接告诉我们网页的性能怎样，因为加载网页不是一瞬间的事，准确地说，它是一个过程，不存在某个单独的-“时间点”-可以完全体现出网页的性能，因为在网页加载的过程中，有很多个比较关键的-“时间点”-可以影响用户的感觉（感觉我们的网页是-“快”-还是-“慢”）。而且不同类型的产品所侧重的点也都不太一样，可能同一个时间点，对于某些产品至关重要，但对于另外一些产品，则完全不care。-gt-编者按：本文作者Berwin，W3C性能工作组成员，360导航资深前端工程师。《深入浅出Vue-js》作者。-gt-测量与排查网页的性能瓶颈，是一名专业Web性能优化者的基本功。本章将详细介绍Web性能领域的一些专业术语，通过这些术语也可以侧面了解是哪些因素在影响加载性能。" class="headerlink" title="衡量网页的性能是一个比较琐碎的事情，因为没有某一个指标或数字可以直接告诉我们网页的性能怎样，因为加载网页不是一瞬间的事，准确地说，它是一个过程，不存在某个单独的 “时间点” 可以完全体现出网页的性能，因为在网页加载的过程中，有很多个比较关键的 “时间点” 可以影响用户的感觉（感觉我们的网页是 “快” 还是 “慢”）。而且不同类型的产品所侧重的点也都不太一样，可能同一个时间点，对于某些产品至关重要，但对于另外一些产品，则完全不care。&gt;编者按：本文作者Berwin，W3C性能工作组成员，360导航资深前端工程师。《深入浅出Vue.js》作者。&gt;测量与排查网页的性能瓶颈，是一名专业Web性能优化者的基本功。本章将详细介绍Web性能领域的一些专业术语，通过这些术语也可以侧面了解是哪些因素在影响加载性能。"></a>衡量网页的性能是一个比较琐碎的事情，因为没有某一个指标或数字可以直接告诉我们网页的性能怎样，因为加载网页不是一瞬间的事，准确地说，它是一个过程，不存在某个单独的 <strong>“时间点”</strong> 可以完全体现出网页的性能，因为在网页加载的过程中，有很多个比较关键的 <strong>“时间点”</strong> 可以影响用户的感觉（感觉我们的网页是 <strong>“快”</strong> 还是 <strong>“慢”</strong>）。而且不同类型的产品所侧重的点也都不太一样，可能同一个时间点，对于某些产品至关重要，但对于另外一些产品，则完全不care。<br></div><p class="readmore"><a href="/article/48216.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/56926.html">React useEffect的陷阱</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-16</span></div><div class="post-content"><p><code>原文地址：https://zhuanlan.zhihu.com/p/84697185</code></p>
 <p>今天就来讲一个useEffect这个Hook使用的一个小陷阱，看下面的代码，一个Counter，在窗口大小改变的时候，在console上输出当前count。</p></div><p class="readmore"><a href="/article/56926.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/57965.html">React SSR 详解 + 2个项目实战</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-13</span></div><div class="post-content"><p><code>原文地址：https://juejin.im/post/5def0816f265da33aa6aa7fe</code></p></div><p class="readmore"><a href="/article/57965.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/59095.html">你不知道的 JSON.stringify() 的威力</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-13</span></div><div class="post-content"><p><code>原文地址：https://github.com/NieZhuZhu/Blog/issues/1</code></p></div><p class="readmore"><a href="/article/59095.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/20056.html">webpack打包之后js文件引用顺序错乱，vendor顺序错误</a></h2><div class="post-meta"><a class="tag original" href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-12</span></div><div class="post-content"><p>webpack打包之后js文件引用顺序错乱，vendor顺序变成了最后，自己查了很多方法，都不能解决问题，于是自己一个一个排查，终于找到了问题所在</p></div><p class="readmore"><a href="/article/20056.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/36642.html">Webpack多入口文件、热更新等体验</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-12</span></div><div class="post-content"><p><code>原文地址：https://www.cnblogs.com/cqhaibin/p/6581308.html</code></p>
-<p>Webpack现今流行的前端打包工具，今儿本人也来分享下自己学习体验。</p></div><p class="readmore"><a href="/article/36642.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/53125.html">正则大全</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-11</span></div><div class="post-content"><p><code>原文地址：https://github.com/any86/any-rule</code></p></div><p class="readmore"><a href="/article/53125.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/1566.html">写给前端的正则表达式入门</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-11</span></div><div class="post-content"><blockquote>
-<p>转载自：segmentfault.com<br>作者：savokiss<br><code>原文地址：https://segmentfault.com/a/1190000021145901</code></p>
-</blockquote>
-<p>在 <code>JavaScript</code> 中，使用 &#x2F;&#x2F; 即可创建一个正则表达式对象，当然也可以使用 <code>new RegExp()</code></p>
-<p>常用的跟正则相关的方法有 <code>match</code>、<code>test</code> 和 <code>replace</code>。<br>其中 <code>match</code>，<code>replace</code> 都是字符串上的方法， <code>test</code> 是正则对象上的方法。</p></div><p class="readmore"><a href="/article/1566.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/13/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/12/">12</a><a class="page-number" href="/page/13/">13</a><span class="page-number current">14</span><a class="page-number" href="/page/15/">15</a><a class="page-number" href="/page/16/">16</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/15/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
+<p>Webpack现今流行的前端打包工具，今儿本人也来分享下自己学习体验。</p></div><p class="readmore"><a href="/article/36642.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/53125.html">正则大全</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-11</span></div><div class="post-content"><p><code>原文地址：https://github.com/any86/any-rule</code></p></div><p class="readmore"><a href="/article/53125.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/13/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/12/">12</a><a class="page-number" href="/page/13/">13</a><span class="page-number current">14</span><a class="page-number" href="/page/15/">15</a><a class="page-number" href="/page/16/">16</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/15/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
   var val = $(this).val()
   var self = '<div class="search-form"><input id="local-search-input" placeholder="站内搜索，首次慢" type="search" name="q" results="0"><input class="search-submit" type="submit" value=""/><div id="local-search-result"></div></div>'
   var google = '<form class="search-form" action="//www.google.com/search" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="q" maxlength="30" placeholder="谷歌全站搜索"><input type="hidden" name="sitesearch" value="xuehuayu.cn"><input class="search-submit" type="submit" value=""/></form>'
@@ -55,7 +53,7 @@
   } else if (val === 'google') {
       $('#search').html(google)
   }
-})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li><li class="post-list-item"><a class="post-list-link" href="/article/46ee4850.html">再面试浏览器和网络协议，看完这36点就稳了</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
+})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/9c3c56c.html">vue、react、webpack、babel</a></li><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
   var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
   if (cnb) {
     var gxba =document.getElementById('gxba')

package/page/15/index.html CHANGED Viewed

@@ -16,7 +16,11 @@
 })();
 </script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src='https://hm.baidu.com/hm.js?011f0b44e8452bfa57fbfa23c5fe7683';var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
 </script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-150860401-1"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);};gtag('js',new Date());gtag('config','UA-150860401-1');
-</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/15518.html">13 个 npm 快速开发技巧</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/web/javascript/13643.html</code></p>
+</script><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/fixedPage.min.js"></script><meta name="generator" content="Hexo 6.3.0"></head><body><div class="body_container"><div id="header"><div class="site-name"><a id="logo" href="/.">前端壹菜鸟</a><p class="description">关注前端知识，收集精彩博文，做技术的搬运工</p></div><div id="nav-menu"><a class="current" href="/." target="_self"><i class="fa fa-home"> 首页</i></a><a href="/archives/" target="_self"><i class="fa fa-archive"> 归档</i></a><a href="/guestbook/" target="_self"><i class="fa fa-comments"> 留言</i></a><a href="/about/" target="_self"><i class="fa fa-user"> 关于</i></a><a href="https://laonongmin.online/" target="_target"><i class="fa fa-group"> 看看</i></a><a href="https://love.xuehuayu.cn/" target="_target"><i class="fa fa-heart"> LOVE</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h2 class="post-title c-index"><a href="/article/1566.html">写给前端的正则表达式入门</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-11</span></div><div class="post-content"><blockquote>
+<p>转载自：segmentfault.com<br>作者：savokiss<br><code>原文地址：https://segmentfault.com/a/1190000021145901</code></p>
+</blockquote>
+<p>在 <code>JavaScript</code> 中，使用 &#x2F;&#x2F; 即可创建一个正则表达式对象，当然也可以使用 <code>new RegExp()</code></p>
+<p>常用的跟正则相关的方法有 <code>match</code>、<code>test</code> 和 <code>replace</code>。<br>其中 <code>match</code>，<code>replace</code> 都是字符串上的方法， <code>test</code> 是正则对象上的方法。</p></div><p class="readmore"><a href="/article/1566.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/15518.html">13 个 npm 快速开发技巧</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/web/javascript/13643.html</code></p>
 <p>每天，数以百万计的开发人员使用 <code>npm</code> 或 <code>yarn</code> 来构建项目。运行<code>npm init</code>或<code>npx create- response -app</code>等命令几乎构建JS项目的首选方式，无论是为客户端或服务器端，还是桌面应用程序。</p></div><p class="readmore"><a href="/article/15518.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/53428.html">2019年适用于JavaScript开发人员的27种神奇的VSCode工具</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/top/14138.html</code></p>
 <p><a target="_blank" rel="noopener" href="https://code.visualstudio.com/"><code>Visual Studio Code</code></a>（也称为VSCode）是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持，越来越多的开发都都喜欢使用它。</p></div><p class="readmore"><a href="/article/53428.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/39637.html">常见React.js问题（附解决方案）</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/interview/14451.html</code></p>
 <p>在 jsComplete，我们管理一个专门用于帮助编程学习者 slack 帐户。我们常常会收到一些有趣的问题，但大多数问题都是常见问题。 我创建这个资源为了帮助 React.js学习者遇到这些常见的问题时提供一定帮助。在这里可以快速找到一些常见问题的解决方案，而不是一，遍又一遍去找解决方法，我会持续更新这些常见的问题。</p></div><p class="readmore"><a href="/article/39637.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/1230.html">JavaScript中数组的15种常见操作（备忘单）</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/web/javascript/14284.html</code></p>
@@ -24,8 +28,7 @@
 <p>本文会列举一些平时面试时问到的问题和答案，并说明面试官在当时问到这个问题时所期望对方的回答：</p></div><p class="readmore"><a href="/article/38269.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/38009.html">2019前端面试题及答案（含JavaScript、css）</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/interview/13569.html</code></p>
 <p>在我们找工作时经常会因为面试问题而头痛，本文就来为大家收集一些前端面试的题目和答案，希望对大家有一定的帮助。</p></div><p class="readmore"><a href="/article/38009.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/46771.html">前端面试之webpack面试常见问题</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/interview/13558.html</code></p></div><p class="readmore"><a href="/article/46771.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/40964.html">Promise的三兄弟：all(), race()以及allSettled()</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-09</span></div><div class="post-content"><p><code>原文地址：https://mp.weixin.qq.com/s/K9tbMPHd_jPm-5t_vrXS0w</code></p>
 <p>从ES6 开始，我们大都使用的是 <code>Promise.all()</code>和<code>Promise.race()</code>，<code>Promise.allSettled()</code> 提案已经到第4阶段，因此将会成为<code>ECMAScript 2020</code>的一部分。</p></div><p class="readmore"><a href="/article/40964.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/31330.html">12个提高 JavaScript 技能的概念！</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/web/javascript/14000.html</code></p>
-<p>JavaScript 是一种复杂的语言。如果是你是高级或者初级 JavaScript 开发人员，了解它的基本概念非常重要。本文介绍 JavaScript 至关重要的<strong>12</strong>个概念，但绝对不是说 JavaScript 开发人员只需要知道这些就可以了。</p></div><p class="readmore"><a href="/article/31330.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/20021.html">如何在 JS 循环中正确使用 async 与 await</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2019-12-09</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/web/javascript/14139.html</code></p>
-<p><code>async</code> 与 <code>await</code> 的使用方式相对简单。 蛤当你尝试在循环中使用<code>await</code>时，事情就会变得复杂一些。<br>在本文中，分享一些在如果循环中使用<code>await</code>值得注意的问题。</p></div><p class="readmore"><a href="/article/20021.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/14/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/13/">13</a><a class="page-number" href="/page/14/">14</a><span class="page-number current">15</span><a class="page-number" href="/page/16/">16</a><a class="page-number" href="/page/17/">17</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/16/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
+<p>JavaScript 是一种复杂的语言。如果是你是高级或者初级 JavaScript 开发人员，了解它的基本概念非常重要。本文介绍 JavaScript 至关重要的<strong>12</strong>个概念，但绝对不是说 JavaScript 开发人员只需要知道这些就可以了。</p></div><p class="readmore"><a href="/article/31330.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/14/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/13/">13</a><a class="page-number" href="/page/14/">14</a><span class="page-number current">15</span><a class="page-number" href="/page/16/">16</a><a class="page-number" href="/page/17/">17</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/16/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4 fixed-search hidden_mid_and_down"><div id="sidebar"><script type="text/javascript" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/js/search.min.js"></script><div class="widget"><div class="widget-search"><input class="search" type="radio" name="search" value="baidu" id="baidu" checked="checked"/><label class="label" for="baidu" title="百度全站搜索">百度</label><input class="search" type="radio" name="search" value="google" id="google"/><label class="label" for="google" title="谷歌全站搜索">谷歌</label><input class="search" type="radio" name="search" value="self" id="self"/><label class="label" for="self" title="使用站内搜索">站内</label></div><div class="widget" id="search"><form class="search-form" action="//www.baidu.com/baidu" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="word" maxlength="30" placeholder="百度全站搜索"/><input type="hidden" name="si" value="xuehuayu.cn"/><input type="hidden" name="cl" value="3"/><input type="hidden" name="ct" value="2097152"/><input type="hidden" name="s" value="on"/><input class="search-submit" type="submit" value=""/></form></div></div><script>$('input[type=radio][name=search]').change(function() {
   var val = $(this).val()
   var self = '<div class="search-form"><input id="local-search-input" placeholder="站内搜索，首次慢" type="search" name="q" results="0"><input class="search-submit" type="submit" value=""/><div id="local-search-result"></div></div>'
   var google = '<form class="search-form" action="//www.google.com/search" method="get" accept-charset="utf-8" target="_blank"><input type="search" name="q" maxlength="30" placeholder="谷歌全站搜索"><input type="hidden" name="sitesearch" value="xuehuayu.cn"><input class="search-submit" type="submit" value=""/></form>'
@@ -44,7 +47,7 @@
   } else if (val === 'google') {
       $('#search').html(google)
   }
-})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li><li class="post-list-item"><a class="post-list-link" href="/article/46ee4850.html">再面试浏览器和网络协议，看完这36点就稳了</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
+})</script><div class="widget widget-wxmp"><img alt="微信公众号" width="100%" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/mp-mini.jpg"/></div><div class="widget widget-categories"><div class="widget-title"><i class="fa fa-folder-o"> 分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CDN/">CDN</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/IDE/">IDE</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/git/">git</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%85%AC%E5%85%B1%E8%8A%82%E6%97%A5/">公共节日</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%88%86%E4%BA%AB/">分享</a><span class="category-list-count">29</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/">前端</a><span class="category-list-count">190</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF/%E6%B5%8F%E8%A7%88%E5%99%A8/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/">网络协议</a><span class="category-list-count">1</span></li></ul></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%8D%9A%E5%AE%A2/">博客</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/">工具</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/">广告过滤</a><span class="category-list-count">8</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%B9%BF%E5%91%8A%E8%BF%87%E6%BB%A4/%E8%A7%86%E9%A2%91%E7%94%B5%E8%A7%86%E5%B0%8F%E8%AF%B4%E6%BC%AB%E7%94%BB%E8%B5%84%E8%AE%AF%E9%9F%B3%E4%B9%90/">视频电视小说漫画资讯音乐</a><span class="category-list-count">2</span></li></ul></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%AD%A3%E5%88%99/">正则</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E6%B5%8F%E8%A7%88%E5%99%A8/">浏览器</a><span class="category-list-count">5</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%AE%97%E6%B3%95/">算法</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%B5%84%E8%AE%AF/">资讯</a><span class="category-list-count">16</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%BD%BB%E6%9D%BE%E4%B8%80%E5%88%BB/">轻松一刻</a><span class="category-list-count">1</span></li></ul></div><div class="widget widget-tags"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="/tags/%E5%8E%9F%E5%88%9B/" style="font-size: 15px;">原创</a> <a href="/tags/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E6%89%8B%E5%86%99/" style="font-size: 15px;">手写</a> <a href="/tags/%E7%96%AB%E6%83%85/" style="font-size: 15px;">疫情</a> <a href="/tags/%E5%A8%B1%E4%B9%90/" style="font-size: 15px;">娱乐</a></div></div><div class="widget widget-recent-posts"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/article/9c3c56c.html">vue、react、webpack、babel</a></li><li class="post-list-item"><a class="post-list-link" href="/article/84c9ccd6.html">精读《SolidJS》</a></li><li class="post-list-item"><a class="post-list-link" href="/article/53803e6.html">git提交注释规范</a></li><li class="post-list-item"><a class="post-list-link" href="/article/a4145266.html">前端数组拍平flat一行代码</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bedea419.html">一道前端this面试题</a></li><li class="post-list-item"><a class="post-list-link" href="/article/bf7e7421.html">git多账号配置</a></li></ul></div><div class="widget widget-links"><div class="widget-title"><i class="fa fa-external-link"> 友情链接</i></div><ul></ul><a href="https://github.com/npljy?utm_source=xuehuayu.cn" title="GitHub" target="_blank">GitHub</a><ul></ul><a href="https://laonongmin.online?utm_source=xuehuayu.cn" title="看看" target="_blank">看看</a><ul></ul><a href="https://cainiaoblog.cn?utm_source=xuehuayu.cn" title="菜鸟博客" target="_blank">菜鸟博客</a><ul></ul><a href="mailto:cainiaoblog@126.com" title="友链联系" target="_blank">友链联系</a></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer"><div class="flex-block justify-center align-center flex-wrap"><a class="gxba-link" id="gxba" rel="nofollow" target="_blank" href="http://beian.miit.gov.cn/">京ICP备20007647号-2</a><a class="gaba-link" id="gaba-link" rel="nofollow" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031264"><img class="nofancybox" src="//cdn.staticaly.com/gh/npljy/npljy.github.io/main/img/gaba.png" alt=""/><span id="gaba">京公网安备 11010802031264号</span><span style="padding-right: 10px;"></span></a><span>Copyright © 2023 </span><a href="/." rel="nofollow">前端壹菜鸟. </a><script>(function(){
   var cnb =window.location.origin.indexOf('cainiaoblog') !==-1
   if (cnb) {
     var gxba =document.getElementById('gxba')