npm - cainiaoblog - Versions diffs - 23.2.183 → 23.2.185 - Mend

cainiaoblog 23.2.183 → 23.2.185

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 (356) hide show

package/README.md +8 -8
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 +2 -2
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 +2 -2
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 +2 -2
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 +2 -2
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 +2 -2
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/a4145266.html +1 -1
package/article/bedea419.html +1 -1
package/article/bf7e7421.html +1 -1
package/article/c1867fbf.html +1 -1
package/article/c5576490.html +128 -0
package/article/dcb0db28.html +1 -1
package/article/fc3b727a.html +1 -1
package/atom.xml +60 -60
package/baidusitemap.xml +536 -532
package/blocks/dns.txt +265 -265
package/blocks/filter.txt +1070 -1070
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 +2 -2
package/categories//345/211/215/347/253/257/index.html +2 -2
package/categories//345/211/215/347/253/257/page/2/index.html +2 -2
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/cdn/fonts/fontawesome-webfont.svg +2671 -2671
package/guestbook/index.html +1 -1
package/hosts/ads.txt +149 -149
package/hosts/flash.txt +9 -9
package/hosts/github.txt +5 -5
package/hosts/google.txt +16935 -16935
package/hosts/winrar.txt +2 -2
package/img/alipay.svg +46 -46
package/img/bitcoin.svg +135 -135
package/img/paypal.svg +63 -63
package/img/upy_logo.svg +59 -59
package/img/wechat.svg +49 -49
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 +5 -5
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/robots.txt +22 -22
package/search.xml +35 -10
package/sitemap.xml +490 -481
package/tags//345/216/237/345/210/233/index.html +2 -2
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 +2 -2

package/page/11/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/14192.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">2020-01-17</span></div><div class="post-content"><p><code>原文地址：https://juejin.im/post/5dff8a26e51d4558105420ed</code><br>这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)<br>事实上我在面试的时候确实被问到了这个问题，而且是一道在线 coding 的编程题，当时虽然思路正确，可惜最终也并不算完全答对<br>结束后花了一段时间整理了下思路，那么究竟该如何实现一个大文件上传，以及在上传中如何实现断点续传的功能呢？<br>本文将从零搭建前端和服务端，实现一个大文件上传和断点续传的 demo</p></div><p class="readmore"><a href="/article/14192.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/54313.html">70个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-16</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/interview/15926.html</code></p></div><p class="readmore"><a href="/article/54313.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/16947.html">面试常考手写代码学习技巧总结</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a><a class="tag" href="/tags/%E6%89%8B%E5%86%99/">手写 </a></div><div class="post-meta divider">|</div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-01-16</span></div><div class="post-content"><p><code>原文地址：https://mp.weixin.qq.com/s/RpWUtU4WXSzWZIHMCaGisg</code><br>我们在面试的时候，经常会被面试官问到几个手写代码的问题。手写一个数组去重复，深拷贝，数组拍平等等。有些小伙伴面试之前准备了，但是在编写的时候还是会忘掉，本文总结了一个<strong>如何应对手写代码的大纲</strong>，前面是一些基础内容，但是也希望能帮助到你，都会就当复习一遍，嘿嘿。</p></div><p class="readmore"><a href="/article/16947.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/27796.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">2020-01-16</span></div><div class="post-content"><p><code>原文地址：https://github.com/XboxYan/notes/issues/16</code><br>按钮（button）可能是网页中最常见的组件之一了，大部分都平淡无奇，如果你碰到的是一个这样的按钮，会不会忍不住多点几次呢？</p></div><p class="readmore"><a href="/article/27796.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/24169.html">我写CSS的常用套路(附demo的效果实现与源码）</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-16</span></div><div class="post-content"><p><code>原文地址：https://juejin.im/post/5e070cd9f265da33f8653f00</code><br>本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。</p></div><p class="readmore"><a href="/article/24169.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/43724.html">种草 ES2020 新特性</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>作者：blue_yang 原文地址：https://juejin.im/post/5e09ca40518825499a5abff7</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/45157.html">新型肺炎疫情最新动态播报汇总</a></h2><div class="post-meta"><a class="tag" href="/tags/%E7%96%AB%E6%83%85/">疫情 </a></div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-01-19</span></div><div class="post-content"><p>各大网站的实时动态播报汇总</p></div><p class="readmore"><a href="/article/45157.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/14192.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">2020-01-17</span></div><div class="post-content"><p><code>原文地址：https://juejin.im/post/5dff8a26e51d4558105420ed</code><br>这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)<br>事实上我在面试的时候确实被问到了这个问题，而且是一道在线 coding 的编程题，当时虽然思路正确，可惜最终也并不算完全答对<br>结束后花了一段时间整理了下思路，那么究竟该如何实现一个大文件上传，以及在上传中如何实现断点续传的功能呢？<br>本文将从零搭建前端和服务端，实现一个大文件上传和断点续传的 demo</p></div><p class="readmore"><a href="/article/14192.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/54313.html">70个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-16</span></div><div class="post-content"><p><code>原文地址：https://www.html.cn/interview/15926.html</code></p></div><p class="readmore"><a href="/article/54313.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/16947.html">面试常考手写代码学习技巧总结</a></h2><div class="post-meta"><a class="tag" href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a><a class="tag" href="/tags/%E6%89%8B%E5%86%99/">手写 </a></div><div class="post-meta divider">|</div><div class="post-meta divider">|</div><div class="post-meta"><span class="date">2020-01-16</span></div><div class="post-content"><p><code>原文地址：https://mp.weixin.qq.com/s/RpWUtU4WXSzWZIHMCaGisg</code><br>我们在面试的时候，经常会被面试官问到几个手写代码的问题。手写一个数组去重复，深拷贝，数组拍平等等。有些小伙伴面试之前准备了，但是在编写的时候还是会忘掉，本文总结了一个<strong>如何应对手写代码的大纲</strong>，前面是一些基础内容，但是也希望能帮助到你，都会就当复习一遍，嘿嘿。</p></div><p class="readmore"><a href="/article/16947.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/27796.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">2020-01-16</span></div><div class="post-content"><p><code>原文地址：https://github.com/XboxYan/notes/issues/16</code><br>按钮（button）可能是网页中最常见的组件之一了，大部分都平淡无奇，如果你碰到的是一个这样的按钮，会不会忍不住多点几次呢？</p></div><p class="readmore"><a href="/article/27796.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/24169.html">我写CSS的常用套路(附demo的效果实现与源码）</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-16</span></div><div class="post-content"><p><code>原文地址：https://juejin.im/post/5e070cd9f265da33f8653f00</code><br>本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。</p></div><p class="readmore"><a href="/article/24169.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/43724.html">种草 ES2020 新特性</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>作者：blue_yang 原文地址：https://juejin.im/post/5e09ca40518825499a5abff7</code></p>
 <p>这几年，Ecma TC39一年一次更新 ecmascript 规范标准，截止目前，以下特性已进入 <code>finished</code> 状态。现在带大家体验种草 ES2020 新特性。</p></div><p class="readmore"><a href="/article/43724.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/18039.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">2020-01-13</span></div><div class="post-content"><p><code>作者: Jartto&#39;s blog 原文地址：http://jartto.wang/2018/11/20/js-exception-handling/</code></p>
 <p>前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。</p></div><p class="readmore"><a href="/article/18039.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/41777.html">HTTPS 原理分析带着疑问层层深入</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>作者：leapmie 原文地址：https://blog.leapmie.com/archives/418/#HTTPS</code><br>随着 HTTPS 建站的成本下降，现在大部分的网站都已经开始用上 HTTPS 协议。大家都知道 HTTPS 比 HTTP 安全，也听说过与 HTTPS 协议相关的概念有 SSL 、非对称加密、 CA证书等，但对于以下灵魂三拷问可能就答不上了：</p>
 <ol>
@@ -27,7 +27,7 @@
 <p>本文将层层深入，从原理上把 HTTPS 的安全性讲透。</p></div><p class="readmore"><a href="/article/41777.html">全文</a></p></div><div class="post"><h2 class="post-title c-index"><a href="/article/60544.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">2020-01-13</span></div><div class="post-content"><blockquote>
 <p>作者：_呜啦啦啦火车笛<br><code>原文地址：https://juejin.im/post/5e0abd926fb9a04825712e3f</code></p>
 </blockquote>
-<p>本文摘自这一年来自己在工作中经历的几个比较好的CSS问题（不一定复杂，但个人觉得都挺值得一说），这些CSS问题平时很少遇到，即使遇到后也不一定知道解决方案，即使知道解决方案也不一定知道产生的原理，同时也准备了2个JS问题（之前有整理过一篇较长的JS问题文章，在此不做推新）。本文会更新下去，希望帮到各位朋友。期待您的点赞，谢谢。</p></div><p class="readmore"><a href="/article/60544.html">全文</a></p></div><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><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/10/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/9/">9</a><a class="page-number" href="/page/10/">10</a><span class="page-number current">11</span><a class="page-number" href="/page/12/">12</a><a class="page-number" href="/page/13/">13</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/12/">下一页</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>本文摘自这一年来自己在工作中经历的几个比较好的CSS问题（不一定复杂，但个人觉得都挺值得一说），这些CSS问题平时很少遇到，即使遇到后也不一定知道解决方案，即使知道解决方案也不一定知道产生的原理，同时也准备了2个JS问题（之前有整理过一篇较长的JS问题文章，在此不做推新）。本文会更新下去，希望帮到各位朋友。期待您的点赞，谢谢。</p></div><p class="readmore"><a href="/article/60544.html">全文</a></p></div><nav class="page-navigator"><a class="extend prev" rel="prev" href="/page/10/">上一页</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/9/">9</a><a class="page-number" href="/page/10/">10</a><span class="page-number current">11</span><a class="page-number" href="/page/12/">12</a><a class="page-number" href="/page/13/">13</a><span class="space">&hellip;</span><a class="page-number" href="/page/27/">27</a><a class="extend next" rel="next" href="/page/12/">下一页</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>'
@@ -46,7 +46,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/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E5%8E%9F%E5%88%9B/" 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">191</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/c5576490.html">面试准备</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/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/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E5%8E%9F%E5%88%9B/" 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">191</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/c5576490.html">面试准备</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/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E5%8E%9F%E5%88%9B/" 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">191</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/c5576490.html">面试准备</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/%E8%BD%AC%E8%BD%BD/" style="font-size: 15px;">转载</a> <a href="/tags/%E5%8E%9F%E5%88%9B/" 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">191</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/c5576490.html">面试准备</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')