cainiaoblog 23.2.338 → 23.2.340

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 (276) hide show
  1. package/app/manual.html +17 -21
  2. package/article/10047.html +1 -1
  3. package/article/10164.html +1 -1
  4. package/article/10624.html +1 -1
  5. package/article/10745.html +1 -1
  6. package/article/11674.html +1 -1
  7. package/article/11939.html +1 -1
  8. package/article/12238.html +1 -1
  9. package/article/1230.html +1 -1
  10. package/article/13265.html +1 -1
  11. package/article/13823.html +1 -1
  12. package/article/14125.html +1 -1
  13. package/article/14192.html +2 -2
  14. package/article/14375.html +1 -1
  15. package/article/14744.html +1 -1
  16. package/article/14936.html +1 -1
  17. package/article/1518.html +1 -1
  18. package/article/15428.html +1 -1
  19. package/article/15518.html +1 -1
  20. package/article/15569.html +1 -1
  21. package/article/1566.html +1 -1
  22. package/article/16017.html +1 -1
  23. package/article/16947.html +1 -1
  24. package/article/17096.html +1 -1
  25. package/article/17246.html +1 -1
  26. package/article/17575.html +1 -1
  27. package/article/179.html +1 -1
  28. package/article/18039.html +1 -1
  29. package/article/18071.html +1 -1
  30. package/article/18142.html +1 -1
  31. package/article/19909.html +1 -1
  32. package/article/20014.html +1 -1
  33. package/article/20021.html +1 -1
  34. package/article/20037.html +1 -1
  35. package/article/20056.html +1 -1
  36. package/article/20093.html +1 -1
  37. package/article/2021.html +1 -1
  38. package/article/20459.html +1 -1
  39. package/article/20613.html +1 -1
  40. package/article/20635.html +1 -1
  41. package/article/21317.html +1 -1
  42. package/article/21320.html +1 -1
  43. package/article/21782.html +1 -1
  44. package/article/22230.html +1 -1
  45. package/article/22237.html +1 -1
  46. package/article/22398.html +1 -1
  47. package/article/22422.html +1 -1
  48. package/article/22565.html +1 -1
  49. package/article/23046.html +1 -1
  50. package/article/23083.html +1 -1
  51. package/article/23195.html +1 -1
  52. package/article/23301.html +1 -1
  53. package/article/23589.html +1 -1
  54. package/article/23655.html +1 -1
  55. package/article/23864.html +1 -1
  56. package/article/23914.html +1 -1
  57. package/article/24169.html +1 -1
  58. package/article/24581.html +1 -1
  59. package/article/2475.html +1 -1
  60. package/article/24826.html +1 -1
  61. package/article/24924.html +1 -1
  62. package/article/25164.html +1 -1
  63. package/article/25318.html +1 -1
  64. package/article/25710.html +1 -1
  65. package/article/25734.html +1 -1
  66. package/article/26083.html +1 -1
  67. package/article/26147.html +1 -1
  68. package/article/26291.html +1 -1
  69. package/article/26354.html +1 -1
  70. package/article/26624.html +1 -1
  71. package/article/26639.html +1 -1
  72. package/article/26850.html +1 -1
  73. package/article/26940.html +1 -1
  74. package/article/27796.html +1 -1
  75. package/article/27800.html +1 -1
  76. package/article/28963.html +1 -1
  77. package/article/28976.html +1 -1
  78. package/article/29042.html +1 -1
  79. package/article/29596.html +1 -1
  80. package/article/29619.html +1 -1
  81. package/article/29623.html +1 -1
  82. package/article/29829.html +1 -1
  83. package/article/29abbd1c.html +1 -1
  84. package/article/30215.html +1 -1
  85. package/article/30552.html +1 -1
  86. package/article/30818.html +1 -1
  87. package/article/31330.html +1 -1
  88. package/article/3154.html +1 -1
  89. package/article/31695.html +1 -1
  90. package/article/31826.html +1 -1
  91. package/article/31843.html +1 -1
  92. package/article/32280.html +1 -1
  93. package/article/32431.html +1 -1
  94. package/article/32443.html +1 -1
  95. package/article/32732.html +1 -1
  96. package/article/3286.html +1 -1
  97. package/article/32960.html +1 -1
  98. package/article/33713.html +1 -1
  99. package/article/33899.html +1 -1
  100. package/article/34351.html +1 -1
  101. package/article/34372.html +1 -1
  102. package/article/34410.html +1 -1
  103. package/article/34431.html +1 -1
  104. package/article/3447.html +1 -1
  105. package/article/34474.html +1 -1
  106. package/article/34871.html +1 -1
  107. package/article/35397.html +1 -1
  108. package/article/3544.html +1 -1
  109. package/article/35503.html +1 -1
  110. package/article/35624.html +1 -1
  111. package/article/35697.html +1 -1
  112. package/article/35863.html +1 -1
  113. package/article/36037.html +1 -1
  114. package/article/36118.html +1 -1
  115. package/article/3621.html +1 -1
  116. package/article/36251.html +1 -1
  117. package/article/36642.html +1 -1
  118. package/article/37102.html +1 -1
  119. package/article/37336.html +1 -1
  120. package/article/37351.html +1 -1
  121. package/article/3760.html +1 -1
  122. package/article/37749.html +1 -1
  123. package/article/37789.html +1 -1
  124. package/article/38005.html +1 -1
  125. package/article/38009.html +1 -1
  126. package/article/38269.html +1 -1
  127. package/article/38344.html +1 -1
  128. package/article/38359.html +1 -1
  129. package/article/38423.html +1 -1
  130. package/article/38530.html +1 -1
  131. package/article/38743.html +1 -1
  132. package/article/38753.html +1 -1
  133. package/article/38881.html +1 -1
  134. package/article/39087.html +1 -1
  135. package/article/39309.html +1 -1
  136. package/article/39486.html +1 -1
  137. package/article/39637.html +1 -1
  138. package/article/39839.html +1 -1
  139. package/article/39937.html +1 -1
  140. package/article/39970.html +1 -1
  141. package/article/402.html +1 -1
  142. package/article/40698.html +1 -1
  143. package/article/40811.html +1 -1
  144. package/article/40964.html +1 -1
  145. package/article/41011.html +1 -1
  146. package/article/41152.html +1 -1
  147. package/article/41696.html +1 -1
  148. package/article/41717.html +1 -1
  149. package/article/41777.html +1 -1
  150. package/article/419.html +1 -1
  151. package/article/4233.html +1 -1
  152. package/article/4292.html +1 -1
  153. package/article/43302.html +1 -1
  154. package/article/43397.html +1 -1
  155. package/article/43724.html +1 -1
  156. package/article/43999.html +1 -1
  157. package/article/44426.html +1 -1
  158. package/article/44964.html +1 -1
  159. package/article/45004.html +1 -1
  160. package/article/4510.html +1 -1
  161. package/article/45156.html +1 -1
  162. package/article/45157.html +1 -1
  163. package/article/45267.html +1 -1
  164. package/article/45641.html +1 -1
  165. package/article/45960.html +1 -1
  166. package/article/46100.html +1 -1
  167. package/article/46366.html +1 -1
  168. package/article/46771.html +1 -1
  169. package/article/46911.html +1 -1
  170. package/article/46948.html +1 -1
  171. package/article/46ee4850.html +1 -1
  172. package/article/47019.html +1 -1
  173. package/article/47532.html +1 -1
  174. package/article/4783.html +1 -1
  175. package/article/47972.html +1 -1
  176. package/article/48216.html +1 -1
  177. package/article/48252.html +1 -1
  178. package/article/48520.html +1 -1
  179. package/article/48722.html +1 -1
  180. package/article/48807.html +1 -1
  181. package/article/49126.html +1 -1
  182. package/article/50001.html +1 -1
  183. package/article/50058.html +1 -1
  184. package/article/50343.html +1 -1
  185. package/article/50510.html +1 -1
  186. package/article/51082.html +1 -1
  187. package/article/51677.html +1 -1
  188. package/article/5204.html +1 -1
  189. package/article/52500.html +1 -1
  190. package/article/52689.html +1 -1
  191. package/article/52877.html +1 -1
  192. package/article/53125.html +1 -1
  193. package/article/53428.html +1 -1
  194. package/article/53524.html +1 -1
  195. package/article/53698.html +1 -1
  196. package/article/53803e6.html +1 -1
  197. package/article/53924.html +1 -1
  198. package/article/53962.html +2 -2
  199. package/article/54006.html +1 -1
  200. package/article/54018.html +1 -1
  201. package/article/54161.html +1 -1
  202. package/article/54178.html +1 -1
  203. package/article/54258.html +1 -1
  204. package/article/54295.html +1 -1
  205. package/article/54313.html +1 -1
  206. package/article/54351.html +1 -1
  207. package/article/54604.html +1 -1
  208. package/article/54632.html +1 -1
  209. package/article/54912.html +1 -1
  210. package/article/54918.html +1 -1
  211. package/article/55119.html +1 -1
  212. package/article/55756.html +1 -1
  213. package/article/55769.html +1 -1
  214. package/article/55870.html +1 -1
  215. package/article/56139.html +1 -1
  216. package/article/56557.html +1 -1
  217. package/article/56604.html +1 -1
  218. package/article/56816.html +1 -1
  219. package/article/56926.html +1 -1
  220. package/article/57747.html +1 -1
  221. package/article/57965.html +1 -1
  222. package/article/58816.html +1 -1
  223. package/article/59059.html +1 -1
  224. package/article/59095.html +1 -1
  225. package/article/59349.html +1 -1
  226. package/article/59402.html +1 -1
  227. package/article/59448.html +1 -1
  228. package/article/59870.html +1 -1
  229. package/article/59877.html +1 -1
  230. package/article/5dbb6f41.html +1 -1
  231. package/article/6008.html +1 -1
  232. package/article/60327.html +1 -1
  233. package/article/6035.html +1 -1
  234. package/article/60428.html +1 -1
  235. package/article/60544.html +1 -1
  236. package/article/61319.html +1 -1
  237. package/article/61367.html +1 -1
  238. package/article/624d1918.html +1 -1
  239. package/article/62543.html +1 -1
  240. package/article/62887.html +1 -1
  241. package/article/63074.html +1 -1
  242. package/article/63266.html +1 -1
  243. package/article/63351.html +1 -1
  244. package/article/63542.html +1 -1
  245. package/article/63824.html +1 -1
  246. package/article/64051.html +1 -1
  247. package/article/64189b69.html +1 -1
  248. package/article/64354.html +1 -1
  249. package/article/64869.html +1 -1
  250. package/article/64923.html +1 -1
  251. package/article/65128.html +1 -1
  252. package/article/65295.html +1 -1
  253. package/article/6888.html +1 -1
  254. package/article/7065.html +1 -1
  255. package/article/7455.html +1 -1
  256. package/article/7a3ef8f.html +1 -1
  257. package/article/8140.html +1 -1
  258. package/article/8190.html +1 -1
  259. package/article/8225.html +1 -1
  260. package/article/84c9ccd6.html +1 -1
  261. package/article/8f9a9ae3.html +1 -1
  262. package/article/9174.html +1 -1
  263. package/article/9738.html +1 -1
  264. package/article/9c3c56c.html +1 -1
  265. package/article/a4145266.html +1 -1
  266. package/article/bedea419.html +1 -1
  267. package/article/bf7e7421.html +1 -1
  268. package/article/c1867fbf.html +1 -1
  269. package/article/dcb0db28.html +1 -1
  270. package/article/fc3b727a.html +1 -1
  271. package/atom.xml +21 -21
  272. package/baidusitemap.xml +368 -368
  273. package/donate/index.html +3 -2
  274. package/package.json +1 -1
  275. package/search.xml +2 -2
  276. package/sitemap.xml +370 -370
@@ -36,7 +36,7 @@
36
36
  <p>结果图</p>
37
37
  </blockquote>
38
38
  <p><img src="https://i1.fuimg.com/705673/317251676c2adc30.jpg" alt="xuehuayu.cn"></p>
39
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54018.html">https://xuehuayu.cn/article/54018.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/39486.html">KKPlayer手机端免费影视聚合资源播放器影视电视小说漫画资讯音乐</a><a class="next" href="/article/54161.html">webpack的热更新原理</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
39
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54018.html">https://xuehuayu.cn/article/54018.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/39486.html">KKPlayer手机端免费影视聚合资源播放器影视电视小说漫画资讯音乐</a><a class="next" href="/article/54161.html">webpack的热更新原理</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
40
40
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
41
41
  const locale = {
42
42
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -31,7 +31,7 @@
31
31
  <p>参考文章</p>
32
32
  </blockquote>
33
33
  <p><a target="_blank" rel="noopener" href="https://www.cnblogs.com/gaoht/p/11310365.html">关于webpack的面试题</a></p>
34
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54161.html">https://xuehuayu.cn/article/54161.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/54018.html">uni-app的webview页面subNvue弹窗设置border-radius圆角</a><a class="next" href="/article/29596.html">uniapp的web-view组件无法动态加载本地html文件的解决办法</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
34
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54161.html">https://xuehuayu.cn/article/54161.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/54018.html">uni-app的webview页面subNvue弹窗设置border-radius圆角</a><a class="next" href="/article/29596.html">uniapp的web-view组件无法动态加载本地html文件的解决办法</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
35
35
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
36
36
  const locale = {
37
37
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -17,7 +17,7 @@
17
17
  </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);})();
18
18
  </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');
19
19
  </script><script type="text/javascript" src="//cdn.jsdelivr.net/npm/cainiaoblog@latest/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"><h1 class="post-title c-post">jQuery 模块终于从 AMD 迁移到了 ES 模块</h1><div class="post-meta"><span class="date">2019-12-02</span><span> | </span><span class="tag"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></span><span> | </span><span class="category"><a href="/categories/%E8%B5%84%E8%AE%AF/">资讯 </a></span><span id="busuanzi_container_page_pv"> | <span id="busuanzi_value_page_pv"><i class="fa fa-spinner"></i></span><span> 阅读</span></span><span class="post-time"><span class="post-meta-item-text"> | </span><span class="post-meta-item-icon"><i class="fa fa-keyboard-o"></i><span class="post-count"> 11</span><span class="post-meta-item-text"> 字</span></span></span><span class="post-time"> | <span class="post-meta-item-icon"><i class="fa fa-hourglass-half"></i><span class="post-count"> 1</span><span class="post-meta-item-text"> 分钟</span></span></span></div><a class="disqus-comment-count" href="/article/54178.html#vcomment"><span class="waline-comment-count" data-path="/article/54178.html"></span><span> 条评论</span></a><div class="post-content"><p>原文地址:<a target="_blank" rel="noopener" href="https://github.com/jquery/jquery/commit/d0ce00cdfa680f1f0c38460bc51ea14079ae8b07">https://github.com/jquery/jquery/commit/d0ce00cdfa680f1f0c38460bc51ea14079ae8b07</a></p>
20
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54178.html">https://xuehuayu.cn/article/54178.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/34431.html">Node新版本13.2.0正式支持ES Modules特性</a><a class="next" href="/article/15428.html">vscode 插件,CSS Peek 能让你在 HTML 文件中一键跳转到 CSS 定义</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
20
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54178.html">https://xuehuayu.cn/article/54178.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/34431.html">Node新版本13.2.0正式支持ES Modules特性</a><a class="next" href="/article/15428.html">vscode 插件,CSS Peek 能让你在 HTML 文件中一键跳转到 CSS 定义</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
21
21
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
22
22
  const locale = {
23
23
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -275,7 +275,7 @@ typeof Bar();
275
275
  <p>为了保证的可读性,本文采用意译而非直译。</p>
276
276
  <p>本文来自HTML中文网 <a target="_blank" rel="noopener" href="https://www.html.cn/interview/">前端面试题</a> 栏目!!</p>
277
277
  <p>以上就是50个最简单的JavaScript面试题的详细内容,更多请关注html中文网其它相关文章!</p>
278
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54258.html">https://xuehuayu.cn/article/54258.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/52500.html">20个棘手的ES6面试问题来提高JavaScript技能</a><a class="next" href="/article/3154.html">35道值得收藏的React面试题</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
278
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54258.html">https://xuehuayu.cn/article/54258.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/52500.html">20个棘手的ES6面试问题来提高JavaScript技能</a><a class="next" href="/article/3154.html">35道值得收藏的React面试题</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
279
279
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
280
280
  const locale = {
281
281
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -162,7 +162,7 @@ let speedArr=_this.getSpeed(); 弹幕数组所对应的弹幕移动速度数组
162
162
  <p><a target="_blank" rel="noopener" href="https://user-images.githubusercontent.com/17233651/42372735-a47e144a-8145-11e8-9bb9-423c539b0249.gif"><img src="https://user-images.githubusercontent.com/17233651/42372735-a47e144a-8145-11e8-9bb9-423c539b0249.gif" alt="xuehuayu.cn"></a></p>
163
163
  <h2 id="4-canva弹幕的扩展功能"><a href="#4-canva弹幕的扩展功能" class="headerlink" title="4. canva弹幕的扩展功能"></a>4. canva弹幕的扩展功能</h2><p>通过canvas实现弹幕的方式,很方便做比如暂停弹幕滚动等扩展功能,此外,也可以给弹幕增加头像,给每条弹幕增加边框等等功能,以后再补充。</p>
164
164
  <p>最后给一个简单的react弹幕组件;<a target="_blank" rel="noopener" href="https://github.com/forthealllight/react-barrage">https://github.com/forthealllight/react-barrage</a></p>
165
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54295.html">https://xuehuayu.cn/article/54295.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/37102.html">前端工程化 - 剖析npm的包管理机制</a><a class="next" href="/article/3286.html">异常监控:教你如何优雅的处理前端异常</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
165
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54295.html">https://xuehuayu.cn/article/54295.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/37102.html">前端工程化 - 剖析npm的包管理机制</a><a class="next" href="/article/3286.html">异常监控:教你如何优雅的处理前端异常</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
166
166
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
167
167
  const locale = {
168
168
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -1924,7 +1924,7 @@ const emp = new Employee(&quot;Marko Polo&quot;, &quot;Software Developer&quot;,
1924
1924
  <p>为了保证的可读性,本文采用意译而非直译。</p>
1925
1925
  <p>更多<a target="_blank" rel="noopener" href="https://www.html.cn/">web开发</a>知识,请查阅 HTML中文网 !!</p>
1926
1926
  <p>以上就是70个JavaScript面试问题的详细内容,更多请关注html中文网其它相关文章!</p>
1927
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54313.html">https://xuehuayu.cn/article/54313.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/14192.html">字节跳动面试官:请你实现一个大文件上传和断点续传</a><a class="next" href="/article/16947.html">面试常考手写代码学习技巧总结</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
1927
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54313.html">https://xuehuayu.cn/article/54313.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/14192.html">字节跳动面试官:请你实现一个大文件上传和断点续传</a><a class="next" href="/article/16947.html">面试常考手写代码学习技巧总结</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
1928
1928
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
1929
1929
  const locale = {
1930
1930
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -38,7 +38,7 @@
38
38
 
39
39
  <p>自定义返回页</p>
40
40
  <figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">onLoad() &#123;</span><br><span class="line"> uni.navigateBack(&#123;</span><br><span class="line"> delta: 2, // 回退两个页面</span><br><span class="line"> &#125;)</span><br><span class="line">&#125;,</span><br></pre></td></tr></table></figure>
41
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54351.html">https://xuehuayu.cn/article/54351.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/6035.html">国家公祭日:第八个南京大屠杀死难者国家公祭日</a><a class="next" href="/article/54918.html">推荐几款免费且不限流量的全球CDN</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
41
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54351.html">https://xuehuayu.cn/article/54351.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/6035.html">国家公祭日:第八个南京大屠杀死难者国家公祭日</a><a class="next" href="/article/54918.html">推荐几款免费且不限流量的全球CDN</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
42
42
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
43
43
  const locale = {
44
44
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -28,7 +28,7 @@
28
28
  <p>退出全屏</p>
29
29
  </blockquote>
30
30
  <figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">exitFullscreen = () =&gt; &#123;</span><br><span class="line"> if (!document) return</span><br><span class="line"> if (document?.exitFullscreen) &#123;</span><br><span class="line"> document?.exitFullscreen()</span><br><span class="line"> &#125; else if (document?.mozCancelFullScreen) &#123;</span><br><span class="line"> document?.mozCancelFullScreen()</span><br><span class="line"> &#125; else if (document?.webkitExitFullscreen) &#123;</span><br><span class="line"> document?.webkitExitFullscreen()</span><br><span class="line"> &#125; else if (document?.msExitFullscreen) &#123;</span><br><span class="line"> document?.msExitFullscreen()</span><br><span class="line"> &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
31
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54604.html">https://xuehuayu.cn/article/54604.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/11939.html">哈哈哈哈~~现在的小学生太搞笑了~~</a><a class="next" href="/article/21320.html">ES2020新特性js运算符 ?. 、?? 、??= 解释说明</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
31
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54604.html">https://xuehuayu.cn/article/54604.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/11939.html">哈哈哈哈~~现在的小学生太搞笑了~~</a><a class="next" href="/article/21320.html">ES2020新特性js运算符 ?. 、?? 、??= 解释说明</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
32
32
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
33
33
  const locale = {
34
34
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -19,7 +19,7 @@
19
19
  </script><script type="text/javascript" src="//cdn.jsdelivr.net/npm/cainiaoblog@latest/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"><h1 class="post-title c-post">前端跳槽必备,揭秘一线互联网公司高级前端JavaScript面试</h1><div class="post-meta"><span class="date">2019-10-03</span><span> | </span><span class="tag original"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创 </a></span><span> | </span><span class="category"><a href="/categories/%E5%89%8D%E7%AB%AF/">前端 </a></span><span id="busuanzi_container_page_pv"> | <span id="busuanzi_value_page_pv"><i class="fa fa-spinner"></i></span><span> 阅读</span></span><span class="post-time"><span class="post-meta-item-text"> | </span><span class="post-meta-item-icon"><i class="fa fa-keyboard-o"></i><span class="post-count"> 24</span><span class="post-meta-item-text"> 字</span></span></span><span class="post-time"> | <span class="post-meta-item-icon"><i class="fa fa-hourglass-half"></i><span class="post-count"> 1</span><span class="post-meta-item-text"> 分钟</span></span></span></div><a class="disqus-comment-count" href="/article/54632.html#vcomment"><span class="waline-comment-count" data-path="/article/54632.html"></span><span> 条评论</span></a><div class="post-content"><ul>
20
20
  <li><a target="_blank" rel="noopener" href="http://download.xuehuayu.cn/dir/12581144-35802498-490055">【视频】前端跳槽必备,揭秘一线互联网公司高级前端JavaScript面试</a></li>
21
21
  </ul>
22
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54632.html">https://xuehuayu.cn/article/54632.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/20093.html">高频面试题深入解析 / 周刊 01</a><a class="next" href="/article/64923.html">深入浅出 Babel 上篇:架构和原理 + 实战</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
22
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54632.html">https://xuehuayu.cn/article/54632.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/20093.html">高频面试题深入解析 / 周刊 01</a><a class="next" href="/article/64923.html">深入浅出 Babel 上篇:架构和原理 + 实战</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
23
23
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
24
24
  const locale = {
25
25
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -704,7 +704,7 @@ Array.from(img).forEach(item =&gt; observer.observe(item));
704
704
  <p><a target="_blank" rel="noopener" href="https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/#The_browsers_we_will_talk_about">浏览器是如何工作的</a></p>
705
705
  <p><a target="_blank" rel="noopener" href="https://juejin.im/post/5dbf7b6a6fb9a0207326b32b">山月——实现图片懒加载的几种方案比较</a></p>
706
706
  <p><a target="_blank" rel="noopener" href="https://juejin.im/book/5b936540f265da0a9624b04b">掘金小册——前端性能优化原理与实践</a></p>
707
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54912.html">https://xuehuayu.cn/article/54912.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/56557.html">2019年浏览器市场份额排行榜</a><a class="next" href="/article/25164.html">一步步从零开始用 webpack 搭建一个大型项目</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
707
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54912.html">https://xuehuayu.cn/article/54912.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/56557.html">2019年浏览器市场份额排行榜</a><a class="next" href="/article/25164.html">一步步从零开始用 webpack 搭建一个大型项目</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
708
708
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
709
709
  const locale = {
710
710
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -77,7 +77,7 @@
77
77
  <blockquote>
78
78
  <p>原文地址:<code>https://www.31du.cn/blog/jsdelivr.html</code></p>
79
79
  </blockquote>
80
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54918.html">https://xuehuayu.cn/article/54918.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/54351.html">uni-app横竖屏切换之后样式错乱字体变大解决方法</a><a class="next" href="/article/65128.html">项目中遇到的有趣的“BUG”,这样做比删库跑路更高明</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
80
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/54918.html">https://xuehuayu.cn/article/54918.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/54351.html">uni-app横竖屏切换之后样式错乱字体变大解决方法</a><a class="next" href="/article/65128.html">项目中遇到的有趣的“BUG”,这样做比删库跑路更高明</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
81
81
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
82
82
  const locale = {
83
83
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -84,7 +84,7 @@
84
84
  <h3 id="References"><a href="#References" class="headerlink" title="References"></a>References</h3><p><code>[1]</code> KRISACHAN: <em><a target="_blank" rel="noopener" href="https://github.com/KRISACHAN">https://github.com/KRISACHAN</a></em><br><code>[2]</code> Optional Chaining: <em><a target="_blank" rel="noopener" href="https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining">https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining</a></em><br><code>[3]</code> ying-template: <em><a target="_blank" rel="noopener" href="https://github.com/KRISACHAN/ying-template">https://github.com/KRISACHAN/ying-template</a></em><br><code>[4]</code> MDN: <em><a target="_blank" rel="noopener" href="https://developer.mozilla.org/zh-CN/docs/Archive/CSS3">https://developer.mozilla.org/zh-CN/docs/Archive/CSS3</a></em><br><code>[5]</code> Autoprefixer: <em><a target="_blank" rel="noopener" href="https://github.com/postcss/autoprefixer">https://github.com/postcss/autoprefixer</a></em><br><code>[6]</code> PostCSS Preset Env: <em><a target="_blank" rel="noopener" href="https://preset-env.cssdb.org/">https://preset-env.cssdb.org/</a></em><br><code>[7]</code> cssdb 实现: <em><a target="_blank" rel="noopener" href="https://cssdb.org/">https://cssdb.org/</a></em><br><code>[8]</code> CSS 模块: <em><a target="_blank" rel="noopener" href="https://github.com/css-modules/css-modules">https://github.com/css-modules/css-modules</a></em><br><code>[9]</code> stylelint 强化一致性约定并避免样式表中的错误: <em><a target="_blank" rel="noopener" href="http://stylelint.io/">http://stylelint.io/</a></em><br><code>[10]</code> LostGrid: <em><a target="_blank" rel="noopener" href="https://github.com/peterramsing/lost">https://github.com/peterramsing/lost</a></em></p>
85
85
  <p><strong>推荐阅读</strong></p>
86
86
  <p>(点击标题可跳转阅读)<br><a target="_blank" rel="noopener" href="http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&amp;mid=2651557548&amp;idx=1&amp;sn=c21424485a0dabbbdd47f2403651adb4&amp;chksm=8025596db752d07be9a88aa11d086309f50c6903b7adfb4b5962cc2152d274070d508c614a21&amp;scene=21#wechat_redirect">你可能不知道的 CSS 计数器</a><br><a target="_blank" rel="noopener" href="http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&amp;mid=2651557445&amp;idx=2&amp;sn=f6ac345977b8b808f7645ef51ba75640&amp;chksm=80255984b752d092c6c2dcb59768315b61cbe050a70e8e69f1b02974a8e6c3c6d93b396b985a&amp;scene=21#wechat_redirect">10 个 CSS 高频面试题,你都会吗?</a><br><a target="_blank" rel="noopener" href="http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&amp;mid=2651557345&amp;idx=2&amp;sn=f38e0f7f566c707f85e4894e651fb047&amp;chksm=80255a20b752d336b0039f98b582f5506395e3a75f42ea39ea4f0002292c2b56571a73c995f8&amp;scene=21#wechat_redirect">20 个让你效率更高的 CSS 代码技巧</a></p>
87
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/55119.html">https://xuehuayu.cn/article/55119.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/29829.html">深入理解浏览器的缓存机制</a><a class="next" href="/article/44426.html">7 个令人兴奋的 JavaScript 新特性</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
87
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/55119.html">https://xuehuayu.cn/article/55119.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/29829.html">深入理解浏览器的缓存机制</a><a class="next" href="/article/44426.html">7 个令人兴奋的 JavaScript 新特性</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
88
88
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
89
89
  const locale = {
90
90
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -66,7 +66,7 @@
66
66
  <blockquote>
67
67
  <p>更多内容请关注官方文档:<a target="_blank" rel="noopener" href="https://eslint.org/">https://eslint.org/</a></p>
68
68
  </blockquote>
69
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/55756.html">https://xuehuayu.cn/article/55756.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/1518.html">一文完全吃透 JavaScript 继承(面试必备良药)</a><a class="next" href="/article/12238.html">如何固定table表格的列</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
69
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/55756.html">https://xuehuayu.cn/article/55756.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/1518.html">一文完全吃透 JavaScript 继承(面试必备良药)</a><a class="next" href="/article/12238.html">如何固定table表格的列</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
70
70
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
71
71
  const locale = {
72
72
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -84,7 +84,7 @@
84
84
  <p>以上就是我们在GitHub上面精准搜索项目的一些小技巧,希望对你有所帮助!</p>
85
85
  <p>另外,这是博主写的一个 <a target="_blank" rel="noopener" href="http://www.xieyezi.com:9001/">疫情查看小工具</a></p>
86
86
  <p>希望能为疫情防控贡献一点点微薄的力量。</p>
87
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/55769.html">https://xuehuayu.cn/article/55769.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/55870.html">前端面试中常见的手写代码题合集</a><a class="next" href="/article/24581.html">移动端 H5 相关问题汇总</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
87
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/55769.html">https://xuehuayu.cn/article/55769.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/55870.html">前端面试中常见的手写代码题合集</a><a class="next" href="/article/24581.html">移动端 H5 相关问题汇总</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
88
88
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
89
89
  const locale = {
90
90
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -109,7 +109,7 @@
109
109
  <h3 id="路由实现-history"><a href="#路由实现-history" class="headerlink" title="路由实现 - history"></a>路由实现 - history</h3><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">&lt;!DOCTYPE <span class="keyword">html</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">html</span>&gt;</span></span><br><span class="line"></span><br><span class="line"><span class="tag">&lt;<span class="name">head</span>&gt;</span></span><br><span class="line"> <span class="tag">&lt;<span class="name">title</span>&gt;</span>history 路由<span class="tag">&lt;/<span class="name">title</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">head</span>&gt;</span></span><br><span class="line"></span><br><span class="line"><span class="tag">&lt;<span class="name">body</span>&gt;</span></span><br><span class="line"> <span class="tag">&lt;<span class="name">header</span>&gt;</span></span><br><span class="line"> <span class="tag">&lt;<span class="name">a</span> <span class="attr">onclick</span>=<span class="string">&quot;changeRoute(this)&quot;</span> <span class="attr">data-path</span>=<span class="string">&quot;home&quot;</span>&gt;</span>首页<span class="tag">&lt;/<span class="name">a</span>&gt;</span></span><br><span class="line"> <span class="tag">&lt;<span class="name">a</span> <span class="attr">onclick</span>=<span class="string">&quot;changeRoute(this)&quot;</span> <span class="attr">data-path</span>=<span class="string">&quot;center&quot;</span>&gt;</span>个人中心页<span class="tag">&lt;/<span class="name">a</span>&gt;</span></span><br><span class="line"> <span class="tag">&lt;<span class="name">a</span> <span class="attr">onclick</span>=<span class="string">&quot;changeRoute(this)&quot;</span> <span class="attr">data-path</span>=<span class="string">&quot;help&quot;</span>&gt;</span>帮助页<span class="tag">&lt;/<span class="name">a</span>&gt;</span></span><br><span class="line"> <span class="tag">&lt;/<span class="name">header</span>&gt;</span></span><br><span class="line"> <span class="tag">&lt;<span class="name">section</span> <span class="attr">id</span>=<span class="string">&quot;content&quot;</span>&gt;</span><span class="tag">&lt;/<span class="name">section</span>&gt;</span></span><br><span class="line"> <span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="language-javascript"><span class="title function_">functionchangeRoute</span>(route) &#123;</span></span><br><span class="line"><span class="language-javascript"> <span class="keyword">let</span> path = route.<span class="property">dataset</span>.<span class="property">path</span>;</span></span><br><span class="line"><span class="language-javascript"> <span class="comment">/**</span></span></span><br><span class="line"><span class="comment"><span class="language-javascript"> * window.history.pushState(state, title, url)</span></span></span><br><span class="line"><span class="comment"><span class="language-javascript"> * state:一个与添加的记录相关联的状态对象,主要用于popstate事件。该事件触发时,该对象会传入回调函数。</span></span></span><br><span class="line"><span class="comment"><span class="language-javascript"> * 也就是说,浏览器会将这个对象序列化以后保留在本地,重新载入这个页面的时候,可以拿到这个对象。</span></span></span><br><span class="line"><span class="comment"><span class="language-javascript"> * 如果不需要这个对象,此处可以填 null。</span></span></span><br><span class="line"><span class="comment"><span class="language-javascript"> * title:新页面的标题。但是,现在所有浏览器都忽视这个参数,所以这里可以填空字符串。</span></span></span><br><span class="line"><span class="comment"><span class="language-javascript"> * url:新的网址,必须与当前页面处在同一个域。浏览器的地址栏将显示这个网址。</span></span></span><br><span class="line"><span class="comment"><span class="language-javascript"> */</span></span></span><br><span class="line"><span class="language-javascript"> <span class="title function_">changePage</span>(path);</span></span><br><span class="line"><span class="language-javascript"> history.<span class="title function_">pushState</span>(&#123; <span class="attr">content</span>: path &#125;, <span class="literal">null</span>, path);</span></span><br><span class="line"><span class="language-javascript"> &#125;</span></span><br><span class="line"><span class="language-javascript"> <span class="comment">/**</span></span></span><br><span class="line"><span class="comment"><span class="language-javascript"> * 调用 history.pushState() 或者 history.replaceState() 不会触发 popstate 事件。</span></span></span><br><span class="line"><span class="comment"><span class="language-javascript"> * 点击后退、前进按钮、或者在 js 中调用 history.back()、history.forward()、history.go() 方法会触发</span></span></span><br><span class="line"><span class="comment"><span class="language-javascript"> */</span><span class="variable language_">window</span>.<span class="title function_">addEventListener</span>(<span class="string">&#x27;popstate&#x27;</span>, <span class="function">(<span class="params">e</span>) =&gt;</span> &#123;</span></span><br><span class="line"><span class="language-javascript"> <span class="keyword">let</span> content = e.<span class="property">state</span> &amp;&amp; e.<span class="property">state</span>.<span class="property">content</span>;</span></span><br><span class="line"><span class="language-javascript"> <span class="title function_">changePage</span>(content);</span></span><br><span class="line"><span class="language-javascript"> &#125;);</span></span><br><span class="line"><span class="language-javascript"></span></span><br><span class="line"><span class="language-javascript"> <span class="title function_">functionchangePage</span>(pageContent) &#123;</span></span><br><span class="line"><span class="language-javascript"> <span class="keyword">let</span> content = <span class="variable language_">document</span>.<span class="title function_">getElementById</span>(<span class="string">&#x27;content&#x27;</span>);</span></span><br><span class="line"><span class="language-javascript"> content.<span class="property">innerText</span> = pageContent;</span></span><br><span class="line"><span class="language-javascript"> &#125;</span></span><br><span class="line"><span class="language-javascript"> </span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">body</span>&gt;</span></span><br><span class="line"></span><br><span class="line"><span class="tag">&lt;/<span class="name">html</span>&gt;</span></span><br></pre></td></tr></table></figure>
110
110
 
111
111
  <p>还有一些稍复杂的可以写,有时间再补。</p>
112
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/55870.html">https://xuehuayu.cn/article/55870.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a><a href="/tags/%E6%89%8B%E5%86%99/">手写</a></div><div class="post-nav"><a class="pre" href="/article/17575.html">年底大厂面试求职路</a><a class="next" href="/article/55769.html">手把手教你如何在Github上面精准搜索开源项目</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
112
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/55870.html">https://xuehuayu.cn/article/55870.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a><a href="/tags/%E6%89%8B%E5%86%99/">手写</a></div><div class="post-nav"><a class="pre" href="/article/17575.html">年底大厂面试求职路</a><a class="next" href="/article/55769.html">手把手教你如何在Github上面精准搜索开源项目</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
113
113
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
114
114
  const locale = {
115
115
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -40,7 +40,7 @@
40
40
  <p>关注「前端大全」加星标,提升前端技能</p>
41
41
  <p><img src="https://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib3jzxuxibgz8GJ7k0UVp4kHMMDsL32ialKjpkgA9q7BFkbJ8VRYh0Liad1x6rD7w6oU7icR9DVPgsIxzQ/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" alt="xuehuayu.cn"></p>
42
42
  <p>好文章,我在看❤️</p>
43
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/56139.html">https://xuehuayu.cn/article/56139.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/35697.html">npm install 原理分析</a><a class="next" href="/article/22398.html">巧用 CSS 实现酷炫的充电动画</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
43
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/56139.html">https://xuehuayu.cn/article/56139.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/35697.html">npm install 原理分析</a><a class="next" href="/article/22398.html">巧用 CSS 实现酷炫的充电动画</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
44
44
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
45
45
  const locale = {
46
46
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -17,7 +17,7 @@
17
17
  </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);})();
18
18
  </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');
19
19
  </script><script type="text/javascript" src="//cdn.jsdelivr.net/npm/cainiaoblog@latest/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"><h1 class="post-title c-post">2019年浏览器市场份额排行榜</h1><div class="post-meta"><span class="date">2019-12-24</span><span> | </span><span class="tag"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></span><span> | </span><span class="category"><a href="/categories/%E8%B5%84%E8%AE%AF/">资讯 </a></span><span id="busuanzi_container_page_pv"> | <span id="busuanzi_value_page_pv"><i class="fa fa-spinner"></i></span><span> 阅读</span></span><span class="post-time"><span class="post-meta-item-text"> | </span><span class="post-meta-item-icon"><i class="fa fa-keyboard-o"></i><span class="post-count"> 9</span><span class="post-meta-item-text"> 字</span></span></span><span class="post-time"> | <span class="post-meta-item-icon"><i class="fa fa-hourglass-half"></i><span class="post-count"> 1</span><span class="post-meta-item-text"> 分钟</span></span></span></div><a class="disqus-comment-count" href="/article/56557.html#vcomment"><span class="waline-comment-count" data-path="/article/56557.html"></span><span> 条评论</span></a><div class="post-content"><p>原文地址:<a target="_blank" rel="noopener" href="https://segmentfault.com/a/1190000021380699">https://segmentfault.com/a/1190000021380699</a></p>
20
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/56557.html">https://xuehuayu.cn/article/56557.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/56604.html">腾讯开源内部跨端框架 Hippy</a><a class="next" href="/article/54912.html">浏览器与前端性能灵魂之问,请问你能接得住几个?</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
20
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/56557.html">https://xuehuayu.cn/article/56557.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/56604.html">腾讯开源内部跨端框架 Hippy</a><a class="next" href="/article/54912.html">浏览器与前端性能灵魂之问,请问你能接得住几个?</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
21
21
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
22
22
  const locale = {
23
23
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -17,7 +17,7 @@
17
17
  </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);})();
18
18
  </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');
19
19
  </script><script type="text/javascript" src="//cdn.jsdelivr.net/npm/cainiaoblog@latest/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"><h1 class="post-title c-post">腾讯开源内部跨端框架 Hippy</h1><div class="post-meta"><span class="date">2019-12-25</span><span> | </span><span class="tag"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载 </a></span><span> | </span><span class="category"><a href="/categories/%E8%B5%84%E8%AE%AF/">资讯 </a></span><span id="busuanzi_container_page_pv"> | <span id="busuanzi_value_page_pv"><i class="fa fa-spinner"></i></span><span> 阅读</span></span><span class="post-time"><span class="post-meta-item-text"> | </span><span class="post-meta-item-icon"><i class="fa fa-keyboard-o"></i><span class="post-count"> 9</span><span class="post-meta-item-text"> 字</span></span></span><span class="post-time"> | <span class="post-meta-item-icon"><i class="fa fa-hourglass-half"></i><span class="post-count"> 1</span><span class="post-meta-item-text"> 分钟</span></span></span></div><a class="disqus-comment-count" href="/article/56604.html#vcomment"><span class="waline-comment-count" data-path="/article/56604.html"></span><span> 条评论</span></a><div class="post-content"><p>原文地址:<a target="_blank" rel="noopener" href="https://github.com/Tencent/Hippy">https://github.com/Tencent/Hippy</a></p>
20
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/56604.html">https://xuehuayu.cn/article/56604.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/13265.html">string-similarity: 可以帮你检查两个字符串的相似性,轻松完成模糊匹配</a><a class="next" href="/article/56557.html">2019年浏览器市场份额排行榜</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
20
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/56604.html">https://xuehuayu.cn/article/56604.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/13265.html">string-similarity: 可以帮你检查两个字符串的相似性,轻松完成模糊匹配</a><a class="next" href="/article/56557.html">2019年浏览器市场份额排行榜</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
21
21
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
22
22
  const locale = {
23
23
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -214,7 +214,7 @@ list.forEach(item =&gt; observer.observe(item));
214
214
  <p><img src="https://user-gold-cdn.xitu.io/2019/8/28/16cd6867993fe3ef?imageslim" alt="xuehuayu.cn"></p>
215
215
  <h2 id="兼容性"><a href="#兼容性" class="headerlink" title="兼容性"></a>兼容性</h2><p>IE不兼容,不过有<a target="_blank" rel="noopener" href="https://github.com/w3c/IntersectionObserver/tree/master/polyfill">官方的polyfill</a>✅</p>
216
216
  <h2 id="最后"><a href="#最后" class="headerlink" title="最后"></a>最后</h2><p>暂时就发现这么多用途啦,值得注意的是,必须是<code>子元素跟父元素发生交叉</code>,如果你想检查两个<code>非父子关系的交叉</code>,那是<code>不行</code>的嘻嘻,如果你觉得这篇文章不错,请别忘记点个<code>赞</code>跟<code>关注</code>哦~😊</p>
217
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/56816.html">https://xuehuayu.cn/article/56816.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/23301.html">30 seconds of code 30秒就能理解的JavaScript优秀代码</a><a class="next" href="/article/8140.html">Array.from() 五个超好用的用途</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
217
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/56816.html">https://xuehuayu.cn/article/56816.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/23301.html">30 seconds of code 30秒就能理解的JavaScript优秀代码</a><a class="next" href="/article/8140.html">Array.from() 五个超好用的用途</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
218
218
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
219
219
  const locale = {
220
220
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -101,7 +101,7 @@ ReactDOM.render(&lt;App /&gt;, rootElement);
101
101
  <p>其实要做到上面的规矩,也没那么难,不过在实际操作的时候,的确让人容易失误,你看,在上面的例子中,useEffect并没有直接使用count,只不过使用了handleResize,handleResize虽然直接使用了count,但是它作为一个独立函数并不知道(或者说也不该知道)自己会被useEffect用到,这……让人防不胜防啊!</p>
102
102
  <p>这只有一层简介调用,靠人的眼力脑力还能把我,假设useEffect调用了函数X,函数X调用了Y,Y调用了Z……曲里拐弯调用N层之后再调用handleResize,真的不容易看出useEffect需要加上对count的依赖。</p>
103
103
  <p>好吧,这是useEffect的一个陷阱,所以,我们再加一个规矩:使用useEffect,不要调用函数层次太多,代码应该一眼看清楚哪些函数会被useEffect调用。</p>
104
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/56926.html">https://xuehuayu.cn/article/56926.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/48216.html">Web性能领域常见的专业术语</a><a class="next" href="/article/57965.html">React SSR 详解 + 2个项目实战</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
104
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/56926.html">https://xuehuayu.cn/article/56926.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/48216.html">Web性能领域常见的专业术语</a><a class="next" href="/article/57965.html">React SSR 详解 + 2个项目实战</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
105
105
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
106
106
  const locale = {
107
107
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -357,7 +357,7 @@
357
357
  <p><a target="_blank" rel="noopener" href="http://mp.weixin.qq.com/s?__biz=MzI5MDU1NDk2MA==&amp;mid=2247496998&amp;idx=1&amp;sn=da047300e19463fc88fcd3e76fda4203&amp;chksm=ec1ca019db6b290f06c736843c2713464a65e6b6dbeac9699abf0b0a34d5ef442de4654d8308&amp;scene=21#wechat_redirect"><img src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==" alt="图片"></a></p>
358
358
  <p><strong>点赞,转发,在看</strong></p>
359
359
  <p><code>原文地址:https://mp.weixin.qq.com/s/oNBbWyDTGVX07gRvZF9WLA</code></p>
360
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/57747.html">https://xuehuayu.cn/article/57747.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/34351.html">uni-app/vue手写签名</a><a class="next" href="/article/48252.html">阿里面试:说一下从 url 输入到返回请求的过程</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
360
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/57747.html">https://xuehuayu.cn/article/57747.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/34351.html">uni-app/vue手写签名</a><a class="next" href="/article/48252.html">阿里面试:说一下从 url 输入到返回请求的过程</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
361
361
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
362
362
  const locale = {
363
363
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -423,7 +423,7 @@ render() &#123;
423
423
  <p><strong><a target="_blank" rel="noopener" href="https://juejin.im/post/5dbbdbd5f265da4d4b5fe57d">React Hooks 详解 【近 1W 字】+ 项目实战</a></strong></p>
424
424
  <p><strong><a target="_blank" rel="noopener" href="https://juejin.im/post/5dfa36f9f265da33c90b47ef">Webpack 设置环境变量的误区</a></strong></p>
425
425
  <p><strong><a target="_blank" rel="noopener" href="https://juejin.im/post/5da56e34f265da5b932e73fa">从 0 到 1 实现一款简易版 Webpack</a></strong></p>
426
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/57965.html">https://xuehuayu.cn/article/57965.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/56926.html">React useEffect的陷阱</a><a class="next" href="/article/59095.html">你不知道的 JSON.stringify() 的威力</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
426
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/57965.html">https://xuehuayu.cn/article/57965.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/56926.html">React useEffect的陷阱</a><a class="next" href="/article/59095.html">你不知道的 JSON.stringify() 的威力</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
427
427
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
428
428
  const locale = {
429
429
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -26,7 +26,7 @@
26
26
  <li>解决办法:<br> <code>npm i electron-forge -S</code></li>
27
27
  </ul>
28
28
  <hr>
29
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/58816.html">https://xuehuayu.cn/article/58816.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/31826.html">Electron 7.0.0 发布</a><a class="next" href="/article/45156.html">重磅!TypeScript 3.7 RC发布</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
29
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/58816.html">https://xuehuayu.cn/article/58816.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E5%8E%9F%E5%88%9B/">原创</a></div><div class="post-nav"><a class="pre" href="/article/31826.html">Electron 7.0.0 发布</a><a class="next" href="/article/45156.html">重磅!TypeScript 3.7 RC发布</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
30
30
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
31
31
  const locale = {
32
32
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -383,7 +383,7 @@ addEventListener(&#39;scroll&#39;, debounce(fn, 1000))
383
383
  复制代码
384
384
  </code></pre>
385
385
  <h2 id="最后"><a href="#最后" class="headerlink" title="最后"></a>最后</h2><p>后续会持续更新,欢迎关注点个赞!<br><img src="https://user-gold-cdn.xitu.io/2018/12/21/167d05bdfff953ad?imageView2/0/w/1280/h/960/format/webp/ignore-error/1" alt="xuehuayu.cn"></p>
386
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/59059.html">https://xuehuayu.cn/article/59059.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/29623.html">面试:在浏览器输入URL回车之后发生了什么?(超详细版)</a><a class="next" href="/article/52877.html">MVVM 双向绑定全量版整理</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
386
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/59059.html">https://xuehuayu.cn/article/59059.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/29623.html">面试:在浏览器输入URL回车之后发生了什么?(超详细版)</a><a class="next" href="/article/52877.html">MVVM 双向绑定全量版整理</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
387
387
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
388
388
  const locale = {
389
389
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',
@@ -298,7 +298,7 @@ Object.fromEntries(Object.entries(todayILearn).map(([k, v]) =&gt; [mapObj[k]||k,
298
298
  // &#123; // id: 1,// content: &#39;今天学习 JSON.stringify(),我很开心!&#39;,// createdAt: &#39;Mon Nov 25 2019 14:03:55 GMT+0800 (中国标准时间)&#39;,// updatedAt: &#39;Mon Nov 25 2019 16:03:55 GMT+0800 (中国标准时间)&#39; // &#125;
299
299
  </code></pre>
300
300
  <h2 id="推荐阅读"><a href="#推荐阅读" class="headerlink" title="推荐阅读"></a>推荐阅读</h2><p><a target="_blank" rel="noopener" href="https://github.com/NieZhuZhu/Blog/issues/2">面试官连环追问:数组拍平(扁平化) flat 方法实现</a></p>
301
- </div><iframe src="/donate/?AliPayQR=https://store.xuehuayu.cn/store/public/alipay_qr.jpg&amp;WeChatQR=https://store.xuehuayu.cn/store/public/wechat_qr.png&amp;UnionPayQR=null&amp;GitHub=null&amp;BTCQR=null&amp;BTCKEY=null&amp;PayPal=https://www.paypal.com/paypalme/OrdinaryPerson" style="overflow-x:hidden; overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/59095.html">https://xuehuayu.cn/article/59095.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/57965.html">React SSR 详解 + 2个项目实战</a><a class="next" href="/article/20056.html">webpack打包之后js文件引用顺序错乱,vendor顺序错误</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
301
+ </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/59095.html">https://xuehuayu.cn/article/59095.html</a></li><li class="post-copyright-license"><strong>版权声明:</strong>① 标为原创的文章为博主原创,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,<a href="mailto:cainiaoblog@126.com">侵删</a>。</li></ul></div><br><div class="tags"><a href="/tags/%E8%BD%AC%E8%BD%BD/">转载</a></div><div class="post-nav"><a class="pre" href="/article/57965.html">React SSR 详解 + 2个项目实战</a><a class="next" href="/article/20056.html">webpack打包之后js文件引用顺序错乱,vendor顺序错误</a></div><div id="vcomment"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.min.css"><script src="//cdn.jsdelivr.net/npm/@waline/client@v2/dist/waline.js"></script><script>const origin = window.location.origin
302
302
  const serverURL = origin.includes('cainiaoblog') ? 'https://cmts.cainiaoblog.cn' : 'https://cmts.xuehuayu.cn'
303
303
  const locale = {
304
304
  placeholder: '请正确填写昵称和邮箱,方便接收回复通知~',