@wcj/github-rank 21.11.5 → 21.11.6

package/web/sifou-daily.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2021/11/5 by Github API v3.</div>
+  <div class="time">Last cache created on 2021/11/6 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/1190000040910391" target="_blank" title="Notification桌面通知实践">Notification桌面通知实践</a>
+        <a href="https://segmentfault.com/a/1190000040914312" target="_blank" title="【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？">【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？</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>4</span>
+          <span>6</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/wangzc996"  title="Programming Language">
-          <span>JenK</span>
+        <a target="_blank" href="https://segmentfault.com/u/116263"  title="Programming Language">
+          <span>前端胖头鱼</span>
         </a>
       </div>
       <div class="details">
-        Notification通知实践安全上下文: 此项功能仅在安全上下文(HTTPS), 一些 支持的浏览器.Notifications API 的通知接口用于向用户配置和显示桌面通知。在线示例见文末代码构造方法 {代码...} 参数title定义一个通知...
+        vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！
       </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/1190000040908304" target="_blank" title="N 种仅仅使用 HTML/CSS 实现各类进度条的方式">N 种仅仅使用 HTML/CSS 实现各类进度条的方式</a>
+        <a href="https://segmentfault.com/a/1190000040915602" target="_blank" title="Web Components中引入外部CSS的 8 种方法">Web Components中引入外部CSS的 8 种方法</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>6</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
-          <span>chokcoco</span>
+        <a target="_blank" href="https://segmentfault.com/u/allan4738"  title="Programming Language">
+          <span>Allan91</span>
         </a>
       </div>
       <div class="details">
-        本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 &lt;meter&gt; 创建进度条通过 HTML 标签 &lt;progress&gt; 创建进度条HTML 实现进度条...
+        开发中，还是会遇到需要引入外部CSS到Shadow DOM情况，那么如何处理呢？作者就最近遇到的情况给出如下几种方案。一、@import示例代码 {代码...} 优点：此方法兼容性非常好，点击查看caniuse。缺点：性能二、::par...
       </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/1190000040875123" target="_blank" title="10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！">10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！</a>
+        <a href="https://segmentfault.com/a/1190000040914114" target="_blank" title="沪漂程序媛妹子的一天...">沪漂程序媛妹子的一天...</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>1</span>
+          <span>3</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/cxuan"  title="Programming Language">
+          <span>程序员cxuan</span>
         </a>
       </div>
       <div class="details">
-        作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
+        作为⼀枚缺乏浪漫细胞但富有吃货属性的⼯科⼥，我的⽇记，那肯定离不开吃，即使是时间划分，那也得按⼀⽇三餐来（其实是四餐，但是也不知道是身体细胞⽼龄化了还是咋的，以前狂吃不⻓到现在 喝⽔都胖，头⼤~，也...
       </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/1190000040909189" target="_blank" title="11月4日 “光纤之父”高锟诞辰88周年，致敬科学伟人！">11月4日 “光纤之父”高锟诞辰88周年，致敬科学伟人！</a>
+        <a href="https://segmentfault.com/a/1190000040917776" target="_blank" title="Go业务开发中常用的几个开源库">Go业务开发中常用的几个开源库</a>
       </div>
       <div class="sub-title followers">
         
@@ -214,12 +214,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel"  title="Programming Language">
-          <span>六一</span>
+        <a target="_blank" href="https://segmentfault.com/u/asong_5eeb7a1d0da86"  title="Programming Language">
+          <span>asong</span>
         </a>
       </div>
       <div class="details">
-        当今世界以数字化、网络化、智能化为特征的信息化浪潮蓬勃兴起，元宇宙、云基础设施、5G等热点前沿方向成为信息技术发展的风口。作为信息传导的主要载体，光纤可谓是社会信息化的“神经”，是人类迈向信息化时代的...
+        哈喽，大家好，我是asong。拖更了好久，这周开始更新。最近总有一些初学Go语言的小伙伴问我在业务开发中一般都使用什么web框架、开源中间件；所以我总结了我在日常开发中使用到的库，这些库不一定是特别完美的，...
       </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/1190000040908989" target="_blank" title="nvm-一个node版本管理工具 + 打开终端自动切换node版本教程">nvm-一个node版本管理工具 + 打开终端自动切换node版本教程</a>
+        <a href="https://segmentfault.com/a/1190000040914082" target="_blank" title="LeetCode-078-子集">LeetCode-078-子集</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>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/qianniaoyu"  title="Programming Language">
-          <span>千鸟语</span>
+        <a target="_blank" href="https://segmentfault.com/u/xiongshihubao"  title="Programming Language">
+          <span>雄狮虎豹</span>
         </a>
       </div>
       <div class="details">
-        在日常的前端或node后台开发中，使用的部分node依赖，可能不支持当前使用的node版本，这时候如果还想使用这个依赖愉快的开发，那只能切换node版本了。
+        题目描述：给你一个整数数组 nums ，数组中的元素 互不相同 。返回该数组所有可能的子集（幂集）。解集 不能 包含重复的子集。你可以按 任意顺序 返回解集。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链...
       </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/1190000040909285" target="_blank" title="OCI 与容器镜像构建">OCI 与容器镜像构建</a>
+        <a href="https://segmentfault.com/a/1190000040917752" target="_blank" title="【Go语言】小白也能看懂的context包详解：从入门到精通">【Go语言】小白也能看懂的context包详解：从入门到精通</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>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/moelove"  title="Programming Language">
-          <span>张晋涛</span>
+        <a target="_blank" href="https://segmentfault.com/u/asong_5eeb7a1d0da86"  title="Programming Language">
+          <span>asong</span>
         </a>
       </div>
       <div class="details">
-        2013 年 3 月 dotCloud 公司在 PyCon 上进行了 Docker 的首次展示，随后宣布开源。自此 Docker 开始被众人知晓，随后掀起了一股容器化的热潮。
+        哈喽，大家好，我是asong。今天想与大家分享context包，经过一年的沉淀，重新出发，基于Go1.17.1从源码角度再次分析，不过这次不同的是，我打算先从入门开始，因为大多数初学的读者都想先知道怎么用，然后才会关...
       </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/1190000040909773" target="_blank" title="LeetCode-077-组合">LeetCode-077-组合</a>
+        <a href="https://segmentfault.com/a/1190000040917209" target="_blank" title="Serverless 架构模式及演进">Serverless 架构模式及演进</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>2</span>
+          <span>1</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/alijishu"  title="Programming Language">
+          <span>阿里云开发者</span>
         </a>
       </div>
       <div class="details">
-        题目描述：给定两个整数 n 和 k，返回范围 [1, n] 中所有可能的 k 个数的组合。你可以按 任何顺序 返回答案。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请...
+        简介：Serverless 架构从使用技术上有计算，数据存储，消息通信，我们可从运维性，安全性，可靠性，可扩展性，成本几个角度来衡量架构的优劣。本文会介绍一些常见的业务场景，探讨如何使用 Serverless 架构来支持...
       </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/1190000040909653" target="_blank" title="任职三年后 GitHub CEO Nat Friedman 宣布即将卸任，回归创业根源">任职三年后 GitHub CEO Nat Friedman 宣布即将卸任，回归创业根源</a>
+        <a href="https://segmentfault.com/a/1190000040917146" target="_blank" title="stylelint 接入实战踩坑总结">stylelint 接入实战踩坑总结</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/snakesss"  title="Programming Language">
-          <span>snakesss</span>
+        <a target="_blank" href="https://segmentfault.com/u/aichendesiyangyuan"  title="Programming Language">
+          <span>greet_eason</span>
         </a>
       </div>
       <div class="details">
-        2018 年，微软宣布正式收购GitHub，微软副总裁 Nat Friedman 担任GitHub 的新 CEO。2021 年 11 月 3 日，GitHub 首席执行官Nat Friedman在任职三年后宣布即将卸任，并回归到他的创业根源。在题为“Thank you, GitH...
+        团队合作时，当每个人的代码都拥有自定义的格式化方式时，在提交merge的时候往往要解决很多冲突，此时我们可以使用eslint+stylelint来对团队的代码进行约束。eslint的配置引入比较简单，网上有比较多的教程，而st...
       </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/1190000040909341" target="_blank" title="ADB WIFI无线调试真正摆脱usb数据线连接，一次也不用！">ADB WIFI无线调试真正摆脱usb数据线连接，一次也不用！</a>
+        <a href="https://segmentfault.com/a/1190000040915522" target="_blank" title="恒源云 _ 云 GPU 服务器如何使用 Tmux？">恒源云 _ 云 GPU 服务器如何使用 Tmux？</a>
       </div>
       <div class="sub-title followers">
         
@@ -354,12 +354,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/ufan"  title="Programming Language">
-          <span>有饭</span>
+        <a target="_blank" href="https://segmentfault.com/u/gpushare"  title="Programming Language">
+          <span>恒源云</span>
         </a>
       </div>
       <div class="details">
-        常见的使用ADB无线调试步骤手机“开发者模式”菜单中开启“USB调试” 和“无线调试”，手机网络与电脑在同一网内;手机使用USB与电脑进行正常连接；在命令窗口执行以下ADB命令：给当前连接的设备指定一个监听的端口 {代...
+        Tmux 是一款可以管理会话和分屏的终端复用器。在远程 SSH 断开后可以继续执行任务，重新连接后再继续会话。也能够将进程放到后台运行，需要时重新接管。为了防止 SSH 因网络断开造成的进程运行中断，推荐把所有需...
       </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/1190000040909306" target="_blank" title="字节面试官：写一个你认为最好的单例模式？于是我写了7个">字节面试官：写一个你认为最好的单例模式？于是我写了7个</a>
+        <a href="https://segmentfault.com/a/1190000040915454" target="_blank" title="一个价值8.7亿刀的bug">一个价值8.7亿刀的bug</a>
       </div>
       <div class="sub-title followers">
         
@@ -379,15 +379,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/23g69kz6"  title="Programming Language">
-          <span>Java大将军</span>
+        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
+          <span>卡颂</span>
         </a>
       </div>
       <div class="details">
-        考察目的：单例模式可以考察非常多的基础知识，因此对于这种问题，很多面试官都会问。小伙伴要注意，在面试过程中，但凡能够从多个维度考察求职者能力的题目，一定不会被抛弃，特别是比较泛的问题，比如：”请你说...
+        大家好，我卡颂。有位老程序员前辈曾说：没有经历过p0级bug的职业生涯是不完整的以上名言是我瞎编的。但是，作为程序员，对bug肯定见怪不怪了。你经历的bug为公司造成了多少损失呢？本文我们来看一个造成8.7亿刀...
       </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/1190000040907641" target="_blank" title="坏了！面试官问我垃圾回收机制">坏了！面试官问我垃圾回收机制</a>
+        <a href="https://segmentfault.com/a/1190000040914243" target="_blank" title="正则">正则</a>
       </div>
       <div class="sub-title followers">
         
@@ -407,15 +407,99 @@
               <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/fengkuangchengxuyuan_5df5c6e3531d1"  title="Programming Language">
+          <span>疯狂程序猿</span>
+        </a>
+      </div>
+      <div class="details">
+        一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|1-9*)$ 6 非零开头的最多带两位小数的数字：^(1-9*)+(.[0-9]{1,2}...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000040914044" target="_blank" title="oeasy教您玩转vim - 59 - # 编辑总结">oeasy教您玩转vim - 59 - # 编辑总结</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/oeasy"  title="Programming Language">
+          <span>oeasy</span>
+        </a>
+      </div>
+      <div class="details">
+        [Github地址] ([链接])[Gitee地址] ([链接])[蓝桥实验楼 邀请码FJWYIMGB] ([链接])可视化编辑回忆上节课内容🤔上次了解到块可视模式 -ctrl+v左下角-- 可视 块 --然后配合motiono切换首尾这个块可以有四个顶点O横向...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 13">13</span>
+        <a href="https://segmentfault.com/a/1190000040918194" target="_blank" title="窥探css-loader与style-loader的作用">窥探css-loader与style-loader的作用</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/tosmile"  title="Programming Language">
+          <span>记得要微笑</span>
+        </a>
+      </div>
+      <div class="details">
+        大家伙都清楚在使用webpack构建前端项目时都会使用到sass-loader、less-loader、postcss-loader、css-loader、style-loader，但这些loader在其中起到什么作用呢？本篇主要阐述css-loader与style-loader的作用和实...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 14">14</span>
+        <a href="https://segmentfault.com/a/1190000040917368" target="_blank" title="昨日PHP面试回顾">昨日PHP面试回顾</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 target="_blank" href="https://segmentfault.com/u/sockball"  title="Programming Language">
+          <span>sockball</span>
         </a>
       </div>
       <div class="details">
-        候选者：嗯，前面提到了堆分了「新生代」和「老年代」，「新生代」又分为「Eden」和「Survivor」区，「survivor」区又分为「From Survivor」和「To Survivor」区
+        HTTP Code 301、302分别指的是什么？HTTP Code 401、403有什么区别？HTTP Code 502、503、504呢？PHP是否可以通过代码模拟以上HTTP CODE？若生产环境下PHP发现5xx类错误，你如何筛查？是否分析过Nginx的日志，如...
       </div>
     </div>
   </li>
@@ -436,7 +520,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/5 by Github API v3.</div>
+    <div class="time">Last cache created on 2021/11/6 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>