cainiaoblog 23.2.347 → 23.2.348

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.
@@ -506,7 +506,7 @@ server.listen(3000, () => console.log("正在监听 3000 端口"));
506
506
  </ul>
507
507
  <h1 id="源代码"><a href="#源代码" class="headerlink" title="源代码"></a>源代码</h1><p>源代码增加了一些按钮的状态,交互更加友好,文章表达比较晦涩的地方可以跳转到源代码查看</p>
508
508
  <p><a target="_blank" rel="noopener" href="https://github.com/yeyan1996/file-upload">file-upload</a><br><img src="https://user-gold-cdn.xitu.io/2020/1/9/16f8859bdc09fa25?imageView2/0/w/1280/h/960/format/webp/ignore-error/1" alt="xuehuayu.cn"><br>谢谢观看 :)</p>
509
- <h1 id="字节跳动-EA(Enterprise-Application)前端团队招人啦~"><a href="#字节跳动-EA(Enterprise-Application)前端团队招人啦~" class="headerlink" title="字节跳动 EA(Enterprise Application)前端团队招人啦~"></a>字节跳动 EA(Enterprise Application)前端团队招人啦~</h1><p>坐标上海&#x2F;北京,校招社招都有,hc 无上限,有兴趣的欢迎投递简历至 <a href="mailto:&#49;&#57;&#57;&#x36;&#x79;&#101;&#x79;&#x61;&#x6e;&#x40;&#x67;&#109;&#x61;&#x69;&#108;&#46;&#x63;&#x6f;&#109;">&#49;&#57;&#57;&#x36;&#x79;&#101;&#x79;&#x61;&#x6e;&#x40;&#x67;&#109;&#x61;&#x69;&#108;&#46;&#x63;&#x6f;&#109;</a>,校招内推码 Q7QUGMV</p>
509
+ <h1 id="字节跳动-EA(Enterprise-Application)前端团队招人啦~"><a href="#字节跳动-EA(Enterprise-Application)前端团队招人啦~" class="headerlink" title="字节跳动 EA(Enterprise Application)前端团队招人啦~"></a>字节跳动 EA(Enterprise Application)前端团队招人啦~</h1><p>坐标上海&#x2F;北京,校招社招都有,hc 无上限,有兴趣的欢迎投递简历至 <a href="mailto:&#49;&#x39;&#57;&#x36;&#x79;&#x65;&#x79;&#97;&#110;&#x40;&#x67;&#109;&#97;&#x69;&#108;&#x2e;&#x63;&#x6f;&#109;">&#49;&#x39;&#57;&#x36;&#x79;&#x65;&#x79;&#97;&#110;&#x40;&#x67;&#109;&#97;&#x69;&#108;&#x2e;&#x63;&#x6f;&#109;</a>,校招内推码 Q7QUGMV</p>
510
510
  <h1 id="参考资料"><a href="#参考资料" class="headerlink" title="参考资料"></a>参考资料</h1><p><a target="_blank" rel="noopener" href="https://juejin.im/post/5da14778f265da5bb628e590">写给新手前端的各种文件上传攻略,从小图片到大文件断点续传</a></p>
511
511
  <p><a target="_blank" rel="noopener" href="https://developer.mozilla.org/zh-CN/docs/Web/API/Blob/slice">Blob.slice</a><a target="_blank" rel="noopener" href="https://developer.mozilla.org/zh-CN/docs/Web/API/Blob/slice">developer.mozilla.org&#x2F;zh-CN&#x2F;docs&#x2F;…</a>)</p>
512
512
  </div><div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者:</strong>雪花雨</li><li class="post-copyright-link"><strong>本文链接:</strong><a href="/article/14192.html">https://xuehuayu.cn/article/14192.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/45157.html">新型肺炎疫情最新动态播报汇总</a><a class="next" href="/article/54313.html">70个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
@@ -67,7 +67,7 @@
67
67
  <li>render()</li>
68
68
  <li>componentDidMount()</li>
69
69
  </ol>
70
- <p>注意: getDerivedStateFromProps&#x2F;getSnapshotBeforeUpdate 和 componentWillMount&#x2F;componentWillReceiveProps&#x2F;componentWillUpdate 如果同时存在,React会在控制台给出警告信息,且仅执行 getDerivedStateFromProps&#x2F;getSnapshotBeforeUpdate 【<a href="mailto:&#x52;&#x65;&#97;&#99;&#116;&#64;&#x31;&#54;&#46;&#55;&#x2e;&#48;">&#x52;&#x65;&#97;&#99;&#116;&#64;&#x31;&#54;&#46;&#55;&#x2e;&#48;</a>】</p>
70
+ <p>注意: getDerivedStateFromProps&#x2F;getSnapshotBeforeUpdate 和 componentWillMount&#x2F;componentWillReceiveProps&#x2F;componentWillUpdate 如果同时存在,React会在控制台给出警告信息,且仅执行 getDerivedStateFromProps&#x2F;getSnapshotBeforeUpdate 【<a href="mailto:&#82;&#x65;&#97;&#99;&#116;&#64;&#49;&#54;&#46;&#55;&#46;&#x30;">&#82;&#x65;&#97;&#99;&#116;&#64;&#49;&#54;&#46;&#55;&#46;&#x30;</a>】</p>
71
71
  <blockquote>
72
72
  <p>运行时:</p>
73
73
  </blockquote>
@@ -16,7 +16,10 @@
16
16
  })();
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
- </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">推荐几款免费且不限流量的全球CDN</h1><div class="post-meta"><span class="date">2021-11-22</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/CDN/">CDN </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"> 1.2k</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"> 5</span><span class="post-meta-item-text"> 分钟</span></span></span></div><a class="disqus-comment-count" href="/article/54918.html#vcomment"><span class="waline-comment-count" data-path="/article/54918.html"></span><span> 条评论</span></a><div class="post-content"><h2 id="推荐几个免费的且不限流量的CDN,包括jsdelivr-staticaly-githack-全球通用,可以存储些网站的静态资源,然后引用CDN地址,优化网站的访问速度。npm国内镜像请查看:jsdelivr挂了不能访问替代方案还有哪些免费cdn"><a href="#推荐几个免费的且不限流量的CDN,包括jsdelivr-staticaly-githack-全球通用,可以存储些网站的静态资源,然后引用CDN地址,优化网站的访问速度。npm国内镜像请查看:jsdelivr挂了不能访问替代方案还有哪些免费cdn" class="headerlink" title="推荐几个免费的且不限流量的CDN,包括jsdelivr staticaly githack 全球通用,可以存储些网站的静态资源,然后引用CDN地址,优化网站的访问速度。npm国内镜像请查看:jsdelivr挂了不能访问替代方案还有哪些免费cdn"></a>推荐几个免费的且不限流量的CDN,包括jsdelivr staticaly githack 全球通用,<br>可以存储些网站的静态资源,然后引用CDN地址,优化网站的访问速度。<br><span id="more"></span><br>npm国内镜像请查看:<a href="/article/4292.html">jsdelivr挂了不能访问替代方案还有哪些免费cdn</a></h2><h3 id="jsdelivr"><a href="#jsdelivr" class="headerlink" title="jsdelivr"></a>jsdelivr</h3><p>官网地址:<a target="_blank" rel="noopener" href="https://www.jsdelivr.com/">https://www.jsdelivr.com</a> 没梯子访问可能有点慢,不过CDN的节点是很快的 可以引用的资源包括NPM、github、wordpress的所有资源,github可以是任意体积小于50M的仓库,具体使用参考官网,有介绍,或者看下面的介绍</p>
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">推荐几款免费且不限流量的全球CDN</h1><div class="post-meta"><span class="date">2021-11-22</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/CDN/">CDN </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"> 1.3k</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"> 5</span><span class="post-meta-item-text"> 分钟</span></span></span></div><a class="disqus-comment-count" href="/article/54918.html#vcomment"><span class="waline-comment-count" data-path="/article/54918.html"></span><span> 条评论</span></a><div class="post-content"><h2 id="推荐几个免费的且不限流量的CDN,包括jsdelivr-staticaly-githack-全球通用,可以存储些网站的静态资源,然后引用CDN地址,优化网站的访问速度。npm国内镜像请查看:jsdelivr挂了不能访问替代方案还有哪些免费cdn"><a href="#推荐几个免费的且不限流量的CDN,包括jsdelivr-staticaly-githack-全球通用,可以存储些网站的静态资源,然后引用CDN地址,优化网站的访问速度。npm国内镜像请查看:jsdelivr挂了不能访问替代方案还有哪些免费cdn" class="headerlink" title="推荐几个免费的且不限流量的CDN,包括jsdelivr staticaly githack 全球通用,可以存储些网站的静态资源,然后引用CDN地址,优化网站的访问速度。npm国内镜像请查看:jsdelivr挂了不能访问替代方案还有哪些免费cdn"></a>推荐几个免费的且不限流量的CDN,包括jsdelivr staticaly githack 全球通用,<br>可以存储些网站的静态资源,然后引用CDN地址,优化网站的访问速度。<br><span id="more"></span><br>npm国内镜像请查看:<a href="/article/4292.html">jsdelivr挂了不能访问替代方案还有哪些免费cdn</a></h2><h3 id="jsdelivr"><a href="#jsdelivr" class="headerlink" title="jsdelivr"></a>jsdelivr</h3><blockquote>
20
+ <p>2023&#x2F;7&#x2F;21添加,感谢评论区<code>CSY2022</code>提供<br>国内加速 <code>jsd.onmicrosoft.cn</code>,替换链接中的<code>cdn.jsdelivr.net</code>即可</p>
21
+ </blockquote>
22
+ <p>官网地址:<a target="_blank" rel="noopener" href="https://www.jsdelivr.com/">https://www.jsdelivr.com</a> 没梯子访问可能有点慢,不过CDN的节点是很快的 可以引用的资源包括NPM、github、wordpress的所有资源,github可以是任意体积小于50M的仓库,具体使用参考官网,有介绍,或者看下面的介绍</p>
20
23
  <blockquote>
21
24
  <p>Github</p>
22
25
  </blockquote>
@@ -28,6 +31,10 @@
28
31
  <figure class="highlight txt"><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></pre></td><td class="code"><pre><span class="line">//从WordPress.org插件SVN repo加载任何插件</span><br><span class="line">https://cdn.jsdelivr.net/wp/plugins/project/tags/version/file</span><br><span class="line"></span><br><span class="line">//加载一个确切的版本</span><br><span class="line">https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/tags/4.6.5/wp-slimstat.js</span><br><span class="line"></span><br><span class="line">//加载最新版本</span><br><span class="line">//你不应该在生产中使用它</span><br><span class="line">https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/trunk/wp-slimstat.js</span><br><span class="line"></span><br><span class="line">//从WordPress.org主题SVN repo加载任何主题</span><br><span class="line">https://cdn.jsdelivr.net/wp/themes/project/version/file</span><br><span class="line"></span><br><span class="line">//加载一个确切的版本</span><br><span class="line">https://cdn.jsdelivr.net/wp/themes/twenty-eightteen/1.7/assets/js/html5.js</span><br><span class="line"></span><br><span class="line">//将“.min”添加到任何JS / CSS文件中以获得缩小版本</span><br><span class="line">//如果一个不存在,我们将为您生成它</span><br><span class="line">https://cdn.jsdelivr.net/wp/themes/twenty-eightteen/1.7/assets/js/html5.min.js</span><br></pre></td></tr></table></figure>
29
32
 
30
33
  <hr>
34
+ <h3 id="unpkg"><a href="#unpkg" class="headerlink" title="unpkg"></a>unpkg</h3><blockquote>
35
+ <p>2023&#x2F;7&#x2F;21添加,感谢评论区<code>CSY2022</code>提供<br>国内加速 <code>npm.onmicrosoft.cn</code>,替换链接中的<code>unpkg.com</code>即可</p>
36
+ </blockquote>
37
+ <p>主要针对npm加速,官网地址:<a target="_blank" rel="noopener" href="https://unpkg.com/">https://unpkg.com/</a></p>
31
38
  <h3 id="staticaly"><a href="#staticaly" class="headerlink" title="staticaly"></a>staticaly</h3><p>官网地址:<a target="_blank" rel="noopener" href="https://www.staticaly.com/">https://www.staticaly.com</a><br>轻松地从GitHub &#x2F; GitLab &#x2F; Bitbucket加载您的项目 没有流量限制或限制。<br>文件通过超快速全球CDN提供。 在URL(不是分支)中使用特定标记或提交哈希。<br>根据URL永久缓存文件。 除master分支外,文件在浏览器中缓存1年。 具体用法:</p>
32
39
  <blockquote>
33
40
  <p>GitHub CDN</p>