@wcj/github-rank 21.11.15 → 21.11.16

package/web/sifou-daily.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2021/11/15 by Github API v3.</div>
+  <div class="time">Last cache created on 2021/11/16 by Github API v3.</div>
   <div class="tabs">
     <a class="" href="index.html">Users</a>
     <a class="" href="repos.html">Repos</a>
@@ -116,7 +116,147 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000040955883" target="_blank" title="LeetCode-106-从中序与后序遍历序列构造二叉树">LeetCode-106-从中序与后序遍历序列构造二叉树</a>
+        <a href="https://segmentfault.com/a/1190000040960011" target="_blank" title="程序员开源新项目“碾压”价值 7.5 亿的官方版，皆因孩子的 “IT 灾难”校务系统太垃圾">程序员开源新项目“碾压”价值 7.5 亿的官方版，皆因孩子的 “IT 灾难”校务系统太垃圾</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>3</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/d2ms1shh"  title="Programming Language">
+          <span>MissD</span>
+        </a>
+      </div>
+      <div class="details">
+        无处不在的开源，为科技领域带来巨大变革和创新的同时，安全问题也成为全球关注的焦点。最近，来自瑞典斯德哥尔摩市的程序员 Landgren ，就因为看不惯自家孩子学校的 IT 系统（Skolplattform），拉上其他家长一起...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 2">2</span>
+        <a href="https://segmentfault.com/a/1190000040961263" target="_blank" title="Flutter 页面滚动吸顶详解（NestedScrollView）">Flutter 页面滚动吸顶详解（NestedScrollView）</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>2</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong"  title="Programming Language">
+          <span>浅夏晴空</span>
+        </a>
+      </div>
+      <div class="details">
+        在业务开发中我们经常会有滚动吸顶的效果，目前Flutter也有很多种实现方式，这里介绍一下本人在开发中使用到的基于NestedScrollView实现的滚动吸顶组件；以及中间涉及的各种定位的布局操作；
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 3">3</span>
+        <a href="https://segmentfault.com/a/1190000040962801" target="_blank" title="第八期:前端九条启发分享">第八期:前端九条启发分享</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>3</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/lulu_up"  title="Programming Language">
+          <span>lulu_up</span>
+        </a>
+      </div>
+      <div class="details">
+        在一般情况下, 我们每次执行git commit -m&#39;提交信息&#39;的时候, 会触发针对commit信息的校验以及代码风格的校验, 如果没通过校验会导致commit失败, 那么这些校验是如何加入到项目中的那?
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 4">4</span>
+        <a href="https://segmentfault.com/a/1190000040961411" target="_blank" title="Puppeteer 入门指引">Puppeteer 入门指引</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>3</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/mudontire"  title="Programming Language">
+          <span>MudOnTire</span>
+        </a>
+      </div>
+      <div class="details">
+        Puppeteer 是一个 Node library，提供了一套完整的通过 DevTools 协议操纵 Chrome 或 Chromium 的 API。Puppeteer 默认以 无头（headless） 的方式运行, 也可以使用 GUI 的方式运行 Chrome 和 Chromium。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 5">5</span>
+        <a href="https://segmentfault.com/a/1190000040959107" target="_blank" title="CodeGuide 300+文档、100+代码库，一个指导程序员写代码的，Github 仓库开源啦！">CodeGuide 300+文档、100+代码库，一个指导程序员写代码的，Github 仓库开源啦！</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>3</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/fuzhengwei"  title="Programming Language">
+          <span>小傅哥</span>
+        </a>
+      </div>
+      <div class="details">
+        作者：小傅哥&lt;br/&gt;博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、路怎样走，让你们自己挑B站 视频：[[链接])五年前，香河大厂村，开张大吉。我和弟兄们雄心壮志，坐公交车去面试，谁知道...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 6">6</span>
+        <a href="https://segmentfault.com/a/1190000040959999" target="_blank" title="LeetCode-107-二叉树的层序遍历 II">LeetCode-107-二叉树的层序遍历 II</a>
       </div>
       <div class="sub-title followers">
         
@@ -135,7 +275,7 @@
         </a>
       </div>
       <div class="details">
-        题目描述：根据一棵树的中序遍历与后序遍历构造二叉树。注意:你可以假设树中没有重复的元素。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官方授权，非...
+        题目描述：给定一个二叉树，返回其节点值自底向上的层序遍历。 （即按从叶子节点所在层到根节点所在的层，逐层从左向右遍历）示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所...
       </div>
     </div>
   </li>
@@ -143,8 +283,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000040957767" target="_blank" title="无处不在的 Kubernetes，难用的问题解决了吗？">无处不在的 Kubernetes，难用的问题解决了吗？</a>
+        <span title="Ranking 7">7</span>
+        <a href="https://segmentfault.com/a/1190000040963849" target="_blank" title="处理可能超时的异步操作">处理可能超时的异步操作</a>
       </div>
       <div class="sub-title followers">
         
@@ -158,12 +298,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/alixitongruanjianjishu"  title="Programming Language">
-          <span>阿里巴巴云原生</span>
+        <a target="_blank" href="https://segmentfault.com/u/jamesfancy"  title="Programming Language">
+          <span>边城</span>
         </a>
       </div>
       <div class="details">
-        容器本质是一项隔离技术，很好的解决了他的前任 - 虚拟化未解决的问题：运行环境启动速度慢、资源利用率低，而容器技术的两个核心概念，Namespace 和 Cgroup，恰到好处的解决了这两个难题。Namespace 作为看起来...
+        自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...
       </div>
     </div>
   </li>
@@ -171,8 +311,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000040956788" target="_blank" title="ES6编程风格常用总结">ES6编程风格常用总结</a>
+        <span title="Ranking 8">8</span>
+        <a href="https://segmentfault.com/a/1190000040963664" target="_blank" title="【JavaScript定时器小案例】常见的几种定时器实现的案例">【JavaScript定时器小案例】常见的几种定时器实现的案例</a>
       </div>
       <div class="sub-title followers">
         
@@ -186,12 +326,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/guochenglong"  title="Programming Language">
-          <span>为君持酒劝斜阳</span>
+        <a target="_blank" href="https://segmentfault.com/u/guizimo"  title="Programming Language">
+          <span>归子莫</span>
         </a>
       </div>
       <div class="details">
-        const可以提醒别人，这个变量不应该改变；const符合函数式编程思想，运算不改变值，只新建值；Javascript编译器会对const进行优化，效率更高；
+        【JavaScript定时器小案例】常见的几种定时器实现的案例博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！说明在日常开发中定时器的使用...
       </div>
     </div>
   </li>
@@ -199,8 +339,36 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000040956745" target="_blank" title="css 实现页面区域分栏左右拉伸调整布局">css 实现页面区域分栏左右拉伸调整布局</a>
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000040959562" target="_blank" title="Webstorm 插件开发">Webstorm 插件开发</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>2</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang"  title="Programming Language">
+          <span>MangoGoing</span>
+        </a>
+      </div>
+      <div class="details">
+        PSI(Program Structure Interface) 文件是表示一个文件的内容作为在一个特定的编程语言元素的层次结构的结构的根。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000040963121" target="_blank" title="CODING Compass —— 打造行云流水般的软件工厂">CODING Compass —— 打造行云流水般的软件工厂</a>
       </div>
       <div class="sub-title followers">
         
@@ -214,12 +382,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/yimiya"  title="Programming Language">
-          <span>是yimi呀</span>
+        <a target="_blank" href="https://segmentfault.com/u/codingnet"  title="Programming Language">
+          <span>CODING</span>
         </a>
       </div>
       <div class="details">
-        想要实现如下图效果，红色可拉动的线往左边拉右边内容区域变大左边内容区域变小，往右边拉右边内容区域变小左边内容区域变大。我们先来了解一下 css 的resize属性直达w3s，resize: none|both|horizontal|vertical...
+        本文根据 CODING Compass 产品总监程胜聪在腾讯云 CIF 工程效能峰会上所做的分享，进行了整理与更新。文末可前往峰会官网，观看回放并下载 PPT。
       </div>
     </div>
   </li>
@@ -227,8 +395,148 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000040956053" target="_blank" title="如何使用Go语言写出面向对象风格的代码">如何使用Go语言写出面向对象风格的代码</a>
+        <span title="Ranking 11">11</span>
+        <a href="https://segmentfault.com/a/1190000040959897" target="_blank" title="Fabric.js - 轻而易举操作canvas的神奇库">Fabric.js - 轻而易举操作canvas的神奇库</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>1</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/chenxiang_594a1cea112c2"  title="Programming Language">
+          <span>阿古达木</span>
+        </a>
+      </div>
+      <div class="details">
+        本文来自于Fabricjs中文版，这个站点是我经过社区允许后部署的一份国内版，希望招募同样对fabricjs感兴趣的人一起来翻译建设，在每篇文章下面都有提PR的链接，只要使用github在写编辑即可
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000040959047" target="_blank" title="MySQL打印死锁日志">MySQL打印死锁日志</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>1</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/mysqljs"  title="Programming Language">
+          <span>MySQL技术</span>
+        </a>
+      </div>
+      <div class="details">
+        在 MySQL 运维过程中，难免会遇到 MySQL 死锁的情况，一旦线上业务日渐复杂，各种业务操作之间往往会产生锁冲突，有些会导致死锁异常。这种死锁异常一般要在特定时间特定数据和特定业务操作才会复现，有时候处理...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 13">13</span>
+        <a href="https://segmentfault.com/a/1190000040958801" target="_blank" title="分布式事务框架dtm1.5.4发布，支持更友好的gRPC类型">分布式事务框架dtm1.5.4发布，支持更友好的gRPC类型</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>3</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/yedongfu"  title="Programming Language">
+          <span>叶东富</span>
+        </a>
+      </div>
+      <div class="details">
+        更新日志更加友好的gRPC类型支持，输入输出支持任何类型添加例子启动时等待mysql，避免因mysql启动慢而退出新功能示例旧的proto文件示例： {代码...} 使用时需要进行转化 {代码...} 新的proto文件示例 {代码...} ...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 14">14</span>
+        <a href="https://segmentfault.com/a/1190000040958622" target="_blank" title="oeasy教您玩转vim - 62 - # 缓冲buffer">oeasy教您玩转vim - 62 - # 缓冲buffer</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>1</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/oeasy"  title="Programming Language">
+          <span>oeasy</span>
+        </a>
+      </div>
+      <div class="details">
+        编辑过程回忆上次我们这次了解了编辑过程默认有一个替换文件swap修改的内容会保存到一个swap文件如果swp已经存在会有个swo文件以此类推替换文件可以进行对源文件的修复没保存到源文件的可能保存到了替换文件可以...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 15">15</span>
+        <a href="https://segmentfault.com/a/1190000040958314" target="_blank" title="关闭浏览器或者刷新浏览器弹窗提示，可以取消或者确认。">关闭浏览器或者刷新浏览器弹窗提示，可以取消或者确认。</a>
+      </div>
+      <div class="sub-title followers">
+        
+        <span title="Stargazers Count">
+          <svg width="12" height="12" viewBox="0 0 16 16">
+            <g fill="none" fill-rule="evenodd">
+              <path d="M0 0h16v16H0z"/>
+              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
+            </g>
+          </svg>
+          <span>1</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/kobe_fans_zxc"  title="Programming Language">
+          <span>张旭超</span>
+        </a>
+      </div>
+      <div class="details">
+        添加如下js代码即可 {代码...} vue中使用 {代码...}
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 16">16</span>
+        <a href="https://segmentfault.com/a/1190000040958391" target="_blank" title="JavaScript 数学曲线—双角线">JavaScript 数学曲线—双角线</a>
       </div>
       <div class="sub-title followers">
         
@@ -242,12 +550,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/asong_5eeb7a1d0da86"  title="Programming Language">
-          <span>asong</span>
+        <a target="_blank" href="https://segmentfault.com/u/xxholic"  title="Programming Language">
+          <span>XXHolic</span>
         </a>
       </div>
       <div class="details">
-        哈喽，大家好，我是asong。在上一篇文章：小白也能看懂的context包详解：从入门到精通 分析context的源码时，我们看到了一种编程方法，在结构体里内嵌匿名接口，这种写法对于大多数初学Go语言的朋友看起来是懵逼...
+        引子继星形线，接着尝试双角线（Bicorn）。OriginMy GitHub简介双角线也称为三角帽（cocked-ha）曲线，是 Sylvester 在 1864 年研究的一组四次曲线的名称。Cayley 在 1867 年研究了同样的曲线。在笛卡尔坐标系中...
       </div>
     </div>
   </li>
@@ -268,7 +576,7 @@
         <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
       </a>
     </div>
-    <div class="time">Last cache created on 2021/11/15 by Github API v3.</div>
+    <div class="time">Last cache created on 2021/11/16 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>