@wcj/github-rank 21.12.14 → 21.12.15

package/web/sifou-daily.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2021/12/14 by Github API v3.</div>
+  <div class="time">Last cache created on 2021/12/15 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/1190000041109778" target="_blank" title="如果将元宇宙逐层拆解，你会发现内核是“云”">如果将元宇宙逐层拆解，你会发现内核是“云”</a>
+        <a href="https://segmentfault.com/a/1190000041115055" target="_blank" title="把数据拖进图形界面，AI帮你预测业务，亚马逊云科技新功能亮了">把数据拖进图形界面，AI帮你预测业务，亚马逊云科技新功能亮了</a>
       </div>
       <div class="sub-title followers">
         
@@ -127,7 +127,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>3</span>
+          <span>5</span>
         </span>
         &nbsp;
         <a target="_blank" href="https://segmentfault.com/u/writers"  title="Programming Language">
@@ -135,7 +135,7 @@
         </a>
       </div>
       <div class="details">
-        2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...
+        亚马逊云科技 re:Invent 大会可谓是云计算行业的“春晚”，IT 技术领域风向标级活动，连他们自家的西雅图总部大厦也随其更名为大会名，品牌影响之强，可见一斑。
       </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/1190000041108051" target="_blank" title="现代配置指南——YAML 比 JSON 高级在哪？">现代配置指南——YAML 比 JSON 高级在哪？</a>
+        <a href="https://segmentfault.com/a/1190000041113026" target="_blank" title="原创内容屡屡被盗？从源头对资源盗用说NO">原创内容屡屡被盗？从源头对资源盗用说NO</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>7</span>
+          <span>5</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/ruidoc"  title="Programming Language">
-          <span>杨成功</span>
+        <a target="_blank" href="https://segmentfault.com/u/yunshu_blog"  title="Programming Language">
+          <span>云叔_又拍云</span>
         </a>
       </div>
       <div class="details">
-        一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...
+        在这个信息化的时代，资源被盗用是一件很让人厌恶，但又很常见的事。比如，之前郭敬明的小说《梦里花落知多少》剽窃庄羽小说《圈里圈外》一事，虽然郭敬明通过个人微博向庄羽道歉，并表示“将把《梦里花落知多少》...
       </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/1190000041111174" target="_blank" title="JZ-024-二叉树中和为某一值的路径">JZ-024-二叉树中和为某一值的路径</a>
+        <a href="https://segmentfault.com/a/1190000041114149" target="_blank" title="彻底搞懂容器技术的基石： namespace （下）">彻底搞懂容器技术的基石： namespace （下）</a>
       </div>
       <div class="sub-title followers">
         
@@ -186,12 +186,12 @@
           <span>4</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/moelove"  title="Programming Language">
+          <span>张晋涛</span>
         </a>
       </div>
       <div class="details">
-        输入一颗二叉树的根节点和一个整数，按字典序打印出二叉树中结点值的和为输入整数的所有路径。路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径。题目链接: 二叉树中和为某一值的路径
+        大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...
       </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/1190000041106277" target="_blank" title="深入剖析分布式事务一致性">深入剖析分布式事务一致性</a>
+        <a href="https://segmentfault.com/a/1190000041105399" target="_blank" title="为什麽前端工程越来越爱使用 Monorepo 架构？">为什麽前端工程越来越爱使用 Monorepo 架构？</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>4</span>
+          <span>2</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/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
         </a>
       </div>
       <div class="details">
-        分布式事务是用来解决跨数据库、跨服务更新数据一致性问题的。那么这里的一致性指的是什么，什么是强一致性，什么是弱一致性，与CAP理论中的一致性概念是一样的吗？本文将为您深入解答相关的问题。
+        有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
       </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/1190000041110940" target="_blank" title="Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？">Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？</a>
+        <a href="https://segmentfault.com/a/1190000041112905" target="_blank" title="JZ-025-复杂链表的复制">JZ-025-复杂链表的复制</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>1</span>
+          <span>4</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/billionbottle"  title="Programming Language">
-          <span>百瓶技术</span>
+        <a target="_blank" href="https://segmentfault.com/u/xiongshihubao"  title="Programming Language">
+          <span>雄狮虎豹</span>
         </a>
       </div>
       <div class="details">
-        在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下： {代码...} 从上面的代码可以看出，WeakMap 缓存区的作用就是用来防止对象被重复...
+        输入一个复杂链表（每个节点中有节点值，以及两个指针，一个指向下一个节点，另一个特殊指针random指向一个随机节点），请对此链表进行深拷贝，并返回拷贝后的头结点。（注意，输出结果中请不要返回参数中的节点...
       </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/1190000041110985" target="_blank" title="一篇带你用 VuePress + Github Pages 搭建博客">一篇带你用 VuePress + Github Pages 搭建博客</a>
+        <a href="https://segmentfault.com/a/1190000041114134" target="_blank" title="谷歌 Chrome 开发者“揭秘”浏览器窗口遮挡问题：启动速度提升25.8%！">谷歌 Chrome 开发者“揭秘”浏览器窗口遮挡问题：启动速度提升25.8%！</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>1</span>
+          <span>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/yayu"  title="Programming Language">
-          <span>冴羽</span>
+        <a target="_blank" href="https://segmentfault.com/u/d2ms1shh"  title="Programming Language">
+          <span>MissD</span>
         </a>
       </div>
       <div class="details">
-        最近完成了 TypeScript 最新官方文档 Hanbook 的翻译，一共十四篇，堪称国内的最好 TypeScript4 入门教程之一。为了方便大家阅读，我用 VuePress + Github Pages 搭建了博客，博客效果如下：
+        近日，Chrome 开发者 David Bienvenu 在其名为《The Fast and the Curious》系列新博文中，详细“揭秘”了谷歌最近对 Chrome 浏览器所做的一些改进。其中，就包括了谷歌历时 3 年研究创建的 Native Window Occlusio...
       </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/1190000041106597" target="_blank" title="Log4j史诗级漏洞，从原理到实战，只用3个实例就搞定！">Log4j史诗级漏洞，从原理到实战，只用3个实例就搞定！</a>
+        <a href="https://segmentfault.com/a/1190000041116088" target="_blank" title="全国 远程">全国 远程</a>
       </div>
       <div class="sub-title followers">
         
@@ -298,12 +298,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/ershixiong_5c2aeab02da87"  title="Programming Language">
-          <span>程序新视界</span>
+        <a target="_blank" href="https://segmentfault.com/u/yyy_61b80cda43a2c"  title="Programming Language">
+          <span>yyy</span>
         </a>
       </div>
       <div class="details">
-        最近互联网技术圈最火的一件事莫过于Log4j2的漏洞了。同时也涌现出了各类分析文章，关于漏洞的版本、漏洞的原因、漏洞的修复、程序员因此加班等等。
+        您好 我们这边新上的IT培训平台，功能上提供 直播录播、在线编程、devops在线实训 系统，现在寻求大佬们入驻成为讲师，看可感兴趣。请加微信：jdy3090
       </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/1190000041111851" target="_blank" title="MongoDb学习之Explain执行计划">MongoDb学习之Explain执行计划</a>
+        <a href="https://segmentfault.com/a/1190000041114174" target="_blank" title="面试官：要不我们聊一下“心跳”的设计？">面试官：要不我们聊一下“心跳”的设计？</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>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xiaoyongyong"  title="Programming Language">
-          <span>小勇勇</span>
+        <a target="_blank" href="https://segmentfault.com/u/whyjishu"  title="Programming Language">
+          <span>why技术</span>
         </a>
       </div>
       <div class="details">
-        mongodb 3.0和之前版本的explain执行计划有非常巨大的差距，这里只学习介绍3.0以后的用法支持查看以下几种操作的执行计划基本的使用方式 {代码...} verbose是explain执行计划的输出模式有以下三种queryPlanner这...
+        你好呀，我是歪歪。是这样的，我最近又看到了这篇文章《工商银行分布式服务 C10K 场景解决方案》。为什么是又呢？因为这篇文章最开始发布的时候我就看过了，当时就觉得写得挺好的，宇宙行（工商银行）果然是很叼...
       </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/1190000041110474" target="_blank" title="我的2021">我的2021</a>
+        <a href="https://segmentfault.com/a/1190000041118199" target="_blank" title="Apache APISIX 助力便利充电创领者小电，实现云原生方案">Apache APISIX 助力便利充电创领者小电，实现云原生方案</a>
       </div>
       <div class="sub-title followers">
         
@@ -351,15 +351,351 @@
               <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>5</span>
+          <span>1</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/apache_apisix"  title="Programming Language">
+          <span>Apache_APISIX</span>
+        </a>
+      </div>
+      <div class="details">
+        业务背景小电作为国内共享充电宝服务平台，目前还处于初创阶段。从运维体系、测试环境等方面来讲，当下产品的业务主要面临了以下几个问题：VM 传统模式部署，利用率低且不易扩展开发测试资源抢占多套独立的测试环...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000041115022" target="_blank" title="LOOK 直播活动地图生成器方案">LOOK 直播活动地图生成器方案</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/musicfe"  title="Programming Language">
+          <span>云音乐大前端团队</span>
+        </a>
+      </div>
+      <div class="details">
+        对于前端而言，与视觉稿打交道是必不可少的，因为我们需要对照着视觉稿来确定元素的位置、大小等信息。如果是比较简单的页面，手动调整每个元素所带来的工作量尚且可以接受；然而当视觉稿中素材数量较大时，手动...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 11">11</span>
+        <a href="https://segmentfault.com/a/1190000041114484" target="_blank" title="TGDC | UE5开发路线图及技术解析">TGDC | UE5开发路线图及技术解析</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/tengxunyouxixueyuan"  title="Programming Language">
+          <span>腾讯游戏学堂</span>
+        </a>
+      </div>
+      <div class="details">
+        大家好，我是来自Epic Games中国的首席引擎开发工程师王祢，主要负责引擎相关技术的开发者支持工作，帮助国内的开发者解决各种使用UE开发项目时遇到的技术问题，同时也会参与部分引擎工作的开发。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000041114371" target="_blank" title="新提案：Go 泛型玩出花来了，switch type 登场！">新提案：Go 泛型玩出花来了，switch type 登场！</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/eddycjy"  title="Programming Language">
+          <span>煎鱼</span>
+        </a>
+      </div>
+      <div class="details">
+        大家好，我是煎鱼。前面写过好几篇 Go 泛型的语法、案例介绍，新的一手 Go 消息。实际上，随着一些提案被接受，新的提案也逐渐冒出。这不，我发现有了泛型后，大家可以更进一步玩出花来了。看到了一个 ”新“ 提案...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 13">13</span>
+        <a href="https://segmentfault.com/a/1190000041116418" target="_blank" title="微信小程序使用Stomp连接websockt">微信小程序使用Stomp连接websockt</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/qq649318064"  title="Programming Language">
+          <span>离开我熟悉的地方</span>
+        </a>
+      </div>
+      <div class="details">
+        {代码...}
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 14">14</span>
+        <a href="https://segmentfault.com/a/1190000041114730" target="_blank" title="MySQL数据库基础教程（无比详细）mysql初体验篇">MySQL数据库基础教程（无比详细）mysql初体验篇</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/camille_5f9b7f6b8693f"  title="Programming Language">
+          <span>牛仔码农</span>
+        </a>
+      </div>
+      <div class="details">
+        一、数据库的基本概念1、数据（Data）描述事物的符号记录包括数字，文字，图形，图像，声音，档案记录等以“记录”形式按统一的格式进行存储2、表将不同的记录组织在一起用来存储具体数据3、数据库表的集合，是存储...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 15">15</span>
+        <a href="https://segmentfault.com/a/1190000041114362" target="_blank" title="从零开始的常用MySQL语句练习大全">从零开始的常用MySQL语句练习大全</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/wensandaoshi"  title="Programming Language">
+          <span>fx67ll</span>
+        </a>
+      </div>
+      <div class="details">
+        很多时候深入学习固然很重要，但是想要写下一篇给新手都能看得懂看的很香，并且老鸟可以查漏补缺的的练习博客，还是挺有难度，所以今天尝试写一些关于MySQL的语句练习大全，供想要从零开始练习MySQL的新手们去学习。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 16">16</span>
+        <a href="https://segmentfault.com/a/1190000041117522" target="_blank" title="一个Vue3可使用的JSON转excel组件">一个Vue3可使用的JSON转excel组件</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/xiaozhangyu_5bc816f5e2adb"  title="Programming Language">
+          <span>小章鱼</span>
+        </a>
+      </div>
+      <div class="details">
+        此组件中实现的方法使用HTML表绘制。在xls文件中，Microsoft Excel不再将HTML识别为本机内容，因此在打开文件之前会显示警告消息。excel的内容已经完美呈现，但是提示信息无法避免，请不要在意！
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 17">17</span>
+        <a href="https://segmentfault.com/a/1190000041116726" target="_blank" title="实现自动引入+按需引入element-plus原来如此简单">实现自动引入+按需引入element-plus原来如此简单</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/puffer"  title="Programming Language">
+          <span>河豚学前端</span>
+        </a>
+      </div>
+      <div class="details">
+        前言：使用unplugin-vue-components后，可以实现按需引入，而且也不用再使用import引入需要的组件，直接使用&lt;el-button&gt;等组件就可以。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 18">18</span>
+        <a href="https://segmentfault.com/a/1190000041113833" 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/yunxiao0816"  title="Programming Language">
+          <span>云效DevOps平台</span>
+        </a>
+      </div>
+      <div class="details">
+        背景：来自云效客户选型的一个参考，从搭建了自己的代码仓库到使用云效的Codeup的转变，云效Codeup 能自然的和钉钉群成员进行挂钩，并且云效Codeup 本身还有：仓库加密，代码备份，安全访问，审计等功能。甚至他...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 19">19</span>
+        <a href="https://segmentfault.com/a/1190000041113725" target="_blank" title="Day14/100 React 颜色选择器">Day14/100 React 颜色选择器</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/snowwolfarden"  title="Programming Language">
+          <span>SnowWolfArden</span>
+        </a>
+      </div>
+      <div class="details">
+        1、需求在React+Ant Design的项目中，需要选择颜色。Ant Design 没有合适的组件。2、React-color找到了这个插件，周下载量103w官方给了Demo {代码...} 3、实际开发1、我用的这种形式2、需要十六进制转Rgba转格式t...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 20">20</span>
+        <a href="https://segmentfault.com/a/1190000041112700" target="_blank" title="JavaMoney规范(JSR 354)与对应实现解读">JavaMoney规范(JSR 354)与对应实现解读</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/vivo_tech"  title="Programming Language">
+          <span>vivo互联网技术</span>
+        </a>
+      </div>
+      <div class="details">
+        当前JDK中用来表达货币的类为java.util.Currency，这个类仅仅能够表示按照[ISO-4217]描述的货币类型。它没有与之关联的数值，也不能描述规范外的一些货币。对于货币的计算、货币兑换、货币的格式化没有提供相关的...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 21">21</span>
+        <a href="https://segmentfault.com/a/1190000041112371" target="_blank" title="OPPO云VPC网络实践">OPPO云VPC网络实践</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/nickw_cn"  title="Programming Language">
-          <span>NickWang</span>
+        <a target="_blank" href="https://segmentfault.com/u/oppo_internet_tech"  title="Programming Language">
+          <span>OPPO数智技术</span>
         </a>
       </div>
       <div class="details">
-        继CMS、OA、CRM、Ecommerce之后，物联网又红火起来，而2021是我在物联网应用开发领域鏖战的第三个年头了。年关又近，百般心思化为一句肺腑之言：“我T喵的太难了...”。
+        随着OPPO业务的快速发展，OPPO云规模增长迅速。大规模虚拟实例的弹性伸缩、低延时需求对网络提出了诸多挑战。原有基于VLAN搭建的私有网络无法解决这些问题，给网络运维和业务的快速上线带来了挑战。
       </div>
     </div>
   </li>
@@ -380,7 +716,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/12/14 by Github API v3.</div>
+    <div class="time">Last cache created on 2021/12/15 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>