@wcj/github-rank 22.4.23 → 22.4.26

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/4/23 by 
+  <div class="time">Last cache created on 2022/4/26 by 
     
     
     
@@ -147,7 +147,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041686462" target="_blank" title="每个开发者都应该知道的33个JavaScript概念">每个开发者都应该知道的33个JavaScript概念</a>
+        <a href="https://segmentfault.com/a/1190000041758099" target="_blank" title="面试算法题记录">面试算法题记录</a>
       </div>
       <div class="sub-title followers">
         
@@ -158,15 +158,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>6</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/zhaokaiqiang"  title="Programming Language">
+          <span>小强Zzz</span>
         </a>
       </div>
       <div class="details">
-        有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
+        问：一个数组，先递增后递减，要返回最大的一个数，怎么实现？答：依次遍历第i个数，如果第i个数大于第i + 1个数，那么返回第i个数，这个数就是最大值。（这么简单，大一学生都会）问：还能优化吗？答：啊。。。...
       </div>
     </div>
   </li>
@@ -175,7 +175,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041743043" target="_blank" title="Day 46/100 Vue this.$set原理">Day 46/100 Vue this.$set原理</a>
+        <a href="https://segmentfault.com/a/1190000041757995" target="_blank" title="angular 拖动功能">angular 拖动功能</a>
       </div>
       <div class="sub-title followers">
         
@@ -186,15 +186,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>6</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/chenchu_6110ed583800c"  title="Programming Language">
+          <span>weiewiyi</span>
         </a>
       </div>
       <div class="details">
-        （一）需求Vue 在非响应式的时候会有新增属性但并没有新增属性的情况。解决方案是$set 重新设置下。（二）介绍1、Demo {代码...} 2、原理vm.$set() 在new Vue() 时就被注入到Vue 原型上。（1）入口src/core/insta...
+        写到表单功能的时候，就考虑如果表单能够拖动式地添加，无疑能够加强用户的使用体验感。所以就尝试着实现拖动功能。如下图，能够将一个表单拖动到另一个表单。
       </div>
     </div>
   </li>
@@ -203,7 +203,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000041742898" target="_blank" title="我说这是全网最全vue组件通信方式，你没意见吧？">我说这是全网最全vue组件通信方式，你没意见吧？</a>
+        <a href="https://segmentfault.com/a/1190000041754709" target="_blank" title="仅用一个HTML标签，实现带动画的抖音LOGO">仅用一个HTML标签，实现带动画的抖音LOGO</a>
       </div>
       <div class="sub-title followers">
         
@@ -214,15 +214,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>5</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/itgo1024"  title="Programming Language">
-          <span>十安</span>
+        <a target="_blank" href="https://segmentfault.com/u/zero2one"  title="Programming Language">
+          <span>零一</span>
         </a>
       </div>
       <div class="details">
-        父子组件通信 {代码...} 跨组件通信 {代码...} 父子组件通信prop最常见的组件通信方式，由父组件向子组件传递。prop可接收一个数组或对象 {代码...} event子组件向父组件发送通知，并传递参数子组件 {代码...} 父...
+        大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...
       </div>
     </div>
   </li>
@@ -231,7 +231,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041741403" target="_blank" title="云原生虚拟化：基于 Kubevirt 构建边缘计算实例">云原生虚拟化：基于 Kubevirt 构建边缘计算实例</a>
+        <a href="https://segmentfault.com/a/1190000041754537" target="_blank" title="CSS 绘制一个时钟">CSS 绘制一个时钟</a>
       </div>
       <div class="sub-title followers">
         
@@ -242,15 +242,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/edgecloud"  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">
-        随着 Kubernetes 的普及，越来越多的业务开始运行在容器上，但是仍有部分业务形态更适合运行在虚拟机，如何同时管控虚拟机和容器逐渐成为了云原生时代的主流需求， Kubevirt 给出了完美的解决方案。
+        欢迎关注微信公众号：前端侦探练习 CSS 一个很好的方法就是绘制各式各样的 UI，比如这样一个时钟？你也可以访问这个 CSS clock查看实际效果CSS 绘制这样一个布局有几个难点：环形排列的刻度环形分布的数字自动运...
       </div>
     </div>
   </li>
@@ -259,7 +259,287 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041741514" target="_blank" title="【HarmonyOS学习笔记】记第一次使用IDE">【HarmonyOS学习笔记】记第一次使用IDE</a>
+        <a href="https://segmentfault.com/a/1190000041755737" target="_blank" title="硬核调试实操 | 手把手带你实现 Serverless 断点调试">硬核调试实操 | 手把手带你实现 Serverless 断点调试</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/alijishu"  title="Programming Language">
+          <span>阿里云开发者</span>
+        </a>
+      </div>
+      <div class="details">
+        简介：本文借助 Serverless Devs 工具，对函数计算 (FC） 应用的断点调试步骤进行详细指导，手把手带你实现 Serverless 的断点调试。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 6">6</span>
+        <a href="https://segmentfault.com/a/1190000041757846" 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/segmentfault"  title="Programming Language">
+          <span>SegmentFault思否</span>
+        </a>
+      </div>
+      <div class="details">
+        哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单江辰：5年经验(专升本)入职B站分享范文杰：Offer 提速：如何写出有亮点的简历杨成功：一个小厂前端 Lea...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 7">7</span>
+        <a href="https://segmentfault.com/a/1190000041759545" 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/meituanjishutuandui"  title="Programming Language">
+          <span>美团技术团队</span>
+        </a>
+      </div>
+      <div class="details">
+        对于数据库来说，慢查询往往意味着风险。SQL执行得越慢，消耗的CPU资源或IO资源也会越大。大量的慢查询可直接引发业务故障，关注慢查询即是关注故障本身。本文主要介绍了美团如何利用数据库的代价优化器来优化慢...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 8">8</span>
+        <a href="https://segmentfault.com/a/1190000041759517" target="_blank" title="Linux下跨语言调用C++实践">Linux下跨语言调用C++实践</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/meituanjishutuandui"  title="Programming Language">
+          <span>美团技术团队</span>
+        </a>
+      </div>
+      <div class="details">
+        不同的开发语言适合不同的领域，例如Python适合做数据分析，C++适合做系统的底层开发，假如它们需要用到相同功能的基础组件，组件使用多种语言分别开发的话，不仅增加了开发和维护成本，而且不能确保多种语言间在...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000041757997" target="_blank" title="uniapp使用vuex管理登录状态">uniapp使用vuex管理登录状态</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/kaixin_5ec3535e5a3c1"  title="Programming Language">
+          <span>开心</span>
+        </a>
+      </div>
+      <div class="details">
+        小程序登录后使用vuex来管理登录状态和退出，小程序登录之后将后端发送过来的token存储到本地，然后使用vuex读取并且改变登录状态。 {代码...} 这样我们就可以在登录页面直接调用这个方法和状态了！
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000041757275" target="_blank" title="通俗易懂大白话——Java NIO ——宏观把握（1）之大白话讲述，Linux下的BIO、NIO、select、epoll">通俗易懂大白话——Java NIO ——宏观把握（1）之大白话讲述，Linux下的BIO、NIO、select、epoll</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/dabaihuashare"  title="Programming Language">
+          <span>大白话的技术分享</span>
+        </a>
+      </div>
+      <div class="details">
+        首先要知道，Linux下的Java，是基于Linux系统调用实现的，所以我们先来了解下Linux的NIO是咋实现的，Java的NIO就是包装了下Linux的NIO接口而已。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 11">11</span>
+        <a href="https://segmentfault.com/a/1190000041754358" target="_blank" title="JavaScript内存泄漏">JavaScript内存泄漏</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/laomao_5902e12974409"  title="Programming Language">
+          <span>老毛</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/1190000041754310" target="_blank" title="《Mybatis 手撸专栏》第6章：数据源池化技术实现">《Mybatis 手撸专栏》第6章：数据源池化技术实现</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/fuzhengwei"  title="Programming Language">
+          <span>小傅哥</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/1190000041754010" target="_blank" title="【Java】如何用 JDBC 写一个数据库文档生成工具？">【Java】如何用 JDBC 写一个数据库文档生成工具？</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/qiexuxing_614696702a18f"  title="Programming Language">
+          <span>且徐行</span>
+        </a>
+      </div>
+      <div class="details">
+        JDBC 是 Java Database Connectivity 的缩写，从名字就能看出来是 Java 定义的连接数据库的一个标准，这个标准的具体体现就是一系列接口
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 14">14</span>
+        <a href="https://segmentfault.com/a/1190000041755836" target="_blank" title="《Linux网络开发必学教程》2_服务端编程初体验">《Linux网络开发必学教程》2_服务端编程初体验</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/tiansong"  title="Programming Language">
+          <span>TianSong</span>
+        </a>
+      </div>
+      <div class="details">
+        客户端/服务端 编程模式服务端长期保留于网络（公开自己的 IP 地址），并等待客户端连接客户端发起连接动作，并等待服务端回应特点：服务端无法主动连接客户端客户端只能按照预定义的方式（协议）连接服务端服务...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 15">15</span>
+        <a href="https://segmentfault.com/a/1190000041754094" target="_blank" title="python 处理天干地支农历等问题">python 处理天干地支农历等问题</a>
       </div>
       <div class="sub-title followers">
         
@@ -273,12 +553,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/z_61ea63e052dfb"  title="Programming Language">
-          <span>不会写代码的小白</span>
+        <a target="_blank" href="https://segmentfault.com/u/suiyuezouguo"  title="Programming Language">
+          <span>岁月峥嵘走过</span>
         </a>
       </div>
       <div class="details">
-        2022年4月22日                                    天气：晴  &amp;n...
+        {代码...}
       </div>
     </div>
   </li>
@@ -299,7 +579,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/4/23 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/4/26 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>