npm - @wcj/github-rank - Versions diffs - 22.5.2 → 22.5.3 - Mend

@wcj/github-rank 22.5.2 → 22.5.3

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

package/dist/repos.json +29353 -29352
package/dist/sifou-daily.json +20 -47
package/dist/sifou-monthly.json +43 -43
package/dist/sifou-weekly.json +112 -112
package/dist/toutiao-30.json +43 -43
package/dist/toutiao-7.json +99 -99
package/dist/toutiao-90.json +30 -30
package/dist/trending-daily.json +169 -169
package/dist/trending-monthly.json +137 -137
package/dist/trending-weekly.json +159 -159
package/dist/users.china.json +950 -951
package/dist/users.json +2242 -2242
package/package.json +1 -1
package/web/36kr.html +2 -2
package/web/data/repos.json +29353 -29352
package/web/data/sifou-daily.json +20 -47
package/web/data/sifou-monthly.json +43 -43
package/web/data/sifou-weekly.json +112 -112
package/web/data/toutiao-30.json +43 -43
package/web/data/toutiao-7.json +99 -99
package/web/data/toutiao-90.json +30 -30
package/web/data/trending-daily.json +169 -169
package/web/data/trending-monthly.json +137 -137
package/web/data/trending-weekly.json +159 -159
package/web/data/users.china.json +950 -951
package/web/data/users.json +2242 -2242
package/web/index.html +1356 -1356
package/web/repos.html +3431 -3415
package/web/sifou-daily.html +18 -102
package/web/sifou-monthly.html +70 -70
package/web/sifou-weekly.html +129 -129
package/web/toutiao-30.html +42 -42
package/web/toutiao-7.html +86 -86
package/web/toutiao-90.html +29 -29
package/web/trending-monthly.html +123 -123
package/web/trending-weekly.html +142 -142
package/web/trending.html +144 -148
package/web/users.china.html +548 -548

package/web/sifou-daily.html CHANGED Viewed

@@ -116,7 +116,7 @@
   </h1>
-  <div class="time">Last cache created on 2022/5/2 by
+  <div class="time">Last cache created on 2022/5/3 by
@@ -147,7 +147,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041783254" target="_blank" title="golang 后端技术开发必备总结">golang 后端技术开发必备总结</a>
+        <a href="https://segmentfault.com/a/1190000041784772" target="_blank" title="一文读懂原子操作、内存屏障、锁(偏向锁、轻量级锁、重量级锁、自旋锁)">一文读懂原子操作、内存屏障、锁(偏向锁、轻量级锁、重量级锁、自旋锁)</a>
       </div>
       <div class="sub-title followers">
@@ -161,12 +161,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/fengyun_58aa59db14dcd"  title="Programming Language">
-          <span>风云</span>
+        <a target="_blank" href="https://segmentfault.com/u/mudeshu"  title="Programming Language">
+          <span>木的树</span>
         </a>
       </div>
       <div class="details">
-        首先谈谈后端开发，常用的语言是Java、Golang、Python。Java语言类型的程序员是目前市面上最多的，也是很多公司都会选择的。Java语言开发的整个后端项目有比较好的项目规范，适用于业务逻辑复杂的情况。本人从事...
+        []()在做了9年前端之后，自我感在此领域已经没有提升空间，同时市场行情相对较差，不如趁着这个时间补充下后端系列技术，被裁之后也好接个私活不至于饿死。学两周Go，如盲人摸象般不知重点。那么重点谁知道呢？肯...
       </div>
     </div>
   </li>
@@ -175,7 +175,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041783937" target="_blank" title="云原生应用架构设计与开发实战无密">云原生应用架构设计与开发实战无密</a>
+        <a href="https://segmentfault.com/a/1190000041785082" target="_blank" title="MySQL的InnoDB存储引擎对MVCC的实现">MySQL的InnoDB存储引擎对MVCC的实现</a>
       </div>
       <div class="sub-title followers">
@@ -189,12 +189,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/guoduandefutejia"  title="Programming Language">
-          <span>果断的伏特加</span>
+        <a target="_blank" href="https://segmentfault.com/u/qtspace"  title="Programming Language">
+          <span>晴天的空间</span>
         </a>
       </div>
       <div class="details">
-        超清原画 完整无密 包括所有视频课件以及源码 MP4格式 获取资料:网盘链接完成一个 Code Pen:（一）项目初始化前言前段时间掘金上线了一个新功用 Code pen，能够在线写代码，阅读器就能够运转预览，在文章中就能够...
+        对于一致性非锁定度的实现，通常的方式是加一个版本号或者时间戳，在更新数据的时候版本号+1或者更新时间戳。查询时，将当前可见的版本号与对应记录的版本号做对比，如果记录的版本号小于可见版本，则表示该记录...
       </div>
     </div>
   </li>
@@ -203,7 +203,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000041783840" target="_blank" title="大厂学苑 -RPC框架核心源码深度解析">大厂学苑 -RPC框架核心源码深度解析</a>
+        <a href="https://segmentfault.com/a/1190000041785173" target="_blank" title="浏览器工作原理与实践（四）">浏览器工作原理与实践（四）</a>
       </div>
       <div class="sub-title followers">
@@ -217,12 +217,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/liuhuzidehuiguorou"  title="Programming Language">
-          <span>留胡子的回锅肉</span>
+        <a target="_blank" href="https://segmentfault.com/u/waxiangyu"  title="Programming Language">
+          <span>Waxiangyu</span>
         </a>
       </div>
       <div class="details">
-        超清原画 完整无密 包括所有视频课件以及源码 MP4格式 获取ZY:网盘链接hashCode() 和 equals()的区别equals()equals() 办法用于比拟两个对象能否相等，它与 == 相等比拟符有着实质的不同。
+        消息队列：单行道-&gt;先进先出。又被称为宏任务，执行宏任务的时候，如果DOM有变化，将变化提交到任务中。当宏任务执行完再执行微任务。优先级问题。消息队列和事件循环类似于观察者发布订阅模式，事件循环(单线...
       </div>
     </div>
   </li>
@@ -231,7 +231,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041783756" target="_blank" title="架构设计之一——基础架构">架构设计之一——基础架构</a>
+        <a href="https://segmentfault.com/a/1190000041784471" target="_blank" title="2022年关于损失函数的5篇最新论文推荐">2022年关于损失函数的5篇最新论文推荐</a>
       </div>
       <div class="sub-title followers">
@@ -245,96 +245,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/frankyu_61d5c9910b1b1"  title="Programming Language">
-          <span>FrankYu</span>
+        <a target="_blank" href="https://segmentfault.com/u/deephub"  title="Programming Language">
+          <span>deephub</span>
         </a>
       </div>
       <div class="details">
-        导读：《架构设计》系列为极客时间李运华老师《从0开始学架构》课程笔记。本文为第一部分，主要介绍架构设计的历史背景、相关概念、目的、复杂度、原则以及流程。从整体上对架构设计有所了解。
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041783218" target="_blank" title="Golang对Redis的使用">Golang对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/fengyun_58aa59db14dcd"  title="Programming Language">
-          <span>风云</span>
-        </a>
-      </div>
-      <div class="details">
-        Redis 常用的数据类型： 字符串 哈希 链表 集合 有序集合 bitmap hyperlog geo使用Lua 脚本实现多个命令原子性操作 分布式锁 {代码...}
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000041783192" target="_blank" title="vue实现表格单元格的批量复制粘贴">vue实现表格单元格的批量复制粘贴</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/hello888"  title="Programming Language">
-          <span>洛阳醉长安行</span>
-        </a>
-      </div>
-      <div class="details">
-        如何在表格单元格中的输入框/下拉框值进行批量复制粘贴至整条列？点击输入框后再点击复制按钮可对当前整条列的输入框都更新为复制的值。el-table表格template： {代码...} 注意到有2个列是单元格可编辑的，点击/...
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000041783186" target="_blank" title="go 微服务监控">go 微服务监控</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/fengyun_58aa59db14dcd"  title="Programming Language">
-          <span>风云</span>
-        </a>
-      </div>
-      <div class="details">
-        微服务的可观测性大致分为三大类：Metrics，Tracing 和 Logging。Metrics 监控侧重于技术指标的收集与观测，如服务调用 QPS、响应时间、错误率和资源使用率Logging 侧重于运行日志的采集、存储与检索,通常使用ELK...
+        损失函数在人工神经网络 (ANN) 的训练中发挥着重要作用，并且会影响 ANN 模型的泛化能力以及其他属性。已经有研究表明交叉熵和平方和误差损失函数会导致不同的训练结果，并表现出相互补充的不同属性。之前有人提...
       </div>
     </div>
   </li>
@@ -355,7 +271,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/5/2 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/5/3 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/5/2 by
+  <div class="time">Last cache created on 2022/5/3 by
@@ -158,7 +158,7 @@
               <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>45</span>
+          <span>46</span>
         </span>
         &nbsp;
         <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
@@ -326,7 +326,7 @@
               <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>27</span>
+          <span>18</span>
         </span>
         &nbsp;
         <a target="_blank" href="https://segmentfault.com/u/116263"  title="Programming Language">
@@ -455,34 +455,6 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 12">12</span>
-        <a href="https://segmentfault.com/a/1190000041640722" target="_blank" title="按照 Promise/A+ 规范逐行注释并实现 Promise">按照 Promise/A+ 规范逐行注释并实现 Promise</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>16</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/ashengtan"  title="Programming Language">
-          <span>Asheng</span>
-        </a>
-      </div>
-      <div class="details">
-        现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 13">13</span>
         <a href="https://segmentfault.com/a/1190000041725043" target="_blank" title="以B端平台设计，理解尼尔森10大可用性原则">以B端平台设计，理解尼尔森10大可用性原则</a>
       </div>
       <div class="sub-title followers">
@@ -510,7 +482,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 14">14</span>
+        <span title="Ranking 13">13</span>
         <a href="https://segmentfault.com/a/1190000041706515" target="_blank" title="40行代码实现React核心Diff算法">40行代码实现React核心Diff算法</a>
       </div>
       <div class="sub-title followers">
@@ -538,7 +510,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 15">15</span>
+        <span title="Ranking 14">14</span>
         <a href="https://segmentfault.com/a/1190000041715976" target="_blank" title="CSS 实现切角效果">CSS 实现切角效果</a>
       </div>
       <div class="sub-title followers">
@@ -566,7 +538,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 16">16</span>
+        <span title="Ranking 15">15</span>
         <a href="https://segmentfault.com/a/1190000041693503" target="_blank" title="🔥前端脚手架辣么多，那我也要写一个玩玩">🔥前端脚手架辣么多，那我也要写一个玩玩</a>
       </div>
       <div class="sub-title followers">
@@ -578,7 +550,7 @@
               <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>15</span>
+          <span>16</span>
         </span>
         &nbsp;
         <a target="_blank" href="https://segmentfault.com/u/bo_wang_code"  title="Programming Language">
@@ -594,7 +566,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/1190000041707644" target="_blank" title="图说前端-送给您百张前端技术图谱">图说前端-送给您百张前端技术图谱</a>
       </div>
       <div class="sub-title followers">
@@ -622,7 +594,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/1190000041683300" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(上)">一些关于react的keep-alive功能相关知识在这里(上)</a>
       </div>
       <div class="sub-title followers">
@@ -650,7 +622,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/1190000041753539" target="_blank" title="🔥 2022 前端性能优化最佳实践">🔥 2022 前端性能优化最佳实践</a>
       </div>
       <div class="sub-title followers">
@@ -678,7 +650,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/1190000041683421" target="_blank" title="一些关于react的keep-alive功能相关知识在这里(下)">一些关于react的keep-alive功能相关知识在这里(下)</a>
       </div>
       <div class="sub-title followers">
@@ -706,8 +678,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 21">21</span>
-        <a href="https://segmentfault.com/a/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
+        <span title="Ranking 20">20</span>
+        <a href="https://segmentfault.com/a/1190000041761117" target="_blank" title="让交互更加生动！有意思的鼠标跟随 3D 旋转动效">让交互更加生动！有意思的鼠标跟随 3D 旋转动效</a>
       </div>
       <div class="sub-title followers">
@@ -718,15 +690,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>15</span>
+          <span>9</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/minnanitkong"  title="Programming Language">
-          <span>前端小智</span>
+        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
         </a>
       </div>
       <div class="details">
-        有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
+        今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...
       </div>
     </div>
   </li>
@@ -734,8 +706,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 22">22</span>
-        <a href="https://segmentfault.com/a/1190000041761117" target="_blank" title="让交互更加生动！有意思的鼠标跟随 3D 旋转动效">让交互更加生动！有意思的鼠标跟随 3D 旋转动效</a>
+        <span title="Ranking 21">21</span>
+        <a href="https://segmentfault.com/a/1190000041598901" target="_blank" title="10个有用的自定义钩子vue.js">10个有用的自定义钩子vue.js</a>
       </div>
       <div class="sub-title followers">
@@ -746,15 +718,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>9</span>
+          <span>15</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
-          <span>chokcoco</span>
+        <a target="_blank" href="https://segmentfault.com/u/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
         </a>
       </div>
       <div class="details">
-        今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...
+        有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
       </div>
     </div>
   </li>
@@ -762,7 +734,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/1190000041730906" target="_blank" title="如何构建可控,可靠,可扩展的 PWA 应用">如何构建可控,可靠,可扩展的 PWA 应用</a>
       </div>
       <div class="sub-title followers">
@@ -790,8 +762,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 24">24</span>
-        <a href="https://segmentfault.com/a/1190000041642174" target="_blank" title="卡颂：30岁程序员选择躺平">卡颂：30岁程序员选择躺平</a>
+        <span title="Ranking 23">23</span>
+        <a href="https://segmentfault.com/a/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</a>
       </div>
       <div class="sub-title followers">
@@ -802,15 +774,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>15</span>
+          <span>13</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/magebyte"  title="Programming Language">
+          <span>码哥字节</span>
         </a>
       </div>
       <div class="details">
-        大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...
+        在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...
       </div>
     </div>
   </li>
@@ -818,8 +790,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 25">25</span>
-        <a href="https://segmentfault.com/a/1190000041686261" target="_blank" title="硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战">硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战</a>
+        <span title="Ranking 24">24</span>
+        <a href="https://segmentfault.com/a/1190000041734354" target="_blank" title="2022 PHP程序员修炼秘籍">2022 PHP程序员修炼秘籍</a>
       </div>
       <div class="sub-title followers">
@@ -830,15 +802,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>13</span>
+          <span>11</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/magebyte"  title="Programming Language">
-          <span>码哥字节</span>
+        <a target="_blank" href="https://segmentfault.com/u/crazycodes"  title="Programming Language">
+          <span>CrazyCodes</span>
         </a>
       </div>
       <div class="details">
-        在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...
+        前言Hi , 各位大佬、小佬们，我是CrazyCodes，本来打算在年初奉上本篇，但因诸多原因延迟了以下是我往年的文章2021 PHP程序员修炼秘籍 [链接]2020 PHP程序员修炼秘籍 [链接]2019 PHP程序员修炼秘籍 [链接]计算机...
       </div>
     </div>
   </li>
@@ -846,7 +818,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 26">26</span>
+        <span title="Ranking 25">25</span>
         <a href="https://segmentfault.com/a/1190000041701063" target="_blank" title="javaScript 内存管理机制">javaScript 内存管理机制</a>
       </div>
       <div class="sub-title followers">
@@ -874,7 +846,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 27">27</span>
+        <span title="Ranking 26">26</span>
         <a href="https://segmentfault.com/a/1190000041753021" target="_blank" title="初级程序员的SQL拾遗（增删改查）">初级程序员的SQL拾遗（增删改查）</a>
       </div>
       <div class="sub-title followers">
@@ -902,7 +874,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 28">28</span>
+        <span title="Ranking 27">27</span>
         <a href="https://segmentfault.com/a/1190000041694411" target="_blank" title="5个一定要学会的JavaScript新特性">5个一定要学会的JavaScript新特性</a>
       </div>
       <div class="sub-title followers">
@@ -930,7 +902,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 29">29</span>
+        <span title="Ranking 28">28</span>
         <a href="https://segmentfault.com/a/1190000041715281" target="_blank" title="搞懂 TypeScript 中的映射类型（Mapped Types）">搞懂 TypeScript 中的映射类型（Mapped Types）</a>
       </div>
       <div class="sub-title followers">
@@ -958,7 +930,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 30">30</span>
+        <span title="Ranking 29">29</span>
         <a href="https://segmentfault.com/a/1190000041658543" target="_blank" title="2022 招聘季 ｜ 面试了一个月，我经历了什么">2022 招聘季 ｜ 面试了一个月，我经历了什么</a>
       </div>
       <div class="sub-title followers">
@@ -983,6 +955,34 @@
     </div>
   </li>
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 30">30</span>
+        <a href="https://segmentfault.com/a/1190000041645889" target="_blank" title="【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3">【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3</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>15</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/maoduolikuaipao"  title="Programming Language">
+          <span>前端有猫腻</span>
+        </a>
+      </div>
+      <div class="details">
+        Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3
+      </div>
+    </div>
+  </li>
 </ul>
   <div class="footer">
     <div>
@@ -999,7 +999,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/5/2 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/5/3 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>