@wcj/github-rank 21.11.23 → 21.11.27

package/web/sifou-daily.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2021/11/23 by Github API v3.</div>
+  <div class="time">Last cache created on 2021/11/27 by Github API v3.</div>
   <div class="tabs">
     <a class="" href="index.html">Users</a>
     <a class="" href="repos.html">Repos</a>
@@ -116,91 +116,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000040996523" target="_blank" title="CSS mask 实现鼠标跟随镂空效果">CSS mask 实现鼠标跟随镂空效果</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/xboxyan"  title="Programming Language">
-          <span>XboxYan</span>
-        </a>
-      </div>
-      <div class="details">
-        偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000040996585" target="_blank" title="「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！">「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！</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>10</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik"  title="Programming Language">
-          <span>Sunshine_Lin</span>
-        </a>
-      </div>
-      <div class="details">
-        大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000040995772" target="_blank" title="精读《Rust 是 JS 基建的未来》">精读《Rust 是 JS 基建的未来》</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/aoyangyudakong"  title="Programming Language">
-          <span>黄子毅</span>
-        </a>
-      </div>
-      <div class="details">
-        Rust Is The Future of JavaScript Infrastructure 这篇文章讲述了 Rust 正在 JS 基建圈流行的事实：Webpack、Babel、Terser、Prettier、ESLint 这些前些年才流行起来的工具都已有了 Rust 替代方案，且性能有着 1...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000040996100" target="_blank" title="LeetCode-117-填充每个节点的下一个右侧节点指针 II">LeetCode-117-填充每个节点的下一个右侧节点指针 II</a>
+        <a href="https://segmentfault.com/a/1190000041020499" target="_blank" title="LeetCode-129-求根节点到叶节点数字之和">LeetCode-129-求根节点到叶节点数字之和</a>
       </div>
       <div class="sub-title followers">
         
@@ -219,7 +135,7 @@
         </a>
       </div>
       <div class="details">
-        题目描述：给定一个二叉树： {代码...} 填充它的每个 next 指针，让这个指针指向其下一个右侧节点。如果找不到下一个右侧节点，则将 next 指针设置为 NULL。初始状态下，所有 next 指针都被设置为 NULL。示例说明...
+        题目描述：给你一个二叉树的根节点 root ，树中每个节点都存放有一个 0 到 9 之间的数字。每条从根节点到叶节点的路径都代表一个数字：例如，从根节点到叶节点的路径 1 -&gt; 2 -&gt; 3 表示数字 123 。计算从根...
       </div>
     </div>
   </li>
@@ -227,36 +143,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041000146" target="_blank" title="如何更好管理 Api 接口（续）">如何更好管理 Api 接口（续）</a>
-      </div>
-      <div class="sub-title followers">
-        
-        <span title="Stargazers Count">
-          <svg width="12" height="12" viewBox="0 0 16 16">
-            <g fill="none" fill-rule="evenodd">
-              <path d="M0 0h16v16H0z"/>
-              <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
-            </g>
-          </svg>
-          <span>3</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang"  title="Programming Language">
-          <span>树酱</span>
-        </a>
-      </div>
-      <div class="details">
-        哈喽，我是树酱。去年中旬的时候写过一篇关于如何更好管理 Api 接口。最近有朋友问我，我们都是根据Swagger文档，然后通过“阅读”swagger文档中每个微服务包含的CRUD(增刪查改)等API，再通过“手动”撸出各种service...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000040997219" target="_blank" title="弃用 Windows /Office：德国又一州宣布使用开源软件及Linux / LibreOffice 以全面摆脱微软">弃用 Windows /Office：德国又一州宣布使用开源软件及Linux / LibreOffice 以全面摆脱微软</a>
+        <span title="Ranking 2">2</span>
+        <a href="https://segmentfault.com/a/1190000041020566" target="_blank" title="为了生成唯一id，React18专门引入了新Hook：useId">为了生成唯一id，React18专门引入了新Hook：useId</a>
       </div>
       <div class="sub-title followers">
         
@@ -270,12 +158,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/d2ms1shh"  title="Programming Language">
-          <span>MissD</span>
+        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
+          <span>卡颂</span>
         </a>
       </div>
       <div class="details">
-        近日，德国又一州宣布弃用微软 Windows 和 Office，转而完全使用开源软件及 Linux / LibreOffice 替代，以摆脱来自科技巨头微软的“垄断”。
+        大家好，我卡颂。看看如下组件有什么问题： {代码...} 如果应用是CSR（客户端渲染），id是稳定的，App组件没有问题。但如果应用是SSR（服务端渲染），那么App.tsx会经历：React在服务端渲染，生成随机id（假设为0...
       </div>
     </div>
   </li>
@@ -283,64 +171,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000040999251" target="_blank" title="TypeScript 之 Generics">TypeScript 之 Generics</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/yayu"  title="Programming Language">
-          <span>冴羽</span>
-        </a>
-      </div>
-      <div class="details">
-        软件工程的一个重要部分就是构建组件，组件不仅需要有定义良好和一致的 API，也需要是可复用的（reusable）。好的组件不仅能够兼容今天的数据类型，也能适用于未来可能出现的数据类型，这在构建大型软件系统时会...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000040996464" target="_blank" title="手把手教你汇编 Debug">手把手教你汇编 Debug</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/cxuan"  title="Programming Language">
-          <span>程序员cxuan</span>
-        </a>
-      </div>
-      <div class="details">
-        关于汇编的第一篇文章：爱了爱了，这篇寄存器讲的有点意思Hello大家好，我是程序员cxuan！我们上篇文章了解了一下基本的寄存器，这篇文章我们来进行实际操作一下。原文链接：手把手教你汇编 Debug我们以后将会用...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 9">9</span>
-        <a href="https://segmentfault.com/a/1190000040998855" target="_blank" title="美团主办ICCV2021研讨会及挑战赛，专家齐聚食品分析，论文比赛斩获佳绩">美团主办ICCV2021研讨会及挑战赛，专家齐聚食品分析，论文比赛斩获佳绩</a>
+        <span title="Ranking 3">3</span>
+        <a href="https://segmentfault.com/a/1190000041025373" target="_blank" title="你说你会Promise？那你解决一下项目中的这五个难题？">你说你会Promise？那你解决一下项目中的这五个难题？</a>
       </div>
       <div class="sub-title followers">
         
@@ -354,12 +186,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/meituanjishutuandui"  title="Programming Language">
-          <span>美团技术团队</span>
+        <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik"  title="Programming Language">
+          <span>Sunshine_Lin</span>
         </a>
       </div>
       <div class="details">
-        近日，两年一度的计算机视觉领域顶级学术会议 ICCV (InternationalConference on Computer Vision) 圆满闭幕。本次大会中，美团入选2篇接收论文，一篇论文获HTCV研讨会最佳论文提名奖，拿下两项知名挑战赛亚军，...
+        大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，众所周知哈， Promise 在咱们的开发中是相当的重要，我觉得对于 Promise 的使用等级，可以分为三个等级
       </div>
     </div>
   </li>
@@ -367,8 +199,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 10">10</span>
-        <a href="https://segmentfault.com/a/1190000041000508" target="_blank" title="【Less】给 CSS 加点料">【Less】给 CSS 加点料</a>
+        <span title="Ranking 4">4</span>
+        <a href="https://segmentfault.com/a/1190000041025313" target="_blank" title="TypeScript 官方手册翻译计划【六】：类型操控-泛型">TypeScript 官方手册翻译计划【六】：类型操控-泛型</a>
       </div>
       <div class="sub-title followers">
         
@@ -382,12 +214,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/guizimo"  title="Programming Language">
-          <span>归子莫</span>
+        <a target="_blank" href="https://segmentfault.com/u/chor"  title="Programming Language">
+          <span>Chor</span>
         </a>
       </div>
       <div class="details">
-        【Less】给 CSS 加点料博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！说明相比Sass的高调宣言，Less就比较低调了，看下面官网的介绍官...
+        说明：目前网上没有 TypeScript 最新官方文档的中文翻译，所以有了这么一个翻译计划。因为我也是 TypeScript 的初学者，所以无法保证翻译百分之百准确，若有错误，欢迎评论区指出；翻译内容：暂定翻译内容为 Type...
       </div>
     </div>
   </li>
@@ -395,8 +227,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 11">11</span>
-        <a href="https://segmentfault.com/a/1190000040995699" target="_blank" title="oeasy教您玩转vim - 67 - # 批量替换">oeasy教您玩转vim - 67 - # 批量替换</a>
+        <span title="Ranking 5">5</span>
+        <a href="https://segmentfault.com/a/1190000041023812" target="_blank" title="解决prettier和eslint冲突详细配置">解决prettier和eslint冲突详细配置</a>
       </div>
       <div class="sub-title followers">
         
@@ -410,12 +242,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/oeasy"  title="Programming Language">
-          <span>oeasy</span>
+        <a target="_blank" href="https://segmentfault.com/u/isgavin"  title="Programming Language">
+          <span>悠悠江水流</span>
         </a>
       </div>
       <div class="details">
-        批量替换回忆上次我们可以用vimdiff快速的比较文件这很实用！！！实用的一些跳转方式遍历所有的修改change]c 下一条修改[c 上一条修改遍历所有的函数method]m 下一条修改[m 上一条修改面对不同点把当前的改成对比...
+        这是我的vscode设置，主要是设置vetｕr里对vue文件各部分的校验工具。解决问题的话就给我点个赞吧！需要安装prettier-eslint这个插件
       </div>
     </div>
   </li>
@@ -423,8 +255,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 12">12</span>
-        <a href="https://segmentfault.com/a/1190000040997722" target="_blank" title="React 父组件如何主动“联系”子组件">React 父组件如何主动“联系”子组件</a>
+        <span title="Ranking 6">6</span>
+        <a href="https://segmentfault.com/a/1190000041020301" target="_blank" title="又一款性能监控利器——火焰图">又一款性能监控利器——火焰图</a>
       </div>
       <div class="sub-title followers">
         
@@ -438,12 +270,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/shiqing_5e690563e48cc"  title="Programming Language">
-          <span>时倾</span>
+        <a target="_blank" href="https://segmentfault.com/u/jishuroad"  title="Programming Language">
+          <span>民工哥</span>
         </a>
       </div>
       <div class="details">
-        在典型的 React 数据流中，props是父子组件交互的唯一方式。要修改一个子组件，需要使用新的 props 重新渲染它。但是，在某些情况下，需要在典型数据流之外主动查看或强制修改子组件，这时候就需要使用 Refs，将 ...
+        工具的进化一直是人类生产力进步的标志，合理使用工具能大大提高我们的工作效率，遇到问题时，合理使用工具更能加快问题排查的进度。这也是我为什么非常喜欢 shell 的原因，它丰富的命令行工具集加管道特性处理起...
       </div>
     </div>
   </li>
@@ -451,8 +283,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 13">13</span>
-        <a href="https://segmentfault.com/a/1190000040997497" target="_blank" title="欢迎 Apache ShardingSphere 社区海外新晋 Committer！">欢迎 Apache ShardingSphere 社区海外新晋 Committer！</a>
+        <span title="Ranking 7">7</span>
+        <a href="https://segmentfault.com/a/1190000041019991" target="_blank" title="面试官问我JVM调优，我忍不住了，哈哈哈哈">面试官问我JVM调优，我忍不住了，哈哈哈哈</a>
       </div>
       <div class="sub-title followers">
         
@@ -466,12 +298,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/sphereex"  title="Programming Language">
-          <span>SphereEx</span>
+        <a target="_blank" href="https://segmentfault.com/u/java_3y"  title="Programming Language">
+          <span>Java3y</span>
         </a>
       </div>
       <div class="details">
-        随着 Apache ShardingSphere 社区在海外的影响力逐渐扩大，越来越多的海外用户开始注意并参与到 Apache ShardingSphere 及相关生态的建设中来。
+        面试官：今天要不来聊聊JVM调优相关的吧？面试官：你曾经在生产环境下有过调优JVM的经历吗？候选者：没有面试官：…候选者：嗯…是这样的，我们一般优化系统的思路是这样的候选者：1. 一般来说关系型数据库是先到瓶...
       </div>
     </div>
   </li>
@@ -492,7 +324,7 @@
         <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
       </a>
     </div>
-    <div class="time">Last cache created on 2021/11/23 by Github API v3.</div>
+    <div class="time">Last cache created on 2021/11/27 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>