npm - @wcj/github-rank - Versions diffs - 22.7.27 → 22.7.28 - Mend

@wcj/github-rank 22.7.27 → 22.7.28

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 +20434 -20434
package/dist/sifou-daily.json +62 -62
package/dist/sifou-monthly.json +64 -64
package/dist/sifou-weekly.json +120 -120
package/dist/toutiao-30.json +47 -47
package/dist/toutiao-7.json +91 -91
package/dist/toutiao-90.json +26 -26
package/dist/trending-daily.json +169 -169
package/dist/trending-monthly.json +142 -142
package/dist/trending-weekly.json +171 -171
package/dist/users.china.json +1334 -1334
package/dist/users.json +2231 -2231
package/package.json +1 -1
package/web/data/repos.json +20434 -20434
package/web/data/sifou-daily.json +62 -62
package/web/data/sifou-monthly.json +64 -64
package/web/data/sifou-weekly.json +120 -120
package/web/data/toutiao-30.json +47 -47
package/web/data/toutiao-7.json +91 -91
package/web/data/toutiao-90.json +26 -26
package/web/data/trending-daily.json +169 -169
package/web/data/trending-monthly.json +142 -142
package/web/data/trending-weekly.json +171 -171
package/web/data/users.china.json +1334 -1334
package/web/data/users.json +2231 -2231
package/web/index.html +1174 -1174
package/web/repos.html +2718 -2718
package/web/sifou-daily.html +52 -52
package/web/sifou-monthly.html +109 -109
package/web/sifou-weekly.html +128 -128
package/web/toutiao-30.html +82 -82
package/web/toutiao-7.html +81 -81
package/web/toutiao-90.html +22 -22
package/web/trending-monthly.html +123 -127
package/web/trending-weekly.html +146 -150
package/web/trending.html +150 -142
package/web/users.china.html +695 -695

package/web/sifou-monthly.html CHANGED Viewed

@@ -116,7 +116,7 @@
   </h1>
-  <div class="time">Last cache created on 2022/7/27 by
+  <div class="time">Last cache created on 2022/7/28 by
@@ -201,6 +201,34 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
+        <a href="https://segmentfault.com/a/1190000042217200" 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>18</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
+        </a>
+      </div>
+      <div class="details">
+        本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...
+      </div>
+    </div>
+  </li>
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 4">4</span>
         <a href="https://segmentfault.com/a/1190000042055258" target="_blank" title="switch 有四样写法你知道么">switch 有四样写法你知道么</a>
       </div>
       <div class="sub-title followers">
@@ -228,7 +256,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 4">4</span>
+        <span title="Ranking 5">5</span>
         <a href="https://segmentfault.com/a/1190000042064246" target="_blank" title="叮~您有一封Vue.js挑战邀请函,请查收">叮~您有一封Vue.js挑战邀请函,请查收</a>
       </div>
       <div class="sub-title followers">
@@ -256,7 +284,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 5">5</span>
+        <span title="Ranking 6">6</span>
         <a href="https://segmentfault.com/a/1190000042103702" target="_blank" title="利用噪声构建美妙的 CSS 图形">利用噪声构建美妙的 CSS 图形</a>
       </div>
       <div class="sub-title followers">
@@ -284,7 +312,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 6">6</span>
+        <span title="Ranking 7">7</span>
         <a href="https://segmentfault.com/a/1190000042038058" target="_blank" title="视觉还原小技巧！CSS 实现角标效果">视觉还原小技巧！CSS 实现角标效果</a>
       </div>
       <div class="sub-title followers">
@@ -312,7 +340,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 7">7</span>
+        <span title="Ranking 8">8</span>
         <a href="https://segmentfault.com/a/1190000042069856" target="_blank" title="使用CSS background实现炫酷悬停效果">使用CSS background实现炫酷悬停效果</a>
       </div>
       <div class="sub-title followers">
@@ -340,7 +368,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 8">8</span>
+        <span title="Ranking 9">9</span>
         <a href="https://segmentfault.com/a/1190000042093361" target="_blank" title="高阶切图技巧！基于单张图片的任意颜色转换">高阶切图技巧！基于单张图片的任意颜色转换</a>
       </div>
       <div class="sub-title followers">
@@ -368,7 +396,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 9">9</span>
+        <span title="Ranking 10">10</span>
         <a href="https://segmentfault.com/a/1190000042048392" target="_blank" title="SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收">SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收</a>
       </div>
       <div class="sub-title followers">
@@ -380,7 +408,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>11</span>
+          <span>13</span>
         </span>
         &nbsp;
         <a target="_blank" href="https://segmentfault.com/u/beverly0"  title="Programming Language">
@@ -396,8 +424,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 10">10</span>
-        <a href="https://segmentfault.com/a/1190000042059652" target="_blank" title="熬夜爆肝整理的一份elasticsearch中文文档手册">熬夜爆肝整理的一份elasticsearch中文文档手册</a>
+        <span title="Ranking 11">11</span>
+        <a href="https://segmentfault.com/a/1190000042094549" target="_blank" title="动画合成小技巧！CSS 实现动感的倒计时效果">动画合成小技巧！CSS 实现动感的倒计时效果</a>
       </div>
       <div class="sub-title followers">
@@ -408,15 +436,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>17</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/7small7"  title="Programming Language">
-          <span>7small7</span>
+        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
+          <span>XboxYan</span>
         </a>
       </div>
       <div class="details">
-        Elaticsearch，简称为 ES， ES 是一个开源的高扩展的分布式全文搜索引擎，Elasticsearch 是面向文档型数据库，一条数据在这里就是一个文档。
+        欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...
       </div>
     </div>
   </li>
@@ -424,8 +452,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 11">11</span>
-        <a href="https://segmentfault.com/a/1190000042094549" target="_blank" title="动画合成小技巧！CSS 实现动感的倒计时效果">动画合成小技巧！CSS 实现动感的倒计时效果</a>
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000042059652" target="_blank" title="熬夜爆肝整理的一份elasticsearch中文文档手册">熬夜爆肝整理的一份elasticsearch中文文档手册</a>
       </div>
       <div class="sub-title followers">
@@ -436,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>16</span>
+          <span>13</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
-          <span>XboxYan</span>
+        <a target="_blank" href="https://segmentfault.com/u/7small7"  title="Programming Language">
+          <span>7small7</span>
         </a>
       </div>
       <div class="details">
-        欢迎关注微信公众号： 前端侦探介绍一个 CSS 动画合成小技巧。先看效果这是一个非常“动感”的倒计时效果，通常在一些活动开场中比较常见，分析一下整个动画过程，不难发现，有以下几类动画数字的变化缩小和放大透...
+        Elaticsearch，简称为 ES， ES 是一个开源的高扩展的分布式全文搜索引擎，Elasticsearch 是面向文档型数据库，一条数据在这里就是一个文档。
       </div>
     </div>
   </li>
@@ -452,7 +480,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 12">12</span>
+        <span title="Ranking 13">13</span>
         <a href="https://segmentfault.com/a/1190000042184163" target="_blank" title="CSS color-scheme 和夜间模式">CSS color-scheme 和夜间模式</a>
       </div>
       <div class="sub-title followers">
@@ -480,7 +508,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 13">13</span>
+        <span title="Ranking 14">14</span>
         <a href="https://segmentfault.com/a/1190000042071370" target="_blank" title="PHP后端面试85问">PHP后端面试85问</a>
       </div>
       <div class="sub-title followers">
@@ -508,7 +536,35 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 14">14</span>
+        <span title="Ranking 15">15</span>
+        <a href="https://segmentfault.com/a/1190000042217446" 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>12</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
+          <span>XboxYan</span>
+        </a>
+      </div>
+      <div class="details">
+        欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...
+      </div>
+    </div>
+  </li>
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 16">16</span>
         <a href="https://segmentfault.com/a/1190000042184211" target="_blank" title="超酷炫的转场动画？CSS 轻松拿下！">超酷炫的转场动画？CSS 轻松拿下！</a>
       </div>
       <div class="sub-title followers">
@@ -536,7 +592,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 15">15</span>
+        <span title="Ranking 17">17</span>
         <a href="https://segmentfault.com/a/1190000042182354" target="_blank" title="如何提出一个高质量的问题？">如何提出一个高质量的问题？</a>
       </div>
       <div class="sub-title followers">
@@ -564,7 +620,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 16">16</span>
+        <span title="Ranking 18">18</span>
         <a href="https://segmentfault.com/a/1190000042194285" target="_blank" title="试着换个角度理解低代码平台设计的本质">试着换个角度理解低代码平台设计的本质</a>
       </div>
       <div class="sub-title followers">
@@ -592,8 +648,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 17">17</span>
-        <a href="https://segmentfault.com/a/1190000042093955" target="_blank" title="webpack 拆包：关于 splitChunks 的几个重点属性解析">webpack 拆包：关于 splitChunks 的几个重点属性解析</a>
+        <span title="Ranking 19">19</span>
+        <a href="https://segmentfault.com/a/1190000042200631" target="_blank" title="一个简洁、强大、可扩展的前端项目架构是什么样的？">一个简洁、强大、可扩展的前端项目架构是什么样的？</a>
       </div>
       <div class="sub-title followers">
@@ -604,15 +660,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>6</span>
+          <span>10</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">
-        先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...
+        大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...
       </div>
     </div>
   </li>
@@ -620,8 +676,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 18">18</span>
-        <a href="https://segmentfault.com/a/1190000042217200" target="_blank" title="圆角大杀器，使用滤镜构建圆角及波浪效果">圆角大杀器，使用滤镜构建圆角及波浪效果</a>
+        <span title="Ranking 20">20</span>
+        <a href="https://segmentfault.com/a/1190000042093955" target="_blank" title="webpack 拆包：关于 splitChunks 的几个重点属性解析">webpack 拆包：关于 splitChunks 的几个重点属性解析</a>
       </div>
       <div class="sub-title followers">
@@ -632,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>12</span>
+          <span>6</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/deepfunc"  title="Programming Language">
+          <span>deepfunc</span>
         </a>
       </div>
       <div class="details">
-        本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...
+        先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...
       </div>
     </div>
   </li>
@@ -648,7 +704,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 19">19</span>
+        <span title="Ranking 21">21</span>
         <a href="https://segmentfault.com/a/1190000042044168" target="_blank" title="Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范">Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范</a>
       </div>
       <div class="sub-title followers">
@@ -676,7 +732,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 20">20</span>
+        <span title="Ranking 22">22</span>
         <a href="https://segmentfault.com/a/1190000042094334" target="_blank" title="Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴">Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴</a>
       </div>
       <div class="sub-title followers">
@@ -704,35 +760,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 21">21</span>
-        <a href="https://segmentfault.com/a/1190000042036660" target="_blank" title="esbuild 构建油猴脚本">esbuild 构建油猴脚本</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>6</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/jamesfancy"  title="Programming Language">
-          <span>边城</span>
-        </a>
-      </div>
-      <div class="details">
-        前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...
-      </div>
-    </div>
-  </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 22">22</span>
+        <span title="Ranking 23">23</span>
         <a href="https://segmentfault.com/a/1190000042048198" target="_blank" title="又拍云 Redis 的改进之路">又拍云 Redis 的改进之路</a>
       </div>
       <div class="sub-title followers">
@@ -760,8 +788,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 23">23</span>
-        <a href="https://segmentfault.com/a/1190000042200631" target="_blank" title="一个简洁、强大、可扩展的前端项目架构是什么样的？">一个简洁、强大、可扩展的前端项目架构是什么样的？</a>
+        <span title="Ranking 24">24</span>
+        <a href="https://segmentfault.com/a/1190000042195199" target="_blank" title="搞懂虚拟 DOM 看这一篇就够了">搞懂虚拟 DOM 看这一篇就够了</a>
       </div>
       <div class="sub-title followers">
@@ -772,15 +800,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>8</span>
+          <span>10</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/deepfunc"  title="Programming Language">
+          <span>deepfunc</span>
         </a>
       </div>
       <div class="details">
-        大家好，我卡颂。React技术栈的一大优势在于 —— 社区繁荣，你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能，有太多选择，到底选哪个？本文要介绍一个12.7k的开源项...
+        React 和 Vue 中都有虚拟 DOM，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue 就是借...
       </div>
     </div>
   </li>
@@ -788,7 +816,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 24">24</span>
+        <span title="Ranking 25">25</span>
         <a href="https://segmentfault.com/a/1190000042083758" target="_blank" title="🗂 看了 web.dev 的 631 篇博客，我总结了这些内容">🗂 看了 web.dev 的 631 篇博客，我总结了这些内容</a>
       </div>
       <div class="sub-title followers">
@@ -816,7 +844,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 25">25</span>
+        <span title="Ranking 26">26</span>
         <a href="https://segmentfault.com/a/1190000042042002" target="_blank" title="几百行代码实现一个 JSON 解析器">几百行代码实现一个 JSON 解析器</a>
       </div>
       <div class="sub-title followers">
@@ -844,7 +872,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 26">26</span>
+        <span title="Ranking 27">27</span>
         <a href="https://segmentfault.com/a/1190000042070687" target="_blank" title="Nginx 实战核心知识点整理（上）">Nginx 实战核心知识点整理（上）</a>
       </div>
       <div class="sub-title followers">
@@ -872,7 +900,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 27">27</span>
+        <span title="Ranking 28">28</span>
         <a href="https://segmentfault.com/a/1190000042092852" target="_blank" title="面试官：主说 Git Rebase 和 Git Merge 差异">面试官：主说 Git Rebase 和 Git Merge 差异</a>
       </div>
       <div class="sub-title followers">
@@ -900,7 +928,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 28">28</span>
+        <span title="Ranking 29">29</span>
         <a href="https://segmentfault.com/a/1190000042037852" target="_blank" title="热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)">热乎乎的前端&#34;数字&#34; 转换 &#34;货币字符串&#34;, 如此有趣的知识来啦 (Intl.NumberFormat)</a>
       </div>
       <div class="sub-title followers">
@@ -928,7 +956,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 29">29</span>
+        <span title="Ranking 30">30</span>
         <a href="https://segmentfault.com/a/1190000042089218" target="_blank" title="Nginx部署配置">Nginx部署配置</a>
       </div>
       <div class="sub-title followers">
@@ -953,34 +981,6 @@
     </div>
   </li>
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 30">30</span>
-        <a href="https://segmentfault.com/a/1190000042194426" target="_blank" title="搭建前端监控，采集用户行为的 N 种姿势">搭建前端监控，采集用户行为的 N 种姿势</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/ruidoc"  title="Programming Language">
-          <span>杨成功</span>
-        </a>
-      </div>
-      <div class="details">
-        上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况，发现问题及时修复。在很多场景下，除了异常监控有用，收集用户的行为数据同样有意义。
-      </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/7/27 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/7/28 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>