npm - @wcj/github-rank - Versions diffs - 22.8.20 → 22.8.21 - Mend

@wcj/github-rank 22.8.20 → 22.8.21

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

package/dist/repos.json +17033 -17032
package/dist/sifou-daily.json +1 -65
package/dist/sifou-monthly.json +46 -46
package/dist/sifou-weekly.json +88 -88
package/dist/toutiao-30.json +55 -55
package/dist/toutiao-7.json +79 -79
package/dist/toutiao-90.json +30 -30
package/dist/trending-daily.json +165 -176
package/dist/trending-monthly.json +144 -144
package/dist/trending-weekly.json +162 -162
package/dist/users.china.json +844 -844
package/dist/users.json +1824 -1824
package/package.json +1 -1
package/web/data/repos.json +17033 -17032
package/web/data/sifou-daily.json +1 -65
package/web/data/sifou-monthly.json +46 -46
package/web/data/sifou-weekly.json +88 -88
package/web/data/toutiao-30.json +55 -55
package/web/data/toutiao-7.json +79 -79
package/web/data/toutiao-90.json +30 -30
package/web/data/trending-daily.json +165 -176
package/web/data/trending-monthly.json +144 -144
package/web/data/trending-weekly.json +162 -162
package/web/data/users.china.json +844 -844
package/web/data/users.json +1824 -1824
package/web/index.html +1005 -1005
package/web/repos.html +2165 -2165
package/web/sifou-daily.html +2 -198
package/web/sifou-monthly.html +86 -86
package/web/sifou-weekly.html +107 -107
package/web/toutiao-30.html +76 -76
package/web/toutiao-7.html +77 -77
package/web/toutiao-90.html +49 -49
package/web/trending-monthly.html +137 -133
package/web/trending-weekly.html +142 -142
package/web/trending.html +143 -185
package/web/users.china.html +446 -446

package/web/sifou-daily.html CHANGED Viewed

@@ -116,7 +116,7 @@
   </h1>
-  <div class="time">Last cache created on 2022/8/20 by
+  <div class="time">Last cache created on 2022/8/21 by
@@ -141,202 +141,6 @@
     </span>
   </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000042345408" target="_blank" title="项目一共30个模块，你叫我maven版本一个个手动改？">项目一共30个模块，你叫我maven版本一个个手动改？</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/bosaidong_5c495684bcf4b"  title="Programming Language">
-          <span>铂赛东</span>
-        </a>
-      </div>
-      <div class="details">
-        之前有个群友私聊问我，如何快速统一去更改项目中所有的maven版本号，他说之前都是手动一个个去修改，项目一共有30多个maven模块，上次因为漏改了一个，还造成了生产事故。
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000042343100" target="_blank" title="总结一些，书写 CSS 的时候，经常犯的错误！">总结一些，书写 CSS 的时候，经常犯的错误！</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/minnanitkong"  title="Programming Language">
-          <span>前端小智</span>
-        </a>
-      </div>
-      <div class="details">
-        微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000042345021" target="_blank" title="延时任务-基于netty时间轮算法实现">延时任务-基于netty时间轮算法实现</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/zimug"  title="Programming Language">
-          <span>字母哥博客</span>
-        </a>
-      </div>
-      <div class="details">
-        为了大家能够理解下文中的代码，我们先来简单了解一下netty时间轮算法的核心原理时间轮算法名副其实，时间轮就是一个环形的数据结构，类似于表盘，将时间轮分成多个bucket(比如：0-8)。假设每个时间轮轮片的分隔...
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000042343233" target="_blank" title="深入理解Redis 数据结构—字典">深入理解Redis 数据结构—字典</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/jeremylai7"  title="Programming Language">
-          <span>小码code</span>
-        </a>
-      </div>
-      <div class="details">
-        字典，又称为符号表、关联数组或映射，是一种用于保存键值对的抽象数据结构。在字典中，一个键可以和一个值进行关联，这些关联的键和值称为键值对。键值对中键是唯一的,我们可以根据键key通过映射查找或者更新对...
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000042342093" target="_blank" title="一次minerd肉鸡木马的排查思路">一次minerd肉鸡木马的排查思路</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/jdcdevloper"  title="Programming Language">
-          <span>京东云开发者</span>
-        </a>
-      </div>
-      <div class="details">
-        前言在日常使用Linux系统服务器时，如果系统安全维护方面做的不够规范和严谨，很容易导致主机被黑客植入恶意木马病毒被当做肉鸡。以后就是一次肉鸡木马病毒的排查过程，有助于运维服务器时遇到此情况时进行针对性...
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000042346917" target="_blank" title="基于 SheetJS 的前端合并单元格复杂表头导入">基于 SheetJS 的前端合并单元格复杂表头导入</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/momo707577045"  title="Programming Language">
-          <span>momo707577045</span>
-        </a>
-      </div>
-      <div class="details">
-        项目功能任意层级合并单元格复杂表头解析自动转化为目标层级的数据结构自动生成基于 antdv 的 table 列配置数据 columns 及对于数据源 dataSource。在页面端复现 Excel 效果。在线示例步骤零：如需快速测试，可点...
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000042344237" target="_blank" title="福利！网易数帆参编中国信通院《低代码发展白皮书（2022年）》">福利！网易数帆参编中国信通院《低代码发展白皮书（2022年）》</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/163yun"  title="Programming Language">
-          <span>网易数帆</span>
-        </a>
-      </div>
-      <div class="details">
-        【限时发放中！免费领取白皮书】近日，由中国信息通信研究院（以下简称“中国信通院”）和中国通信标准化协会联合主办的“2022数字化转型发展高峰论坛”在京召开。大会以 “数字原生、产业新生、价值共生”为主题，共同...
-      </div>
-    </div>
-  </li>
 </ul>
   <div class="footer">
     <div>
@@ -353,7 +157,7 @@
         <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
       </a>
     </div>
-    <div class="time">Last cache created on 2022/8/20 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/8/21 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>

package/web/sifou-monthly.html CHANGED Viewed

@@ -116,7 +116,7 @@
   </h1>
-  <div class="time">Last cache created on 2022/8/20 by
+  <div class="time">Last cache created on 2022/8/21 by
@@ -453,7 +453,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 12">12</span>
-        <a href="https://segmentfault.com/a/1190000042195199" target="_blank" title="一步步带你搞懂虚拟 DOM 的工作原理">一步步带你搞懂虚拟 DOM 的工作原理</a>
+        <a href="https://segmentfault.com/a/1190000042200631" target="_blank" title="一个简洁、强大、可扩展的前端项目架构是什么样的？">一个简洁、强大、可扩展的前端项目架构是什么样的？</a>
       </div>
       <div class="sub-title followers">
@@ -464,15 +464,15 @@
               <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>17</span>
+          <span>14</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/deepfunc"  title="Programming Language">
-          <span>deepfunc</span>
+        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
+          <span>卡颂</span>
         </a>
       </div>
       <div class="details">
-        React 和 Vue 中都有虚拟 DOM 的概念，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue...
+        大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...
       </div>
     </div>
   </li>
@@ -481,7 +481,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 13">13</span>
-        <a href="https://segmentfault.com/a/1190000042200631" target="_blank" title="一个简洁、强大、可扩展的前端项目架构是什么样的？">一个简洁、强大、可扩展的前端项目架构是什么样的？</a>
+        <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</a>
       </div>
       <div class="sub-title followers">
@@ -492,15 +492,15 @@
               <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>14</span>
+          <span>20</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
-          <span>卡颂</span>
+        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
+          <span>XboxYan</span>
         </a>
       </div>
       <div class="details">
-        大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...
+        欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
       </div>
     </div>
   </li>
@@ -537,34 +537,6 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 15">15</span>
-        <a href="https://segmentfault.com/a/1190000042323523" target="_blank" title="Windows滚动条如何美化成 macOS 那样？">Windows滚动条如何美化成 macOS 那样？</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>18</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
-          <span>XboxYan</span>
-        </a>
-      </div>
-      <div class="details">
-        欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 16">16</span>
         <a href="https://segmentfault.com/a/1190000042306044" target="_blank" title="Wuzzle，进行基于 webpack 的 JS 转译">Wuzzle，进行基于 webpack 的 JS 转译</a>
       </div>
       <div class="sub-title followers">
@@ -592,7 +564,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 17">17</span>
+        <span title="Ranking 16">16</span>
         <a href="https://segmentfault.com/a/1190000042271919" target="_blank" title="React Fiber架构原理剖析">React Fiber架构原理剖析</a>
       </div>
       <div class="sub-title followers">
@@ -620,7 +592,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 18">18</span>
+        <span title="Ranking 17">17</span>
         <a href="https://segmentfault.com/a/1190000042244854" target="_blank" title="Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用">Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用</a>
       </div>
       <div class="sub-title followers">
@@ -648,7 +620,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 19">19</span>
+        <span title="Ranking 18">18</span>
         <a href="https://segmentfault.com/a/1190000042290360" target="_blank" title="markdown 编辑器实现双屏同步滚动">markdown 编辑器实现双屏同步滚动</a>
       </div>
       <div class="sub-title followers">
@@ -676,7 +648,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 20">20</span>
+        <span title="Ranking 19">19</span>
         <a href="https://segmentfault.com/a/1190000042282263" target="_blank" title="详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性">详聊immer.js高效复制与冻结&#34;对象&#34;的原理于局限性</a>
       </div>
       <div class="sub-title followers">
@@ -704,8 +676,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 21">21</span>
-        <a href="https://segmentfault.com/a/1190000042194426" target="_blank" title="搭建前端监控，采集用户行为的 N 种姿势">搭建前端监控，采集用户行为的 N 种姿势</a>
+        <span title="Ranking 20">20</span>
+        <a href="https://segmentfault.com/a/1190000042331835" target="_blank" title="🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！">🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！</a>
       </div>
       <div class="sub-title followers">
@@ -716,15 +688,15 @@
               <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>11</span>
+          <span>8</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/ruidoc"  title="Programming Language">
-          <span>杨成功</span>
+        <a target="_blank" href="https://segmentfault.com/u/segmentfault"  title="Programming Language">
+          <span>SegmentFault思否</span>
         </a>
       </div>
       <div class="details">
-        上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况，发现问题及时修复。在很多场景下，除了异常监控有用，收集用户的行为数据同样有意义。
+        思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...
       </div>
     </div>
   </li>
@@ -732,7 +704,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 22">22</span>
+        <span title="Ranking 21">21</span>
         <a href="https://segmentfault.com/a/1190000042232699" target="_blank" title="梳理 Webpack 知识体系与学习资源推荐">梳理 Webpack 知识体系与学习资源推荐</a>
       </div>
       <div class="sub-title followers">
@@ -760,7 +732,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 23">23</span>
+        <span title="Ranking 22">22</span>
         <a href="https://segmentfault.com/a/1190000042287137" target="_blank" title="面向推荐的汽车知识图谱构建">面向推荐的汽车知识图谱构建</a>
       </div>
       <div class="sub-title followers">
@@ -788,35 +760,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 24">24</span>
-        <a href="https://segmentfault.com/a/1190000042331835" 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>8</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/segmentfault"  title="Programming Language">
-          <span>SegmentFault思否</span>
-        </a>
-      </div>
-      <div class="details">
-        思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 25">25</span>
+        <span title="Ranking 23">23</span>
         <a href="https://segmentfault.com/a/1190000042216817" target="_blank" title="使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐">使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐</a>
       </div>
       <div class="sub-title followers">
@@ -844,7 +788,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 26">26</span>
+        <span title="Ranking 24">24</span>
         <a href="https://segmentfault.com/a/1190000042204295" target="_blank" title="通向架子工的前端开发利器推荐">通向架子工的前端开发利器推荐</a>
       </div>
       <div class="sub-title followers">
@@ -872,7 +816,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 27">27</span>
+        <span title="Ranking 25">25</span>
         <a href="https://segmentfault.com/a/1190000042238526" target="_blank" title="你的 Tap bar  不够花里胡哨，试试这个！">你的 Tap bar  不够花里胡哨，试试这个！</a>
       </div>
       <div class="sub-title followers">
@@ -900,7 +844,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 28">28</span>
+        <span title="Ranking 26">26</span>
         <a href="https://segmentfault.com/a/1190000042268783" target="_blank" title="基于 Next.js实现在线Excel">基于 Next.js实现在线Excel</a>
       </div>
       <div class="sub-title followers">
@@ -928,7 +872,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 29">29</span>
+        <span title="Ranking 27">27</span>
         <a href="https://segmentfault.com/a/1190000042264240" target="_blank" title="前端晋升答辩-性能优化篇范式">前端晋升答辩-性能优化篇范式</a>
       </div>
       <div class="sub-title followers">
@@ -956,7 +900,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 30">30</span>
+        <span title="Ranking 28">28</span>
         <a href="https://segmentfault.com/a/1190000042229850" target="_blank" title="低代码是开发的未来吗？浅谈低代码平台">低代码是开发的未来吗？浅谈低代码平台</a>
       </div>
       <div class="sub-title followers">
@@ -981,6 +925,62 @@
     </div>
   </li>
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 29">29</span>
+        <a href="https://segmentfault.com/a/1190000042281991" 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>5</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin"  title="Programming Language">
+          <span>街角小林</span>
+        </a>
+      </div>
+      <div class="details">
+        上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...
+      </div>
+    </div>
+  </li>
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 30">30</span>
+        <a href="https://segmentfault.com/a/1190000042266784" target="_blank" title="整理了这23个开源项，初学者可以拿来练习！">整理了这23个开源项，初学者可以拿来练习！</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>7</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
+        </a>
+      </div>
+      <div class="details">
+        微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
+      </div>
+    </div>
+  </li>
 </ul>
   <div class="footer">
     <div>
@@ -997,7 +997,7 @@
         <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
       </a>
     </div>
-    <div class="time">Last cache created on 2022/8/20 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/8/21 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>