@wcj/github-rank 22.1.22 → 22.1.26

package/web/sifou-daily.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/1/22 by 
+  <div class="time">Last cache created on 2022/1/26 by 
     
     
     
@@ -125,7 +125,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041216664" target="_blank" title="前端开发者也可以懂的基础 System Design">前端开发者也可以懂的基础 System Design</a>
+        <a href="https://segmentfault.com/a/1190000041336683" target="_blank" title="CSS 实现 Ant Design官网Logo彩蛋效果">CSS 实现 Ant Design官网Logo彩蛋效果</a>
       </div>
       <div class="sub-title followers">
         
@@ -136,15 +136,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>8</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/minnanitkong"  title="Programming Language">
-          <span>前端小智</span>
+        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
+          <span>XboxYan</span>
         </a>
       </div>
       <div class="details">
-        有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
+        最近项目中 Ant Design 接入比较多，还是非常不错的。不知道大家有没有发现这样的效果，在官网上，如果鼠标放在Logo上，字母i上的图标会不停的变化，离开后停止，放上去重新变化，算得上是一个小彩蛋（可能我之前...
       </div>
     </div>
   </li>
@@ -153,7 +153,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041319807" target="_blank" title="LeetCode-143-重排链表">LeetCode-143-重排链表</a>
+        <a href="https://segmentfault.com/a/1190000041336312" target="_blank" title="再谈“开源软件供应链安全”">再谈“开源软件供应链安全”</a>
       </div>
       <div class="sub-title followers">
         
@@ -164,15 +164,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>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/suicidal_romantic_scoundrel"  title="Programming Language">
+          <span>六一</span>
         </a>
       </div>
       <div class="details">
-        题目描述：给定一个单链表 L 的头节点 head ，单链表 L 表示为：L0 → L1 → … → Ln-1 → Ln 请将其重新排列后变为：L0 → Ln → L1 → Ln-1 → L2 → Ln-2 → …不能只是单纯的改变节点内部的值，而是需要实际的进行节点交...
+        之前写过一篇文章《我所理解的开源软件供应链安全》，当时的情况，还没有出现一些值得探讨的，堪称紧迫的热点事件，所以我也仅仅是泛泛而谈，到最后留了一句话：「我的提议是：不再提“开源供应链安全”，而是提“开...
       </div>
     </div>
   </li>
@@ -181,7 +181,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000041319796" target="_blank" title="Spring Boot 3.0.0 发布第一个里程碑版本M1，你的 Java 升到17 了吗？">Spring Boot 3.0.0 发布第一个里程碑版本M1，你的 Java 升到17 了吗？</a>
+        <a href="https://segmentfault.com/a/1190000041336000" target="_blank" title="LeetCode-151-翻转字符串里的单词">LeetCode-151-翻转字符串里的单词</a>
       </div>
       <div class="sub-title followers">
         
@@ -192,15 +192,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/coderdd"  title="Programming Language">
-          <span>程序猿DD</span>
+        <a target="_blank" href="https://segmentfault.com/u/xiongshihubao"  title="Programming Language">
+          <span>雄狮虎豹</span>
         </a>
       </div>
       <div class="details">
-        这个在最早的Spring Boot 3相关预告中就已经知道了，Java 17将成为未来的主流版本。那么问题来了，大家都把Java 17的升级提上日程了吗？如果你对Java 8之后的各种版本的信息不太了解的话，这里有份 4.6 W 字的总...
+        题目描述：给你一个字符串 s ，逐个翻转字符串中的所有 单词 。单词 是由非空格字符组成的字符串。s 中使用至少一个空格将字符串中的 单词 分隔开。请你返回一个翻转 s 中单词顺序并用单个空格相连的字符串。说明...
       </div>
     </div>
   </li>
@@ -209,7 +209,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041318362" target="_blank" title="关于 Promise 的执行顺序">关于 Promise 的执行顺序</a>
+        <a href="https://segmentfault.com/a/1190000041338876" target="_blank" title="使用免费开源软件时遇到问题该怎么办？">使用免费开源软件时遇到问题该怎么办？</a>
       </div>
       <div class="sub-title followers">
         
@@ -223,12 +223,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/shenfq"  title="Programming Language">
-          <span>Shenfq</span>
+        <a target="_blank" href="https://segmentfault.com/u/leancloud"  title="Programming Language">
+          <span>LeanCloud</span>
         </a>
       </div>
       <div class="details">
-        最近看到一个 Promise 相关的很有意思的代码： {代码...} 第一次看到这个代码的时候，以为的输出结果会是：1,2,3,4，但是被实际的输出结果打脸 。如图所示，实际的输出结果为：1,2,4,3。代码分析为了搞清楚实际的...
+        很多人在使用开源软件时，因为「不擅长」提问，给开源作者和自己都带来了很多困扰，本文结合 LeanCloud 工程师曾分享的「社区发帖规范」为大家分享一些如何提问的小经验，帮助大家在遇到问题时能够更快地得到解决。
       </div>
     </div>
   </li>
@@ -237,7 +237,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041323179" target="_blank" title="[译]Vue.js + Astro 比 Vue SPA 更好吗？">[译]Vue.js + Astro 比 Vue SPA 更好吗？</a>
+        <a href="https://segmentfault.com/a/1190000041336183" target="_blank" title="WGCLOUD可以监测银河麒麟系统吗">WGCLOUD可以监测银河麒麟系统吗</a>
       </div>
       <div class="sub-title followers">
         
@@ -251,12 +251,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/dunizb"  title="Programming Language">
-          <span>杭州程序员张张</span>
+        <a target="_blank" href="https://segmentfault.com/u/9b3sps2b"  title="Programming Language">
+          <span>徐三刀</span>
         </a>
       </div>
       <div class="details">
-        在本文中，我将向您展示如何使用 Astro 构建基于 Vue 的应用程序，我们将了解其独特的架构如何带来比单页应用程序 (SPA) 更好的性能。
+        可以的WGCLOUD监控系统，支持监测银河麒麟操作系统，还有中标麒麟系统也可以
       </div>
     </div>
   </li>
@@ -265,7 +265,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000041322756" target="_blank" title="免费线上讲习班：使用 node.js 开发命令行工具">免费线上讲习班：使用 node.js 开发命令行工具</a>
+        <a href="https://segmentfault.com/a/1190000041340406" target="_blank" title="智能大数据，看这本白皮书就够了">智能大数据，看这本白皮书就够了</a>
       </div>
       <div class="sub-title followers">
         
@@ -279,12 +279,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/meathill"  title="Programming Language">
-          <span>Meathill</span>
+        <a target="_blank" href="https://segmentfault.com/u/h2yn1jwi"  title="Programming Language">
+          <span>百度开发者中心</span>
         </a>
       </div>
       <div class="details">
-        拜金山办公所赐，近期找工作找得颇有些烦躁。前几天跟老婆回了趟重庆，吃吃喝喝按按摩，很开心，感觉放松了不少。回来的路上，我想这就算提前过年了吧，接下来要多做点事情，正职未卜，先折腾副业吧。
+        数据资产是数字经济发展的关键生产要素，随着人工智能等新一代信息技术的发展，数据迎来爆发式增长。在国家大数据战略引领下，提高数据安全保护水平，保证数据依法合理有效利用，实现大数据规范、高质量发展，真...
       </div>
     </div>
   </li>
@@ -293,7 +293,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000041322577" target="_blank" title="解析position: sticky;">解析position: sticky;</a>
+        <a href="https://segmentfault.com/a/1190000041340172" target="_blank" title="有的时候我觉得我不会 Markdown">有的时候我觉得我不会 Markdown</a>
       </div>
       <div class="sub-title followers">
         
@@ -304,15 +304,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/yaofly"  title="Programming Language">
-          <span>普拉斯强</span>
+        <a target="_blank" href="https://segmentfault.com/u/yayu"  title="Programming Language">
+          <span>冴羽</span>
         </a>
       </div>
       <div class="details">
-        粘性定位position sticky元素采用正常的文档流布局（static）,当其边框（border矩形）相对于最近的滚动祖先元素的内边框（即content矩形）的小于指定阈值时，则position sticky元素相对于该最近的滚动祖先元素固...
+        换行符不在行内代码或 HTML 标签内，前面没有两个或以上的空格，将解析为软换行（Soft line breaks）。渲染为 HTML 时是一个行结束符或空格。
       </div>
     </div>
   </li>
@@ -321,7 +321,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000041322314" target="_blank" title="markdown-it 插件如何写（二）">markdown-it 插件如何写（二）</a>
+        <a href="https://segmentfault.com/a/1190000041340994" target="_blank" title="CAS实现单点登录">CAS实现单点登录</a>
       </div>
       <div class="sub-title followers">
         
@@ -335,12 +335,12 @@
           <span>1</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/qiehxb8"  title="Programming Language">
+          <span>小奇Java面试</span>
         </a>
       </div>
       <div class="details">
-        在搭建博客的过程中，我们出于实际的需求，在《VuePress 博客优化之拓展 Markdown 语法》中讲解了如何写一个 markdown-it插件，又在 《markdown-it 原理解析》中讲解了 markdown-it的执行原理，本篇我们将讲解具...
+        1.单点登录（Single Sign On），简称为 SSO，是比较流行的企业业务整合的解决方案之一。SSO的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。
       </div>
     </div>
   </li>
@@ -349,7 +349,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 9">9</span>
-        <a href="https://segmentfault.com/a/1190000041321192" target="_blank" title="工程师文化：正版软件应该公司买吗">工程师文化：正版软件应该公司买吗</a>
+        <a href="https://segmentfault.com/a/1190000041340988" target="_blank" title="006 Linux 命令三剑客之-grep">006 Linux 命令三剑客之-grep</a>
       </div>
       <div class="sub-title followers">
         
@@ -363,12 +363,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/qcloudcommunity"  title="Programming Language">
-          <span>腾讯云加社区</span>
+        <a target="_blank" href="https://segmentfault.com/u/bilahepan"  title="Programming Language">
+          <span>不甩锅的码农</span>
         </a>
       </div>
       <div class="details">
-        点击一键订阅《云荐大咖》专栏，获取官方推荐精品内容，学技术不迷路！办公需要很多软件，比如 Photoshop、程序员用的 JetBrains IDE，往往价格不菲，那应该公司买还是个人买？如果员工自带电脑上班，却由公司提...
+        01 一起来认识 grep！Linux 命令三剑客，sed、grep、awk。sed：擅长数据修改。grep：擅长数据查找定位。awk：擅长数据切片，数据格式化，功能最复杂。grep 可以说是这三个命令中的红人，是我们日常使用频率最高的...
       </div>
     </div>
   </li>
@@ -377,7 +377,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 10">10</span>
-        <a href="https://segmentfault.com/a/1190000041318852" target="_blank" title="还记得西游记里的嫦娥吗？我用10000张图片拼成了儿时女神！">还记得西游记里的嫦娥吗？我用10000张图片拼成了儿时女神！</a>
+        <a href="https://segmentfault.com/a/1190000041339254" target="_blank" title="技术分享 | 两个单机 MySQL 该如何校验数据一致性">技术分享 | 两个单机 MySQL 该如何校验数据一致性</a>
       </div>
       <div class="sub-title followers">
         
@@ -391,12 +391,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik"  title="Programming Language">
-          <span>Sunshine_Lin</span>
+        <a target="_blank" href="https://segmentfault.com/u/aikeshengyunshujuku"  title="Programming Language">
+          <span>爱可生云数据库</span>
         </a>
       </div>
       <div class="details">
-        大家好，我是林三心，中秋即将来临，预祝大家中秋快乐！！！我在想，关于中秋，我能写点什么分享给大家呢？这一天，我在看《西游记》，突然想到了我儿时的女神，是谁呢？就是天蓬元帅苦苦追求的嫦娥仙子，那可是...
+        业务有两个 MySQL 集群是通过 MQ 进行同步的，昨晚 MQ 出现异常，报了很多主键冲突，想请 dba 帮忙校验一下两个集群的数据是否一致。
       </div>
     </div>
   </li>
@@ -405,7 +405,63 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 11">11</span>
-        <a href="https://segmentfault.com/a/1190000041319130" target="_blank" title="官宣：Vue 3 将于 2022 年 2 月 7 日成为新的默认版本！">官宣：Vue 3 将于 2022 年 2 月 7 日成为新的默认版本！</a>
+        <a href="https://segmentfault.com/a/1190000041338111" target="_blank" title="回顾下渲染引擎-G一年的历程">回顾下渲染引擎-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/xieguoliang"  title="Programming Language">
+          <span>wlove</span>
+        </a>
+      </div>
+      <div class="details">
+        前言对于社区来说(关注我的人,还有将要关注我的人)有俩件事提前说一下下:建立的所有专栏我都会去维系。但是写作周期就不做承诺了。确实懒..也不打算靠写文能够给我带来一些收益。(嗯,我对钱没有兴趣)伴随春节的到...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000041337937" target="_blank" title="Postman 支持 gRPC 了！继续领先 ~">Postman 支持 gRPC 了！继续领先 ~</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/coderdd"  title="Programming Language">
+          <span>程序猿DD</span>
+        </a>
+      </div>
+      <div class="details">
+        最近国产API管理工具比较热，几款产品在API管理层面做得也都还不错，但主要还是对HTTP相关的API管理，毕竟这类API的应用目前还是最为广泛的。但显然，还有不少其他应用场景目前没有覆盖到，DD在之前的推文留言中...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 13">13</span>
+        <a href="https://segmentfault.com/a/1190000041337404" target="_blank" title="针对 Linux 的恶意软件暴增 35%：XorDDoS、Mirai 和 Mozi 最盛行">针对 Linux 的恶意软件暴增 35%：XorDDoS、Mirai 和 Mozi 最盛行</a>
       </div>
       <div class="sub-title followers">
         
@@ -424,7 +480,231 @@
         </a>
       </div>
       <div class="details">
-        在其最新提交至 GitHub 的公告信息里显示，“开发者要关注可能需要采取的措施，来确认是否需要在默认版本切换之前做相应改动以避免发生异常。”
+        近日，安全公司 CrowdStrike 公布的一份报告显示：在刚刚过去的 2021 年里，针对 Linux 操作系统（通常部署在物联网设备中）的恶意软件暴增了 35%。其中，XorDDoS、Mirai 和 Mozi 这三个恶意软件“家族”占所有基于...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 14">14</span>
+        <a href="https://segmentfault.com/a/1190000041337377" target="_blank" title="mysql 冷备 mysqldump">mysql 冷备 mysqldump</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/baixing_5fd868625460f"  title="Programming Language">
+          <span>baixing</span>
+        </a>
+      </div>
+      <div class="details">
+        备份备份单个数据库： {代码...} 备份多个数据库： {代码...} 备份数据库表： {代码...} 备份系统中所有数据库： (包括系统数据库) {代码...} 恢复恢复所有数据 方法1： (缺点 若数据中不存在对应数据库需要手动...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 15">15</span>
+        <a href="https://segmentfault.com/a/1190000041337297" target="_blank" title="Linux之grep命令">Linux之grep命令</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/rumenz"  title="Programming Language">
+          <span>入门小站</span>
+        </a>
+      </div>
+      <div class="details">
+        grep （global search regular expression(RE) and print out the line，全面搜索正则表达式并把行打印出来）是一种强大的文本搜索工具，它能使用正则表达式搜索文本，并把匹配的行打印出来。用于过滤/搜索的特定...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 16">16</span>
+        <a href="https://segmentfault.com/a/1190000041337245" target="_blank" title="一条HTTP请求的生命周期（二）-- TCP, 本文基于 RFC793">一条HTTP请求的生命周期（二）-- TCP, 本文基于 RFC793</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/wangzhiyang_61e3ab5232a34"  title="Programming Language">
+          <span>wzyAcyy</span>
+        </a>
+      </div>
+      <div class="details">
+        《网络是怎么连接的》的第二章介绍了操作系统中的协议栈和网卡是如何将应用程序的消息发给服务器的：解创建套接字连接服务器收发数据从服务器断开连接并删除套接字IP与以太网的包收发操作用UDP收发数据的操作其中...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 17">17</span>
+        <a href="https://segmentfault.com/a/1190000041337234" target="_blank" title="前端基础回归-URI和URL">前端基础回归-URI和URL</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/lengxing"  title="Programming Language">
+          <span>前端荣耀</span>
+        </a>
+      </div>
+      <div class="details">
+        统一资源标识符（Uniform Resource Identifier，URI），允许用户对网络中的资源通过特定的协议进行交互操作。RFC2396文档对Uniform Resource Identifier各部分的定义如下。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 18">18</span>
+        <a href="https://segmentfault.com/a/1190000041335546" target="_blank" title="React中的这个TS骚操作秀到我了">React中的这个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>3</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">
+        最近在写React时定义变量类型时，无意点到了ElementType，然后在node_modules/@types/react/index.d.ts 中发现了这段代码：
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 19">19</span>
+        <a href="https://segmentfault.com/a/1190000041341134" target="_blank" title="Leetcode 算法题解系列 - 二叉树的层序遍历">Leetcode 算法题解系列 - 二叉树的层序遍历</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/linlinma"  title="Programming Language">
+          <span>安歌</span>
+        </a>
+      </div>
+      <div class="details">
+        本专题旨在分享刷Leecode过程发现的一些思路有趣或者有价值的题目。【当然是基于js进行解答】。（这道题应该算是二叉树的基础题，建议还是学一下，不难且经典）
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 20">20</span>
+        <a href="https://segmentfault.com/a/1190000041338296" target="_blank" title="HTTP与TCP的区别和联系">HTTP与TCP的区别和联系</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/uyangxiansen"  title="Programming Language">
+          <span>杨帆</span>
+        </a>
+      </div>
+      <div class="details">
+        TCP/IP四层模型，如下图所示。TCP是属于网络分层中的运输层(有的书也翻译为传输层)，因为OSI分为7层，感觉太麻烦了，所以分为四层就好了，简单。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 21">21</span>
+        <a href="https://segmentfault.com/a/1190000041338095" target="_blank" title="Vue 重复使用同一组件造成的问题">Vue 重复使用同一组件造成的问题</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/sucre_199782"  title="Programming Language">
+          <span>洋仔</span>
+        </a>
+      </div>
+      <div class="details">
+        子组件A是由两个select组成，选择器列表数据是需要异步axios请求的。在父组件获得formData后，会把ToRefresh值变为true。A组件watch了这个值——会触发获取A组件的异步axios请求。
       </div>
     </div>
   </li>
@@ -445,7 +725,7 @@
         <img src="https://img.shields.io/npm/v/@wcj/github-rank.svg?label=unpkg">
       </a>
     </div>
-    <div class="time">Last cache created on 2022/1/22 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/1/26 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>