@wcj/github-rank 21.11.26 → 21.11.27

package/web/sifou-daily.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2021/11/26 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,63 +116,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041015673" target="_blank" title="JetBrains 官宣：将成立“ PHP 基金会”！PHP 历时 26 年迎来新的转机">JetBrains 官宣：将成立“ PHP 基金会”！PHP 历时 26 年迎来新的转机</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/d2ms1shh"  title="Programming Language">
-          <span>MissD</span>
-        </a>
-      </div>
-      <div class="details">
-        近日，PhpStorm 开发商 JetBrains 在官方博客发文宣布，将与 Automattic、Laravel、Laravel、Acquia 等多家公司共同成立 PHP 基金会。
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041014225" target="_blank" title="网易面试官：请你实现一下JS重载？可不是TS重载哦！">网易面试官：请你实现一下JS重载？可不是TS重载哦！</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>4</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">
-        前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。今天给大家讲一道题，是一道网易的面试题一位同学：“如何实现JS重载？”我：“JS有重载吗？不是TS才有吗?”一位...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000041014482" target="_blank" title="LeetCode-128-最长连续序列">LeetCode-128-最长连续序列</a>
+        <a href="https://segmentfault.com/a/1190000041020499" target="_blank" title="LeetCode-129-求根节点到叶节点数字之和">LeetCode-129-求根节点到叶节点数字之和</a>
       </div>
       <div class="sub-title followers">
         
@@ -191,91 +135,7 @@
         </a>
       </div>
       <div class="details">
-        题目描述：给定一个未排序的整数数组 nums ，找出数字连续的最长序列（不要求序列元素在原数组中连续）的长度。请你设计并实现时间复杂度为 O(n) 的算法解决此问题。示例说明请见LeetCode官网。来源：力扣（LeetC...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041016364" 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>4</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/linshuai"  title="Programming Language">
-          <span>linshuai</span>
-        </a>
-      </div>
-      <div class="details">
-        之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041015997" target="_blank" title="九州云黄舒泉：开源基因技术为主，携手塑造5G边缘计算新生态">九州云黄舒泉：开源基因技术为主，携手塑造5G边缘计算新生态</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/d2ms1shh"  title="Programming Language">
-          <span>MissD</span>
-        </a>
-      </div>
-      <div class="details">
-        黄舒泉，云计算领域的专家和实践者，OpenStack 社区早期贡献者、推广者和实践者；多个 OpenStack 项目全球前十贡献者，边缘计算项目 StarlingX 主要发起人之一，StarlingX 技术委员会成员，第一届 TSC 成员中唯一...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000041018563" target="_blank" title="svg02——svg绘制基本图形，了解常用的属性">svg02——svg绘制基本图形，了解常用的属性</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/smile1213"  title="Programming Language">
-          <span>smile1213</span>
-        </a>
-      </div>
-      <div class="details">
-        还有一些通用的属性，比如 fill（填充）、stroke（边框）、transform（变换）（ transform就是 css3 中的用法 ）
+        题目描述：给你一个二叉树的根节点 root ，树中每个节点都存放有一个 0 到 9 之间的数字。每条从根节点到叶节点的路径都代表一个数字：例如，从根节点到叶节点的路径 1 -&gt; 2 -&gt; 3 表示数字 123 。计算从根...
       </div>
     </div>
   </li>
@@ -283,8 +143,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000041016912" target="_blank" title="如何利用 JuiceFS 的性能工具做文件系统分析和调优">如何利用 JuiceFS 的性能工具做文件系统分析和调优</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">
         
@@ -298,96 +158,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/juicefs"  title="Programming Language">
-          <span>JuiceFS</span>
-        </a>
-      </div>
-      <div class="details">
-        JuiceFS 是一款面向云原生环境设计的高性能 POSIX 文件系统，在 AGPL v3.0 开源协议下发布。作为一个云上的分布式文件系统，任何存入 JuiceFS 的数据都会按照一定规则拆分成数据块存入对象存储（如 Amazon S3），...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000041018611" target="_blank" title="svg05——svg的坐标系统和坐标系">svg05——svg的坐标系统和坐标系</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/smile1213"  title="Programming Language">
-          <span>smile1213</span>
-        </a>
-      </div>
-      <div class="details">
-        一、什么是svg的坐标系统众所周知，数学上的坐标系统，大部分是指 笛卡尔直角坐标系并且：x轴 向右，y轴 向上，角度为 逆时针在svg中，坐标系统同样也是笛卡尔直角坐标系，x轴 向右但是：y轴向下，角度为 顺时针...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 9">9</span>
-        <a href="https://segmentfault.com/a/1190000041018602" target="_blank" title="svg04——svg中的图形分组＜g＞">svg04——svg中的图形分组＜g＞</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/smile1213"  title="Programming Language">
-          <span>smile1213</span>
-        </a>
-      </div>
-      <div class="details">
-        一、在svg中，使用 &lt;g&gt; 标签来创建分组&lt;g&gt; 标签内部的图形，会继承其属性&lt;g&gt; 可以使用 transform 属性进行坐标变换，变换之后可以理解为新的自身坐标系&lt;g&gt; 标签可以嵌套使用二、&lt;g&gt;...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 10">10</span>
-        <a href="https://segmentfault.com/a/1190000041018595" target="_blank" title="svg03——用 js 创建svg">svg03——用 js 创建svg</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/smile1213"  title="Programming Language">
-          <span>smile1213</span>
+        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
+          <span>卡颂</span>
         </a>
       </div>
       <div class="details">
-        实际使用svg中，我们经常会用js去操作svg一、核心API：1、创建图形：ns 指命名空间，tagName 是标签名，例如svg、rect {代码...} 2、添加子节点 {代码...} 3、获取、设置属性 {代码...} 二、实例 {代码...} {代码...
+        大家好，我卡颂。看看如下组件有什么问题： {代码...} 如果应用是CSR（客户端渲染），id是稳定的，App组件没有问题。但如果应用是SSR（服务端渲染），那么App.tsx会经历：React在服务端渲染，生成随机id（假设为0...
       </div>
     </div>
   </li>
@@ -395,232 +171,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 11">11</span>
-        <a href="https://segmentfault.com/a/1190000041018433" target="_blank" title="TypeScript 之 Indexed Access Types">TypeScript 之 Indexed Access Types</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">
-        前言TypeScript 的官方文档早已更新，但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理。本篇整理自 TypeScript Handbook 中 「Indexed Access Types」 章节。...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 12">12</span>
-        <a href="https://segmentfault.com/a/1190000041018198" target="_blank" title="【JS 逆向百例】你没见过的社会主义核心价值观加密">【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>1</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/kuaidaili"  title="Programming Language">
-          <span>K哥爬虫</span>
-        </a>
-      </div>
-      <div class="details">
-        本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 13">13</span>
-        <a href="https://segmentfault.com/a/1190000041017974" 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>1</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/wupeng_5a4de5c290b9d"  title="Programming Language">
-          <span>PatWu16</span>
-        </a>
-      </div>
-      <div class="details">
-        通常我们下载文件可以使用a标签的download属性，但此属性仅在同源有效，详情MDN文档，如果非同源下载图片时，浏览器会打开新的tab页展示图片，为了兼容上面两种情况，可以使用JS方法实现：
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 14">14</span>
-        <a href="https://segmentfault.com/a/1190000041017252" target="_blank" title="Vue Router清空历史记录">Vue Router清空历史记录</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/grofis"  title="Programming Language">
-          <span>grofis</span>
-        </a>
-      </div>
-      <div class="details">
-        当我们在浏览了多个页面之后，token到期。这时候系统应该强制用户登出，虽然用户登出了但如果不清除之前的浏览历史，点击浏览器的返回按钮，浏览器仍然会回退到之前的页面。
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 15">15</span>
-        <a href="https://segmentfault.com/a/1190000041017010" 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>1</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/gpushare"  title="Programming Language">
-          <span>恒源云</span>
-        </a>
-      </div>
-      <div class="details">
-        三位韩国人在EMNLP 2021 Findings上发表了一篇论文，名为Devil’s Advocate: Novel Boosting Ensemble Method from Psychological Findings for Text Classification，其中Devil’s Advocate有一部同名电影，翻译过...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 16">16</span>
-        <a href="https://segmentfault.com/a/1190000041016537" target="_blank" title="在vue项目中取消axios请求（单个和全局）">在vue项目中取消axios请求（单个和全局）</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/sucre_199782"  title="Programming Language">
-          <span>洋仔</span>
-        </a>
-      </div>
-      <div class="details">
-        使用vuex的mixin实现，我跟着代码打了一遍，虽然进入了cancelToken的方法，但是并没有取消请求。来活了，等会再尝试一下。参考代码在：[链接]
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 17">17</span>
-        <a href="https://segmentfault.com/a/1190000041015477" target="_blank" title="你真的知道Spring注解驱动的前世今生吗？这篇文章让你豁然开朗！">你真的知道Spring注解驱动的前世今生吗？这篇文章让你豁然开朗！</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/fukua_5be8034f8191f"  title="Programming Language">
-          <span>跟着Mic学架构</span>
-        </a>
-      </div>
-      <div class="details">
-        本篇文章，从Spring1.x到Spring 5.x的迭代中，站在现在的角度去思考Spring注解驱动的发展过程，这将有助于我们更好的理解Spring中的注解设计。
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 18">18</span>
-        <a href="https://segmentfault.com/a/1190000041014538" target="_blank" title="前端如何处理后端接口返回的gzip压缩的数据?">前端如何处理后端接口返回的gzip压缩的数据?</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/lvtu"  title="Programming Language">
-          <span>旅图灬</span>
-        </a>
-      </div>
-      <div class="details">
-        因后端返回的数据量较大，后端使用gzip压缩数据，前端拿到接口返回的压缩数据进行解压。如图所示我们采用pako处理压缩数据安装 {代码...} 使用 {代码...} 示例引入上述pako.js文件 {代码...}
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 19">19</span>
-        <a href="https://segmentfault.com/a/1190000041019952" target="_blank" title="接上篇：Git Worktree 高级使用，这样清爽多了">接上篇：Git Worktree 高级使用，这样清爽多了</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">
         
@@ -634,12 +186,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/tanrigongyibing"  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">
-        上一篇文章 Git Worktree 大法真香 带大家了解了 git worktree 是如何帮助我同时在多个分支工作，并且互不影响的。但是创建 worktree 的目录位置不是在当前项目下，总感觉创建好的这些 worktree 不属于当前项目，...
+        大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，众所周知哈， Promise 在咱们的开发中是相当的重要，我觉得对于 Promise 的使用等级，可以分为三个等级
       </div>
     </div>
   </li>
@@ -647,8 +199,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 20">20</span>
-        <a href="https://segmentfault.com/a/1190000041019415" target="_blank" title="学术资源免费获取方式">学术资源免费获取方式</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">
         
@@ -662,12 +214,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/medai"  title="Programming Language">
-          <span>medai</span>
+        <a target="_blank" href="https://segmentfault.com/u/chor"  title="Programming Language">
+          <span>Chor</span>
         </a>
       </div>
       <div class="details">
-        本文中包括的学术资源主要包含学术论文电子书籍教学视频准备工作电脑、、猴油脚本一、学术论文1.国内文献图书馆联盟 [链接]CNKI [链接]万方，维普2.国外文献Google scholar 访问方式（1）[链接]（2）谷歌访问助手...
+        说明：目前网上没有 TypeScript 最新官方文档的中文翻译，所以有了这么一个翻译计划。因为我也是 TypeScript 的初学者，所以无法保证翻译百分之百准确，若有错误，欢迎评论区指出；翻译内容：暂定翻译内容为 Type...
       </div>
     </div>
   </li>
@@ -675,8 +227,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 21">21</span>
-        <a href="https://segmentfault.com/a/1190000041016263" target="_blank" title="js截取">js截取</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">
         
@@ -690,12 +242,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xiaomogu_5f2124ad3ad42"  title="Programming Language">
-          <span>小蘑菇</span>
+        <a target="_blank" href="https://segmentfault.com/u/isgavin"  title="Programming Language">
+          <span>悠悠江水流</span>
         </a>
       </div>
       <div class="details">
-        JS获取URL中最后一个斜杠前面的内容 {代码...} JS获取URL中最后一个斜杠后面的内容 {代码...}
+        这是我的vscode设置，主要是设置vetｕr里对vue文件各部分的校验工具。解决问题的话就给我点个赞吧！需要安装prettier-eslint这个插件
       </div>
     </div>
   </li>
@@ -703,8 +255,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 22">22</span>
-        <a href="https://segmentfault.com/a/1190000041015184" target="_blank" title="Day 4/100 Vue3 如何设置定时器以及清除定时器？">Day 4/100 Vue3 如何设置定时器以及清除定时器？</a>
+        <span title="Ranking 6">6</span>
+        <a href="https://segmentfault.com/a/1190000041020301" target="_blank" title="又一款性能监控利器——火焰图">又一款性能监控利器——火焰图</a>
       </div>
       <div class="sub-title followers">
         
@@ -718,12 +270,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/snowwolfarden"  title="Programming Language">
-          <span>SnowWolfArden</span>
+        <a target="_blank" href="https://segmentfault.com/u/jishuroad"  title="Programming Language">
+          <span>民工哥</span>
         </a>
       </div>
       <div class="details">
-        前言搜了一堆，是支持Vue2 的this.$once，试了有报错，发现Vue3 被移除了，伤心，记录下解决方案。1、data 中声明 {代码...} 2、mounted 钩子中定义方案及处理函数 {代码...} 3、beforeUnmount或unmounted的钩子...
+        工具的进化一直是人类生产力进步的标志，合理使用工具能大大提高我们的工作效率，遇到问题时，合理使用工具更能加快问题排查的进度。这也是我为什么非常喜欢 shell 的原因，它丰富的命令行工具集加管道特性处理起...
       </div>
     </div>
   </li>
@@ -731,8 +283,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 23">23</span>
-        <a href="https://segmentfault.com/a/1190000041014978" target="_blank" title="一款劲爆的开源NFT市场，功能多, 还可适用于区块链游戏(GameFi)和元宇宙。">一款劲爆的开源NFT市场，功能多, 还可适用于区块链游戏(GameFi)和元宇宙。</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">
         
@@ -746,12 +298,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chaijun"  title="Programming Language">
-          <span>柴君</span>
+        <a target="_blank" href="https://segmentfault.com/u/java_3y"  title="Programming Language">
+          <span>Java3y</span>
         </a>
       </div>
       <div class="details">
-        FingerNFT系统是基于以太坊开发的去中心化NFT市场, FingerNFT借鉴了Rarible智能合约,实现免手续费离线签名，帮助用户在交易NFT的同时，减少手续费消耗。FingerNFT可部署在以太坊、币安、火币、MATIC等流行的公链...
+        面试官：今天要不来聊聊JVM调优相关的吧？面试官：你曾经在生产环境下有过调优JVM的经历吗？候选者：没有面试官：…候选者：嗯…是这样的，我们一般优化系统的思路是这样的候选者：1. 一般来说关系型数据库是先到瓶...
       </div>
     </div>
   </li>
@@ -772,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/26 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>