Site updated: 2024-04-13 16:09:36

index.html

@@ -53,7 +53,7 @@
   isHome: true,
   isHighlightShrink: false,
   isToc: false,
-  postUpdate: '2024-04-13 16:09:12'
+  postUpdate: '2024-04-13 16:09:31'
 }</script><script>(win=>{
       win.saveToLocal = {
         set: (key, value, ttl) => {
@@ -249,7 +249,7 @@
 Deploy to remote sites$ hexo deploy
 
 More info: Deployment
-</div></div></div><nav id="pagination"><div class="pagination"><span class="page-number current">1</span></div></nav></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="is-center"><div class="avatar-img"><img src="/img/avatar.jpg" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/></div><div class="author-info__name">幺幺一一</div><div class="author-info__description">Welcome to my blog</div></div><div class="card-info-data site-data is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">9</div></a><a href="/tags/"><div class="headline">标签</div><div class="length-num">2</div></a><a href="/categories/"><div class="headline">分类</div><div class="length-num">0</div></a></div><a id="card-info-btn" target="_blank" rel="noopener" href="https://github.com/yaoyaoyiyi216"><i class="fab fa-github"></i><span>Follow Me</span></a></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn fa-shake"></i><span>公告</span></div><div class="announcement_content">This is my Blog</div></div><div class="sticky_layout"><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/2024/04/12/canvas%E8%BF%9B%E9%98%B6/" title="canvas进阶"><img src="https://pic3.zhimg.com/v2-744d906bf648e72fd53bda8061b30347_r.jpg" onerror="this.onerror=null;this.src='/img/cover.jpg'" alt="canvas进阶"/></a><div class="content"><a class="title" href="/2024/04/12/canvas%E8%BF%9B%E9%98%B6/" title="canvas进阶">canvas进阶</a><time datetime="2024-04-12T05:22:07.000Z" title="发表于 2024-04-12 13:22:07">2024-04-12</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2024/04/06/canvas%E5%9F%BA%E7%A1%80/" title="canvas基础"><img src="https://pic3.zhimg.com/v2-744d906bf648e72fd53bda8061b30347_r.jpg" onerror="this.onerror=null;this.src='/img/cover.jpg'" alt="canvas基础"/></a><div class="content"><a class="title" href="/2024/04/06/canvas%E5%9F%BA%E7%A1%80/" title="canvas基础">canvas基础</a><time datetime="2024-04-06T04:40:50.000Z" title="发表于 2024-04-06 12:40:50">2024-04-06</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2024/03/31/js%E7%BB%A7%E6%89%BF/" title="js继承"><img src="https://c-ssl.duitang.com/uploads/item/201508/02/20150802082132_E83AG.jpeg" onerror="this.onerror=null;this.src='/img/cover.jpg'" alt="js继承"/></a><div class="content"><a class="title" href="/2024/03/31/js%E7%BB%A7%E6%89%BF/" title="js继承">js继承</a><time datetime="2024-03-31T04:16:59.000Z" title="发表于 2024-03-31 12:16:59">2024-03-31</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2024/03/16/%E8%8A%82%E6%B5%81%E4%B8%8E%E9%98%B2%E6%8A%96/" title="节流与防抖"><img src="https://pic3.zhimg.com/v2-744d906bf648e72fd53bda8061b30347_r.jpg" onerror="this.onerror=null;this.src='/img/cover.jpg'" alt="节流与防抖"/></a><div class="content"><a class="title" href="/2024/03/16/%E8%8A%82%E6%B5%81%E4%B8%8E%E9%98%B2%E6%8A%96/" title="节流与防抖">节流与防抖</a><time datetime="2024-03-16T01:45:30.000Z" title="发表于 2024-03-16 09:45:30">2024-03-16</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2024/03/02/React%E5%AE%9E%E7%8E%B0%E5%9B%BE%E7%89%87%E6%87%92%E5%8A%A0%E8%BD%BD/" title="React实现图片懒加载"><img src="https://c-ssl.duitang.com/uploads/item/201508/02/20150802082132_E83AG.jpeg" onerror="this.onerror=null;this.src='/img/cover.jpg'" alt="React实现图片懒加载"/></a><div class="content"><a class="title" href="/2024/03/02/React%E5%AE%9E%E7%8E%B0%E5%9B%BE%E7%89%87%E6%87%92%E5%8A%A0%E8%BD%BD/" title="React实现图片懒加载">React实现图片懒加载</a><time datetime="2024-03-02T13:04:25.000Z" title="发表于 2024-03-02 21:04:25">2024-03-02</time></div></div></div></div><div class="card-widget card-tags"><div class="item-headline"><i class="fas fa-tags"></i><span>标签</span></div><div class="card-tag-cloud"><a href="/tags/javascript/" style="font-size: 1.5em; color: #99a9bf">javascript</a> <a href="/tags/react/" style="font-size: 1.1em; color: #999">react</a></div></div><div class="card-widget card-archives"><div class="item-headline"><i class="fas fa-archive"></i><span>归档</span></div><ul class="card-archive-list"><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2024/04/"><span class="card-archive-list-date">四月 2024</span><span class="card-archive-list-count">2</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2024/03/"><span class="card-archive-list-date">三月 2024</span><span class="card-archive-list-count">3</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2023/12/"><span class="card-archive-list-date">十二月 2023</span><span class="card-archive-list-count">2</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2023/11/"><span class="card-archive-list-date">十一月 2023</span><span class="card-archive-list-count">2</span></a></li></ul></div><div class="card-widget card-webinfo"><div class="item-headline"><i class="fas fa-chart-line"></i><span>网站资讯</span></div><div class="webinfo"><div class="webinfo-item"><div class="item-name">文章数目 :</div><div class="item-count">9</div></div><div class="webinfo-item"><div class="item-name">已运行时间 :</div><div class="item-count" id="runtimeshow" data-publishDate="2023-11-19T16:00:00.000Z"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">本站总字数 :</div><div class="item-count">11.4k</div></div><div class="webinfo-item"><div class="item-name">本站访客数 :</div><div class="item-count" id="busuanzi_value_site_uv"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">本站总访问量 :</div><div class="item-count" id="busuanzi_value_site_pv"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">最后更新时间 :</div><div class="item-count" id="last-push-date" data-lastPushDate="2024-04-13T08:09:12.150Z"><i class="fa-solid fa-spinner fa-spin"></i></div></div></div></div></div></div></main><footer id="footer"><div id="footer-wrap"><div class="copyright">&copy;2023 - 2024 By 幺幺一一</div><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside-config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button id="go-up" type="button" title="回到顶部"><span class="scroll-percent"></span><i class="fas fa-arrow-up"></i></button></div></div><div><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox/fancybox.umd.min.js"></script><div class="js-pjax"><script>window.typedJSFn = {
+</div></div></div><nav id="pagination"><div class="pagination"><span class="page-number current">1</span></div></nav></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="is-center"><div class="avatar-img"><img src="/img/avatar.jpg" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/></div><div class="author-info__name">幺幺一一</div><div class="author-info__description">Welcome to my blog</div></div><div class="card-info-data site-data is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">9</div></a><a href="/tags/"><div class="headline">标签</div><div class="length-num">2</div></a><a href="/categories/"><div class="headline">分类</div><div class="length-num">0</div></a></div><a id="card-info-btn" target="_blank" rel="noopener" href="https://github.com/yaoyaoyiyi216"><i class="fab fa-github"></i><span>Follow Me</span></a></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn fa-shake"></i><span>公告</span></div><div class="announcement_content">This is my Blog</div></div><div class="sticky_layout"><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/2024/04/12/canvas%E8%BF%9B%E9%98%B6/" title="canvas进阶"><img src="https://pic3.zhimg.com/v2-744d906bf648e72fd53bda8061b30347_r.jpg" onerror="this.onerror=null;this.src='/img/cover.jpg'" alt="canvas进阶"/></a><div class="content"><a class="title" href="/2024/04/12/canvas%E8%BF%9B%E9%98%B6/" title="canvas进阶">canvas进阶</a><time datetime="2024-04-12T05:22:07.000Z" title="发表于 2024-04-12 13:22:07">2024-04-12</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2024/04/06/canvas%E5%9F%BA%E7%A1%80/" title="canvas基础"><img src="https://pic3.zhimg.com/v2-744d906bf648e72fd53bda8061b30347_r.jpg" onerror="this.onerror=null;this.src='/img/cover.jpg'" alt="canvas基础"/></a><div class="content"><a class="title" href="/2024/04/06/canvas%E5%9F%BA%E7%A1%80/" title="canvas基础">canvas基础</a><time datetime="2024-04-06T04:40:50.000Z" title="发表于 2024-04-06 12:40:50">2024-04-06</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2024/03/31/js%E7%BB%A7%E6%89%BF/" title="js继承"><img src="https://c-ssl.duitang.com/uploads/item/201508/02/20150802082132_E83AG.jpeg" onerror="this.onerror=null;this.src='/img/cover.jpg'" alt="js继承"/></a><div class="content"><a class="title" href="/2024/03/31/js%E7%BB%A7%E6%89%BF/" title="js继承">js继承</a><time datetime="2024-03-31T04:16:59.000Z" title="发表于 2024-03-31 12:16:59">2024-03-31</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2024/03/16/%E8%8A%82%E6%B5%81%E4%B8%8E%E9%98%B2%E6%8A%96/" title="节流与防抖"><img src="https://pic3.zhimg.com/v2-744d906bf648e72fd53bda8061b30347_r.jpg" onerror="this.onerror=null;this.src='/img/cover.jpg'" alt="节流与防抖"/></a><div class="content"><a class="title" href="/2024/03/16/%E8%8A%82%E6%B5%81%E4%B8%8E%E9%98%B2%E6%8A%96/" title="节流与防抖">节流与防抖</a><time datetime="2024-03-16T01:45:30.000Z" title="发表于 2024-03-16 09:45:30">2024-03-16</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2024/03/02/React%E5%AE%9E%E7%8E%B0%E5%9B%BE%E7%89%87%E6%87%92%E5%8A%A0%E8%BD%BD/" title="React实现图片懒加载"><img src="https://c-ssl.duitang.com/uploads/item/201508/02/20150802082132_E83AG.jpeg" onerror="this.onerror=null;this.src='/img/cover.jpg'" alt="React实现图片懒加载"/></a><div class="content"><a class="title" href="/2024/03/02/React%E5%AE%9E%E7%8E%B0%E5%9B%BE%E7%89%87%E6%87%92%E5%8A%A0%E8%BD%BD/" title="React实现图片懒加载">React实现图片懒加载</a><time datetime="2024-03-02T13:04:25.000Z" title="发表于 2024-03-02 21:04:25">2024-03-02</time></div></div></div></div><div class="card-widget card-tags"><div class="item-headline"><i class="fas fa-tags"></i><span>标签</span></div><div class="card-tag-cloud"><a href="/tags/javascript/" style="font-size: 1.5em; color: #99a9bf">javascript</a> <a href="/tags/react/" style="font-size: 1.1em; color: #999">react</a></div></div><div class="card-widget card-archives"><div class="item-headline"><i class="fas fa-archive"></i><span>归档</span></div><ul class="card-archive-list"><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2024/04/"><span class="card-archive-list-date">四月 2024</span><span class="card-archive-list-count">2</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2024/03/"><span class="card-archive-list-date">三月 2024</span><span class="card-archive-list-count">3</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2023/12/"><span class="card-archive-list-date">十二月 2023</span><span class="card-archive-list-count">2</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2023/11/"><span class="card-archive-list-date">十一月 2023</span><span class="card-archive-list-count">2</span></a></li></ul></div><div class="card-widget card-webinfo"><div class="item-headline"><i class="fas fa-chart-line"></i><span>网站资讯</span></div><div class="webinfo"><div class="webinfo-item"><div class="item-name">文章数目 :</div><div class="item-count">9</div></div><div class="webinfo-item"><div class="item-name">已运行时间 :</div><div class="item-count" id="runtimeshow" data-publishDate="2023-11-19T16:00:00.000Z"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">本站总字数 :</div><div class="item-count">11.4k</div></div><div class="webinfo-item"><div class="item-name">本站访客数 :</div><div class="item-count" id="busuanzi_value_site_uv"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">本站总访问量 :</div><div class="item-count" id="busuanzi_value_site_pv"><i class="fa-solid fa-spinner fa-spin"></i></div></div><div class="webinfo-item"><div class="item-name">最后更新时间 :</div><div class="item-count" id="last-push-date" data-lastPushDate="2024-04-13T08:09:31.139Z"><i class="fa-solid fa-spinner fa-spin"></i></div></div></div></div></div></div></main><footer id="footer"><div id="footer-wrap"><div class="copyright">&copy;2023 - 2024 By 幺幺一一</div><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside-config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button id="go-up" type="button" title="回到顶部"><span class="scroll-percent"></span><i class="fas fa-arrow-up"></i></button></div></div><div><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox/fancybox.umd.min.js"></script><div class="js-pjax"><script>window.typedJSFn = {
   init: (str) => {
     window.typed = new Typed('#subtitle', Object.assign({
       strings: str,