@wcj/github-rank 21.11.16 → 21.11.17

package/web/sifou-daily.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2021/11/16 by Github API v3.</div>
+  <div class="time">Last cache created on 2021/11/17 by Github API v3.</div>
   <div class="tabs">
     <a class="" href="index.html">Users</a>
     <a class="" href="repos.html">Repos</a>
@@ -116,7 +116,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000040960011" target="_blank" title="程序员开源新项目“碾压”价值 7.5 亿的官方版，皆因孩子的 “IT 灾难”校务系统太垃圾">程序员开源新项目“碾压”价值 7.5 亿的官方版，皆因孩子的 “IT 灾难”校务系统太垃圾</a>
+        <a href="https://segmentfault.com/a/1190000040969572" target="_blank" title="重写数组的方法（改变原数组）">重写数组的方法（改变原数组）</a>
       </div>
       <div class="sub-title followers">
         
@@ -127,15 +127,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>3</span>
+          <span>6</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/yunshu_blog"  title="Programming Language">
+          <span>云叔_又拍云</span>
         </a>
       </div>
       <div class="details">
-        无处不在的开源，为科技领域带来巨大变革和创新的同时，安全问题也成为全球关注的焦点。最近，来自瑞典斯德哥尔摩市的程序员 Landgren ，就因为看不惯自家孩子学校的 IT 系统（Skolplattform），拉上其他家长一起...
+        下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...
       </div>
     </div>
   </li>
@@ -144,7 +144,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000040961263" target="_blank" title="Flutter 页面滚动吸顶详解（NestedScrollView）">Flutter 页面滚动吸顶详解（NestedScrollView）</a>
+        <a href="https://segmentfault.com/a/1190000040965698" target="_blank" title="巧用滤镜实现高级感拉满的文字快闪切换效果">巧用滤镜实现高级感拉满的文字快闪切换效果</a>
       </div>
       <div class="sub-title followers">
         
@@ -155,15 +155,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>5</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/qianxiaqingkong"  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">
-        在业务开发中我们经常会有滚动吸顶的效果，目前Flutter也有很多种实现方式，这里介绍一下本人在开发中使用到的基于NestedScrollView实现的滚动吸顶组件；以及中间涉及的各种定位的布局操作；
+        当然，今天并非是想用 CSS 实现上述的的效果。在尝试的过程中，我发现了另外一类能够使用 CSS 非常轻松实现文字快闪动画，运用了blur() 滤镜和 contrast() 滤镜产生的融合效果，类似于这样：
       </div>
     </div>
   </li>
@@ -172,7 +172,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000040962801" target="_blank" title="第八期:前端九条启发分享">第八期:前端九条启发分享</a>
+        <a href="https://segmentfault.com/a/1190000040966152" target="_blank" title="你不知道的 Node.js Util">你不知道的 Node.js Util</a>
       </div>
       <div class="sub-title followers">
         
@@ -183,15 +183,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>3</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/lulu_up"  title="Programming Language">
-          <span>lulu_up</span>
+        <a target="_blank" href="https://segmentfault.com/u/shenfq"  title="Programming Language">
+          <span>Shenfq</span>
         </a>
       </div>
       <div class="details">
-        在一般情况下, 我们每次执行git commit -m&#39;提交信息&#39;的时候, 会触发针对commit信息的校验以及代码风格的校验, 如果没通过校验会导致commit失败, 那么这些校验是如何加入到项目中的那?
+        从类型判断说起在 JavaScript 中，进行变量的类型校验是一个非常令人头疼的事，如果只是简单的使用 typeof 会到各种各样的问题。举几个简单的🌰： {代码...} 后来，大家发现可以使用 Object.prototype.toString() ...
       </div>
     </div>
   </li>
@@ -200,7 +200,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000040961411" target="_blank" title="Puppeteer 入门指引">Puppeteer 入门指引</a>
+        <a href="https://segmentfault.com/a/1190000040970467" target="_blank" title="TypeScript 之 More on Functions">TypeScript 之 More on Functions</a>
       </div>
       <div class="sub-title followers">
         
@@ -211,15 +211,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>3</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/mudontire"  title="Programming Language">
-          <span>MudOnTire</span>
+        <a target="_blank" href="https://segmentfault.com/u/yayu"  title="Programming Language">
+          <span>冴羽</span>
         </a>
       </div>
       <div class="details">
-        Puppeteer 是一个 Node library，提供了一套完整的通过 DevTools 协议操纵 Chrome 或 Chromium 的 API。Puppeteer 默认以 无头（headless） 的方式运行, 也可以使用 GUI 的方式运行 Chrome 和 Chromium。
+        函数是任何应用的基础组成部分，无论它是局部函数（local functions），还是从其他模块导入的函数，亦或是类中的方法。当然，函数也是值 (values)，而且像其他值一样，TypeScript 有很多种方式用来描述，函数可以...
       </div>
     </div>
   </li>
@@ -228,7 +228,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000040959107" target="_blank" title="CodeGuide 300+文档、100+代码库，一个指导程序员写代码的，Github 仓库开源啦！">CodeGuide 300+文档、100+代码库，一个指导程序员写代码的，Github 仓库开源啦！</a>
+        <a href="https://segmentfault.com/a/1190000040971075" target="_blank" title="面试题整理之Vue篇">面试题整理之Vue篇</a>
       </div>
       <div class="sub-title followers">
         
@@ -239,15 +239,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>3</span>
+          <span>4</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/fuzhengwei"  title="Programming Language">
-          <span>小傅哥</span>
+        <a target="_blank" href="https://segmentfault.com/u/aaronblog"  title="Programming Language">
+          <span>Aaron</span>
         </a>
       </div>
       <div class="details">
-        作者：小傅哥&lt;br/&gt;博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、路怎样走，让你们自己挑B站 视频：[[链接])五年前，香河大厂村，开张大吉。我和弟兄们雄心壮志，坐公交车去面试，谁知道...
+        又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。
       </div>
     </div>
   </li>
@@ -256,7 +256,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000040959999" target="_blank" title="LeetCode-107-二叉树的层序遍历 II">LeetCode-107-二叉树的层序遍历 II</a>
+        <a href="https://segmentfault.com/a/1190000040968418" target="_blank" title="JuiceFS 在大搜车数据平台的实践">JuiceFS 在大搜车数据平台的实践</a>
       </div>
       <div class="sub-title followers">
         
@@ -267,15 +267,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>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xiongshihubao"  title="Programming Language">
-          <span>雄狮虎豹</span>
+        <a target="_blank" href="https://segmentfault.com/u/juicefs"  title="Programming Language">
+          <span>JuiceFS</span>
         </a>
       </div>
       <div class="details">
-        题目描述：给定一个二叉树，返回其节点值自底向上的层序遍历。 （即按从叶子节点所在层到根节点所在的层，逐层从左向右遍历）示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所...
+        大搜车已经搭建起比较完整的汽车产业互联网协同生态。在这一生态中，不仅涵盖了大搜车已经数字化的全国 90% 中大型二手车商、9000+ 家 4S 店和 70000+ 家新车二网，还包括大搜车旗下车易拍、车行168、运车管家、...
       </div>
     </div>
   </li>
@@ -284,7 +284,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000040963849" target="_blank" title="处理可能超时的异步操作">处理可能超时的异步操作</a>
+        <a href="https://segmentfault.com/a/1190000040967014" target="_blank" title="Vue项目优化打包——前端加分项">Vue项目优化打包——前端加分项</a>
       </div>
       <div class="sub-title followers">
         
@@ -295,15 +295,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>1</span>
+          <span>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/jamesfancy"  title="Programming Language">
-          <span>边城</span>
+        <a target="_blank" href="https://segmentfault.com/u/crmeb"  title="Programming Language">
+          <span>CRMEB</span>
         </a>
       </div>
       <div class="details">
-        自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...
+        前言Vue项目开发完毕后，对项目进行打包发布之前，必不可少的操作就是项目优化，这也是程序猿的加分项。跟随本文的脚步来看看如何对项目进行优化吧~
       </div>
     </div>
   </li>
@@ -312,7 +312,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000040963664" target="_blank" title="【JavaScript定时器小案例】常见的几种定时器实现的案例">【JavaScript定时器小案例】常见的几种定时器实现的案例</a>
+        <a href="https://segmentfault.com/a/1190000040967878" target="_blank" title="使用 @Transactional 时常犯的N种错误">使用 @Transactional 时常犯的N种错误</a>
       </div>
       <div class="sub-title followers">
         
@@ -323,15 +323,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>1</span>
+          <span>2</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/coderdd"  title="Programming Language">
+          <span>程序猿DD</span>
         </a>
       </div>
       <div class="details">
-        【JavaScript定时器小案例】常见的几种定时器实现的案例博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！说明在日常开发中定时器的使用...
+        @Transactional是我们在用Spring时候几乎逃不掉的一个注解，该注解主要用来声明事务。它的实现原理是通过Spring AOP在注解修饰方法的前后织入事务管理的实现语句，所以开发者只需要通过一个注解就能代替一系列繁...
       </div>
     </div>
   </li>
@@ -340,7 +340,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 9">9</span>
-        <a href="https://segmentfault.com/a/1190000040959562" target="_blank" title="Webstorm 插件开发">Webstorm 插件开发</a>
+        <a href="https://segmentfault.com/a/1190000040965498" target="_blank" title="LeetCode-108-将有序数组转换为二叉搜索树">LeetCode-108-将有序数组转换为二叉搜索树</a>
       </div>
       <div class="sub-title followers">
         
@@ -354,12 +354,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/nulidexiaocongmang"  title="Programming Language">
-          <span>MangoGoing</span>
+        <a target="_blank" href="https://segmentfault.com/u/xiongshihubao"  title="Programming Language">
+          <span>雄狮虎豹</span>
         </a>
       </div>
       <div class="details">
-        PSI(Program Structure Interface) 文件是表示一个文件的内容作为在一个特定的编程语言元素的层次结构的结构的根。
+        题目描述：给你一个整数数组 nums ，其中元素已经按 升序 排列，请你将其转换为一棵 高度平衡 二叉搜索树。高度平衡 二叉树是一棵满足「每个节点的左右两个子树的高度差的绝对值不超过 1 」的二叉树。示例说明请...
       </div>
     </div>
   </li>
@@ -368,7 +368,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 10">10</span>
-        <a href="https://segmentfault.com/a/1190000040963121" target="_blank" title="CODING Compass —— 打造行云流水般的软件工厂">CODING Compass —— 打造行云流水般的软件工厂</a>
+        <a href="https://segmentfault.com/a/1190000040966993" target="_blank" title="源码泄露“危机“？阿里云、字节等大厂服务器疑似被海外黑客组织入侵，源代码被出售">源码泄露“危机“？阿里云、字节等大厂服务器疑似被海外黑客组织入侵，源代码被出售</a>
       </div>
       <div class="sub-title followers">
         
@@ -382,12 +382,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/codingnet"  title="Programming Language">
-          <span>CODING</span>
+        <a target="_blank" href="https://segmentfault.com/u/d2ms1shh"  title="Programming Language">
+          <span>MissD</span>
         </a>
       </div>
       <div class="details">
-        本文根据 CODING Compass 产品总监程胜聪在腾讯云 CIF 工程效能峰会上所做的分享，进行了整理与更新。文末可前往峰会官网，观看回放并下载 PPT。
+        11 月 11日，海外黑客组织 “AgainstTheWest” （简称ATW）在 raidforums 论坛放猛料，宣称他们窃取了中国服务器的源码，并疯狂将其泄露出来打包售卖。据悉，其攻击目标疑似已涉及到国内阿里、腾讯及字节等科技“大...
       </div>
     </div>
   </li>
@@ -396,7 +396,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 11">11</span>
-        <a href="https://segmentfault.com/a/1190000040959897" target="_blank" title="Fabric.js - 轻而易举操作canvas的神奇库">Fabric.js - 轻而易举操作canvas的神奇库</a>
+        <a href="https://segmentfault.com/a/1190000040966841" target="_blank" title="线程如何实现保持同步">线程如何实现保持同步</a>
       </div>
       <div class="sub-title followers">
         
@@ -410,12 +410,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chenxiang_594a1cea112c2"  title="Programming Language">
-          <span>阿古达木</span>
+        <a target="_blank" href="https://segmentfault.com/u/msjhw_com"  title="Programming Language">
+          <span>江湖大侠</span>
         </a>
       </div>
       <div class="details">
-        本文来自于Fabricjs中文版，这个站点是我经过社区允许后部署的一份国内版，希望招募同样对fabricjs感兴趣的人一起来翻译建设，在每篇文章下面都有提PR的链接，只要使用github在写编辑即可
+        线程同步的方式主要有: 临界区（Critical Section）、互斥量（Mutex）、信号量（Semaphore）、事件（Event）。
       </div>
     </div>
   </li>
@@ -424,7 +424,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 12">12</span>
-        <a href="https://segmentfault.com/a/1190000040959047" target="_blank" title="MySQL打印死锁日志">MySQL打印死锁日志</a>
+        <a href="https://segmentfault.com/a/1190000040966821" target="_blank" title="React 18 Beta来了">React 18 Beta来了</a>
       </div>
       <div class="sub-title followers">
         
@@ -438,12 +438,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/mysqljs"  title="Programming Language">
-          <span>MySQL技术</span>
+        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
+          <span>卡颂</span>
         </a>
       </div>
       <div class="details">
-        在 MySQL 运维过程中，难免会遇到 MySQL 死锁的情况，一旦线上业务日渐复杂，各种业务操作之间往往会产生锁冲突，有些会导致死锁异常。这种死锁异常一般要在特定时间特定数据和特定业务操作才会复现，有时候处理...
+        大家好，我卡颂。经过React18工作组几个月工作，11月16日v18终于从Alpha版本更新到Beta版本。本文会解释：这次更新带来的变化对开发者的影响如何安装v18 Betav18稳定版何时会来带来的变化经过与社区不断沟通，Bet...
       </div>
     </div>
   </li>
@@ -452,7 +452,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 13">13</span>
-        <a href="https://segmentfault.com/a/1190000040958801" target="_blank" title="分布式事务框架dtm1.5.4发布，支持更友好的gRPC类型">分布式事务框架dtm1.5.4发布，支持更友好的gRPC类型</a>
+        <a href="https://segmentfault.com/a/1190000040966032" target="_blank" title="前端服务框架调研：Next.js、Nuxt.js、Nest.js、Fastify">前端服务框架调研：Next.js、Nuxt.js、Nest.js、Fastify</a>
       </div>
       <div class="sub-title followers">
         
@@ -463,15 +463,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>3</span>
+          <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/yedongfu"  title="Programming Language">
-          <span>叶东富</span>
+        <a target="_blank" href="https://segmentfault.com/u/zpfe"  title="Programming Language">
+          <span>智联大前端</span>
         </a>
       </div>
       <div class="details">
-        更新日志更加友好的gRPC类型支持，输入输出支持任何类型添加例子启动时等待mysql，避免因mysql启动慢而退出新功能示例旧的proto文件示例： {代码...} 使用时需要进行转化 {代码...} 新的proto文件示例 {代码...} ...
+        这次 Node.js 服务框架的调研将着点于各框架功能、请求流程的组织和介入方式，以对前端 Node.js 服务设计和对智联 Ada 架构改进提供参考，不过多关注具体实现。
       </div>
     </div>
   </li>
@@ -480,7 +480,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 14">14</span>
-        <a href="https://segmentfault.com/a/1190000040958622" target="_blank" title="oeasy教您玩转vim - 62 - # 缓冲buffer">oeasy教您玩转vim - 62 - # 缓冲buffer</a>
+        <a href="https://segmentfault.com/a/1190000040969234" target="_blank" title="Kafka知识点总结">Kafka知识点总结</a>
       </div>
       <div class="sub-title followers">
         
@@ -491,15 +491,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>1</span>
+          <span>3</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/shannonwang"  title="Programming Language">
+          <span>西柚</span>
         </a>
       </div>
       <div class="details">
-        编辑过程回忆上次我们这次了解了编辑过程默认有一个替换文件swap修改的内容会保存到一个swap文件如果swp已经存在会有个swo文件以此类推替换文件可以进行对源文件的修复没保存到源文件的可能保存到了替换文件可以...
+        Kafka是一个 Scala 语言开发的多分区、多副本、分布式的基于发布/订阅模式的消息队列。目前 Kafka 已经定位为一个分布式流式处理平台，它以高吞吐、可持久化、可水平扩展、支持流数据处理等多种特性而被广泛使用。
       </div>
     </div>
   </li>
@@ -508,7 +508,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 15">15</span>
-        <a href="https://segmentfault.com/a/1190000040958314" target="_blank" title="关闭浏览器或者刷新浏览器弹窗提示，可以取消或者确认。">关闭浏览器或者刷新浏览器弹窗提示，可以取消或者确认。</a>
+        <a href="https://segmentfault.com/a/1190000040969053" target="_blank" title="不使用任何框架，手写纯 JavaScript 实现上传本地文件到 ABAP 服务器">不使用任何框架，手写纯 JavaScript 实现上传本地文件到 ABAP 服务器</a>
       </div>
       <div class="sub-title followers">
         
@@ -522,12 +522,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/kobe_fans_zxc"  title="Programming Language">
-          <span>张旭超</span>
+        <a target="_blank" href="https://segmentfault.com/u/jerrywangsap"  title="Programming Language">
+          <span>JerryWang_汪子熙</span>
         </a>
       </div>
       <div class="details">
-        添加如下js代码即可 {代码...} vue中使用 {代码...}
+        采用 SAP UI5 sap.ui.unified.FileUploader 控件，结合 Gateway 框架，实现本地文件上传到 ABAP 服务器，不是一件困难的事情。
       </div>
     </div>
   </li>
@@ -536,7 +536,35 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 16">16</span>
-        <a href="https://segmentfault.com/a/1190000040958391" target="_blank" title="JavaScript 数学曲线—双角线">JavaScript 数学曲线—双角线</a>
+        <a href="https://segmentfault.com/a/1190000040966332" target="_blank" title="暂缓MongoDB 4.4.2 、4.4.3、 4.4.4版本升级： 存在严重Bug">暂缓MongoDB 4.4.2 、4.4.3、 4.4.4版本升级： 存在严重Bug</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/suicidal_romantic_scoundrel"  title="Programming Language">
+          <span>六一</span>
+        </a>
+      </div>
+      <div class="details">
+        据 MongoDB 官网发布：从 4.4.2～4.4.4 版本升级到 4.4.8+ 或 5.0.2 +版本时，存在严重 bug ，有升级计划的伙伴们请暂缓实施。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 17">17</span>
+        <a href="https://segmentfault.com/a/1190000040965512" target="_blank" title="当 Swagger 遇上 Torna，瞬间高大上了！">当 Swagger 遇上 Torna，瞬间高大上了！</a>
       </div>
       <div class="sub-title followers">
         
@@ -550,12 +578,152 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xxholic"  title="Programming Language">
-          <span>XXHolic</span>
+        <a target="_blank" href="https://segmentfault.com/u/macrozheng"  title="Programming Language">
+          <span>macrozheng</span>
+        </a>
+      </div>
+      <div class="details">
+        Swagger作为一款非常流行的API文档生成工具，相信很多小伙们都在用！用多了可能会觉得它界面丑、功能弱。今天给大家推荐一款工具Torna，配合Swagger使用可以搭建界面漂亮、功能强大的API文档网站，希望对大家有所...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 18">18</span>
+        <a href="https://segmentfault.com/a/1190000040965315" 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/aha_6193074832a65"  title="Programming Language">
+          <span>啊哈</span>
+        </a>
+      </div>
+      <div class="details">
+        泛型的基本概念简单介绍一下 Java 的泛型机制，以及使用泛型的好处？Java 的泛型是 JDK 5 之后引入的一个新特性，主要的作用就是：提供编译时类型安全监测的机制。泛型的本质是参数化类型，就是说被操作的数据类...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 19">19</span>
+        <a href="https://segmentfault.com/a/1190000040965045" 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/java_3y"  title="Programming Language">
+          <span>Java3y</span>
+        </a>
+      </div>
+      <div class="details">
+        面试官：要不你来讲讲你最近在看的点呗？可以拉出来一起讨论下候选者：最近在看「去重」和「幂等」相关的内容面试官：那你就先来聊聊你对「去重」和「幂等」的理解吧候选者：我认为「幂等」和「去重」它们很像，...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 20">20</span>
+        <a href="https://segmentfault.com/a/1190000040969104" target="_blank" title="Ubuntu20.04配置PCL库">Ubuntu20.04配置PCL库</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/debulaoqin"  title="Programming Language">
+          <span>德布劳钦</span>
+        </a>
+      </div>
+      <div class="details">
+        目前研究的方向是基于车载激光雷达进行道路环境的三维高精地图的构建。这种高精地图是以车载激光雷达采集的点云为基准，以图像为辅助来进行道路环境信息的识别的提取。其中对点云的处理十分重要，针对点云进行工...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 21">21</span>
+        <a href="https://segmentfault.com/a/1190000040967147" 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/whyjishu"  title="Programming Language">
+          <span>why技术</span>
+        </a>
+      </div>
+      <div class="details">
+        你好呀，我是歪歪。今天我带大家来卷一下时间轮吧，这个玩意其实还是挺实用的。常见于各种框架之中，偶现于面试环节，理解起来稍微有点难度，但是知道原理之后也就觉得：大多数人谈到时间轮的时候都会从 netty 开...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 22">22</span>
+        <a href="https://segmentfault.com/a/1190000040966756" 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>3</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/spotmax"  title="Programming Language">
+          <span>SpotMax云上说禅</span>
         </a>
       </div>
       <div class="details">
-        引子继星形线，接着尝试双角线（Bicorn）。OriginMy GitHub简介双角线也称为三角帽（cocked-ha）曲线，是 Sylvester 在 1864 年研究的一组四次曲线的名称。Cayley 在 1867 年研究了同样的曲线。在笛卡尔坐标系中...
+        弹性伸缩（Auto Scaling）是云商提供的、根据自身业务需求自动调整计算能力（即实例数量）的服务。使用该服务时，实例数量可根据工作负载自动进行伸缩，从而在业务需求增长时提供资源支持、在业务需求下降时降低...
       </div>
     </div>
   </li>
@@ -576,7 +744,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/16 by Github API v3.</div>
+    <div class="time">Last cache created on 2021/11/17 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>