@wcj/github-rank 21.10.31 → 21.11.1

package/web/sifou-daily.html

@@ -73,7 +73,7 @@
     </svg>
   </a>
   <h1 class="title"> Segmentfault 思否热门 </h1>
-  <div class="time">Last cache created on 2021/10/31 by Github API v3.</div>
+  <div class="time">Last cache created on 2021/11/1 by Github API v3.</div>
   <div class="tabs">
     <a class="" href="index.html">Users</a>
     <a class="" href="repos.html">Repos</a>
@@ -96,7 +96,7 @@
       <div class="info">
         <div class="rank">
           <span title="Ranking 1">1</span>
-          <a href="https://segmentfault.com/a/1190000040887536" target="_blank" title="Vue3源码分析——编译模块和编译器">Vue3源码分析——编译模块和编译器</a>
+          <a href="https://segmentfault.com/a/1190000040890911" target="_blank" title="MySQL事务的隔离级别与并发问题">MySQL事务的隔离级别与并发问题</a>
         </div>
         <div class="sub-title followers">
           
@@ -107,15 +107,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>2</span>
+            <span>1</span>
           </span>
           &nbsp;
-          <a target="_blank" href="https://segmentfault.com/u/lashoucuijs"  title="Programming Language">
-            <span>戎马</span>
+          <a target="_blank" href="https://segmentfault.com/u/baicai1031"  title="Programming Language">
+            <span>白菜1031</span>
           </a>
         </div>
         <div class="details">
-          Parse 阶段将模板字符串转换为语法抽象树 AST。Transform 阶段对 AST 做一些转换处理。Codegen 阶段根据 AST 生成相应的渲染函数字符串。
+          事务A先根据某个范围条件查询出了一些记录，而事务B写入了一些符合该条件的新记录，当事务A再次以相同的条件查询时，查询到了新的记录，就意味着发生了幻读现象。
         </div>
       </div>
     </li>
@@ -124,7 +124,7 @@
       <div class="info">
         <div class="rank">
           <span title="Ranking 2">2</span>
-          <a href="https://segmentfault.com/a/1190000040886717" target="_blank" title="JZ-010-矩形覆盖">JZ-010-矩形覆盖</a>
+          <a href="https://segmentfault.com/a/1190000040889172" target="_blank" title="JZ-011-二进制中 1 的个数">JZ-011-二进制中 1 的个数</a>
         </div>
         <div class="sub-title followers">
           
@@ -143,7 +143,7 @@
           </a>
         </div>
         <div class="details">
-          矩形覆盖题目描述我们可以用21的小矩形横着或者竖着去覆盖更大的矩形。请问用n个21的小矩形无重叠地覆盖一个2*n的大矩形，总共有多少种方法？题目链接: 矩形覆盖代码 {代码...} 【每日寄语】 闲看花开，静待花落...
+          二进制中 1 的个数题目描述输入一个整数，输出该数32位二进制表示中1的个数。其中负数用补码表示。题目链接: 二进制中 1 的个数代码 {代码...} 【每日寄语】 你的微笑是最有治愈力的力量，胜过世间最美的风景。
         </div>
       </div>
     </li>
@@ -152,7 +152,7 @@
       <div class="info">
         <div class="rank">
           <span title="Ranking 3">3</span>
-          <a href="https://segmentfault.com/a/1190000040887939" target="_blank" title="Angular中的Subject与Observable">Angular中的Subject与Observable</a>
+          <a href="https://segmentfault.com/a/1190000040889788" target="_blank" title="Hermes将成为React Native默认的JS引擎">Hermes将成为React Native默认的JS引擎</a>
         </div>
         <div class="sub-title followers">
           
@@ -166,12 +166,12 @@
             <span>1</span>
           </span>
           &nbsp;
-          <a target="_blank" href="https://segmentfault.com/u/meng_60ba0d4174d72"  title="Programming Language">
-            <span>李国稳</span>
+          <a target="_blank" href="https://segmentfault.com/u/xiangzhihong"  title="Programming Language">
+            <span>xiangzhihong</span>
           </a>
         </div>
         <div class="details">
-          我们在平时用的某些组件传入的值为数组，组件只能检测数组长度变化，而数组的值发生变化时组件不能检测到变化，也就无法重新加载，这时可以使用Subject解决此类问题。
+          自 2019 年首次发布以来，小巧轻便的 JavaScript 引擎 Hermes 在社区中的名气越来越高，很多的框架也开始支持Hermes。作为 React Native 领域高人气元框架的缔造者，Expo 团队此前公布了对 Hermes 的实验性支持。...
         </div>
       </div>
     </li>
@@ -180,7 +180,7 @@
       <div class="info">
         <div class="rank">
           <span title="Ranking 4">4</span>
-          <a href="https://segmentfault.com/a/1190000040888314" target="_blank" title="【C进阶】19、编译过程简介">【C进阶】19、编译过程简介</a>
+          <a href="https://segmentfault.com/a/1190000040891097" target="_blank" title="如何实现拖拽上传、上传进度条，以及取消上传？">如何实现拖拽上传、上传进度条，以及取消上传？</a>
         </div>
         <div class="sub-title followers">
           
@@ -194,12 +194,12 @@
             <span>1</span>
           </span>
           &nbsp;
-          <a target="_blank" href="https://segmentfault.com/u/lala_60a20654d1aa3"  title="Programming Language">
-            <span>bryson</span>
+          <a target="_blank" href="https://segmentfault.com/u/shuaifei_5cdd73e997a1f"  title="Programming Language">
+            <span>前端阿飞</span>
           </a>
         </div>
         <div class="details">
-          2）点击Build之后，IDE会进行预编译（生成中间.i文件）、编译（生成汇编代码.s文件）、汇编（生成目标文件.o文件）、链接（生成可执行程序.out文件）。
+          文件上传是最常见的一种业务需求，上传功能可简单，可复杂，简单就是把文件传上去就行，复杂就是涉及大文件断点续传、控制并发等，不知道大家对上传都了解多少。今天要给大家分享的是上传需求中最为常见的一些场...
         </div>
       </div>
     </li>
@@ -208,7 +208,7 @@
       <div class="info">
         <div class="rank">
           <span title="Ranking 5">5</span>
-          <a href="https://segmentfault.com/a/1190000040888294" target="_blank" title="大概80%的前端小伙伴都不懂ParseInt是这么用的">大概80%的前端小伙伴都不懂ParseInt是这么用的</a>
+          <a href="https://segmentfault.com/a/1190000040890232" target="_blank" title="7年Java老后端不能说的秘密：怎么样更好的优化Redis性能？">7年Java老后端不能说的秘密：怎么样更好的优化Redis性能？</a>
         </div>
         <div class="sub-title followers">
           
@@ -222,12 +222,12 @@
             <span>1</span>
           </span>
           &nbsp;
-          <a target="_blank" href="https://segmentfault.com/u/yiye_613cabae8ef30"  title="Programming Language">
-            <span>伯约同学</span>
+          <a target="_blank" href="https://segmentfault.com/u/gupao_anan"  title="Programming Language">
+            <span>Java白叔</span>
           </a>
         </div>
         <div class="details">
-          说到JavaScript中的parseInt函数，不少同学可能觉得这个函数比较简单，就是一个把字符串转成整数的方法，第一时间想到的例子是这样的：
+          今天早上老板把我叫到办公室，对我说，“公司最近接了个电商小程序单子，你和王二狗，李狗蛋参与下需求分析和设计，然后下个月开发，3个月内完成测试，上线交付”。
         </div>
       </div>
     </li>
@@ -236,35 +236,7 @@
       <div class="info">
         <div class="rank">
           <span title="Ranking 6">6</span>
-          <a href="https://segmentfault.com/a/1190000040887790" target="_blank" title="常见框架的 Diff 算法">常见框架的 Diff 算法</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/_6085362b65292"  title="Programming Language">
-            <span>HZFEStudio</span>
-          </a>
-        </div>
-        <div class="details">
-          完整高频题库仓库地址：[链接]完整高频题库阅读地址：[链接]相关问题虚拟 DOM 是什么虚拟 DOM 的作用讲一下 Vue 的 Diff 算法回答关键点虚拟 DOM 时间复杂度O(n)现代网站大多具有复杂布局，大量的节点和交互操作...
-        </div>
-      </div>
-    </li>
-    
-    <li>
-      <div class="info">
-        <div class="rank">
-          <span title="Ranking 7">7</span>
-          <a href="https://segmentfault.com/a/1190000040887757" target="_blank" title="如何定位内存泄露">如何定位内存泄露</a>
+          <a href="https://segmentfault.com/a/1190000040890633" target="_blank" title="200 行代码实现一个高效缓存库">200 行代码实现一个高效缓存库</a>
         </div>
         <div class="sub-title followers">
           
@@ -278,12 +250,12 @@
             <span>1</span>
           </span>
           &nbsp;
-          <a target="_blank" href="https://segmentfault.com/u/_6085362b65292"  title="Programming Language">
-            <span>HZFEStudio</span>
+          <a target="_blank" href="https://segmentfault.com/u/pingan8787"  title="Programming Language">
+            <span>pingan8787</span>
           </a>
         </div>
         <div class="details">
-          完整高频题库仓库地址：[链接]完整高频题库阅读地址：[链接]相关问题垃圾回收机制回答关键点垃圾回收 DevTools内存泄漏是指不再使用的内存，没有被垃圾回收机制回收。当内存泄漏很大或足够频繁时，用户会有所感知...
+          这两天用到 cacheables 缓存库，觉得挺不错的，和大家分享一下我看完源码的总结。一、介绍「cacheables」正如它名字一样，是用来做内存缓存使用，其代码仅仅 200 行左右（不含注释），官方的介绍如下：一个简单的...
         </div>
       </div>
     </li>
@@ -304,7 +276,7 @@
         <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
       </a>
     </p>
-    <div class="time">Last cache created on 2021/10/31 by Github API v3.</div>
+    <div class="time">Last cache created on 2021/11/1 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>

package/web/sifou-monthly.html

@@ -73,7 +73,7 @@
     </svg>
   </a>
   <h1 class="title"> Segmentfault 思否热门 </h1>
-  <div class="time">Last cache created on 2021/10/31 by Github API v3.</div>
+  <div class="time">Last cache created on 2021/11/1 by Github API v3.</div>
   <div class="tabs">
     <a class="" href="index.html">Users</a>
     <a class="" href="repos.html">Repos</a>
@@ -516,34 +516,6 @@
       <div class="info">
         <div class="rank">
           <span title="Ranking 16">16</span>
-          <a href="https://segmentfault.com/a/1190000040764476" 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>20</span>
-          </span>
-          &nbsp;
-          <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
-            <span>chokcoco</span>
-          </a>
-        </div>
-        <div class="details">
-          到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...
-        </div>
-      </div>
-    </li>
-    
-    <li>
-      <div class="info">
-        <div class="rank">
-          <span title="Ranking 17">17</span>
           <a href="https://segmentfault.com/a/1190000040875211" target="_blank" title="大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？">大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？</a>
         </div>
         <div class="sub-title followers">
@@ -555,7 +527,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>19</span>
+            <span>20</span>
           </span>
           &nbsp;
           <a target="_blank" href="https://segmentfault.com/u/king_hcj"  title="Programming Language">
@@ -571,7 +543,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/1190000040863000" target="_blank" title="前端应该知道的：开放图谱协议（The Open Graph protocol）">前端应该知道的：开放图谱协议（The Open Graph protocol）</a>
         </div>
         <div class="sub-title followers">
@@ -583,7 +555,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>20</span>
+            <span>21</span>
           </span>
           &nbsp;
           <a target="_blank" href="https://segmentfault.com/u/king_hcj"  title="Programming Language">
@@ -599,7 +571,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/1190000040818832" target="_blank" title="聊聊开发日常的效率提升工具（全）">聊聊开发日常的效率提升工具（全）</a>
         </div>
         <div class="sub-title followers">
@@ -611,7 +583,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/shu_jshu_jiashu_jianshu_jiang"  title="Programming Language">
@@ -627,7 +599,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/1190000040770169" target="_blank" title="计算机网络经典20问！">计算机网络经典20问！</a>
         </div>
         <div class="sub-title followers">
@@ -655,7 +627,7 @@
     <li>
       <div class="info">
         <div class="rank">
-          <span title="Ranking 21">21</span>
+          <span title="Ranking 20">20</span>
           <a href="https://segmentfault.com/a/1190000040809122" target="_blank" title="前端实现很哇塞的浏览器端扫码功能🌟">前端实现很哇塞的浏览器端扫码功能🌟</a>
         </div>
         <div class="sub-title followers">
@@ -683,7 +655,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/1190000040828004" target="_blank" title="正则表达式汇总">正则表达式汇总</a>
         </div>
         <div class="sub-title followers">
@@ -711,7 +683,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/1190000040704570" target="_blank" title="有个开发者总结这 15 优雅的 JavaScript 个技巧">有个开发者总结这 15 优雅的 JavaScript 个技巧</a>
         </div>
         <div class="sub-title followers">
@@ -739,7 +711,7 @@
     <li>
       <div class="info">
         <div class="rank">
-          <span title="Ranking 24">24</span>
+          <span title="Ranking 23">23</span>
           <a href="https://segmentfault.com/a/1190000040814521" target="_blank" title="今天推荐，今年排名前 15 的 Vue 后台管理模板">今天推荐，今年排名前 15 的 Vue 后台管理模板</a>
         </div>
         <div class="sub-title followers">
@@ -767,7 +739,7 @@
     <li>
       <div class="info">
         <div class="rank">
-          <span title="Ranking 25">25</span>
+          <span title="Ranking 24">24</span>
           <a href="https://segmentfault.com/a/1190000040859105" target="_blank" title="CSS 实现文本&#34;不定行数&#34;截断">CSS 实现文本&#34;不定行数&#34;截断</a>
         </div>
         <div class="sub-title followers">
@@ -795,7 +767,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/1190000040797373" target="_blank" title="66道前端算法面试题附思路分析助你查漏补缺">66道前端算法面试题附思路分析助你查漏补缺</a>
         </div>
         <div class="sub-title followers">
@@ -823,7 +795,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/1190000040837145" target="_blank" title="利用 CSS Overview 面板重构优化你的网站">利用 CSS Overview 面板重构优化你的网站</a>
         </div>
         <div class="sub-title followers">
@@ -851,7 +823,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/1190000040863402" target="_blank" title="关于 v-model 你需要知道的这一切！">关于 v-model 你需要知道的这一切！</a>
         </div>
         <div class="sub-title followers">
@@ -879,7 +851,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/1190000040865299" target="_blank" title="Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！">Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！</a>
         </div>
         <div class="sub-title followers">
@@ -907,7 +879,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/1190000040780312" target="_blank" title="前端代码评审通常注意些什么">前端代码评审通常注意些什么</a>
         </div>
         <div class="sub-title followers">
@@ -932,6 +904,34 @@
       </div>
     </li>
     
+    <li>
+      <div class="info">
+        <div class="rank">
+          <span title="Ranking 30">30</span>
+          <a href="https://segmentfault.com/a/1190000040817957" target="_blank" title="聊聊TypeScript中枚举对象(Enum)">聊聊TypeScript中枚举对象(Enum)</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/jack_code"  title="Programming Language">
+            <span>蛙人</span>
+          </a>
+        </div>
+        <div class="details">
+          什么是枚举，顾名思义我们看到枚举这个词，脑子里就已经想到这是一个键值对的形式，就可以看做是我们JavaScript中的json对象一样。在ts中声明枚举对象的关键字是使用enum，枚举成员一但定义就不可改变了。下面来...
+        </div>
+      </div>
+    </li>
+    
 </ul>
   <div class="footer">
     <p>
@@ -948,7 +948,7 @@
         <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
       </a>
     </p>
-    <div class="time">Last cache created on 2021/10/31 by Github API v3.</div>
+    <div class="time">Last cache created on 2021/11/1 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>