@wcj/github-rank 21.12.14 → 21.12.15

package/web/sifou-monthly.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>
@@ -172,6 +172,34 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
+        <a href="https://segmentfault.com/a/1190000041099699" target="_blank" title="20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式">20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式</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>21</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/linxz"  title="Programming Language">
+          <span>林小志</span>
+        </a>
+      </div>
+      <div class="details">
+        看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 4">4</span>
         <a href="https://segmentfault.com/a/1190000040963849" target="_blank" title="处理可能超时的异步操作">处理可能超时的异步操作</a>
       </div>
       <div class="sub-title followers">
@@ -199,7 +227,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 4">4</span>
+        <span title="Ranking 5">5</span>
         <a href="https://segmentfault.com/a/1190000041005444" target="_blank" title="以 Vuex 为引，一窥状态管理全貌">以 Vuex 为引，一窥状态管理全貌</a>
       </div>
       <div class="sub-title followers">
@@ -211,7 +239,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>25</span>
+          <span>27</span>
         </span>
         &nbsp;
         <a target="_blank" href="https://segmentfault.com/u/ruidoc"  title="Programming Language">
@@ -227,7 +255,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 5">5</span>
+        <span title="Ranking 6">6</span>
         <a href="https://segmentfault.com/a/1190000040978572" target="_blank" title="一文讲透自适应熔断的原理和实现">一文讲透自适应熔断的原理和实现</a>
       </div>
       <div class="sub-title followers">
@@ -255,7 +283,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 6">6</span>
+        <span title="Ranking 7">7</span>
         <a href="https://segmentfault.com/a/1190000041044028" target="_blank" title="使用 CSS 轻松实现高频出现的各类奇形怪状按钮">使用 CSS 轻松实现高频出现的各类奇形怪状按钮</a>
       </div>
       <div class="sub-title followers">
@@ -283,7 +311,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 7">7</span>
+        <span title="Ranking 8">8</span>
         <a href="https://segmentfault.com/a/1190000040971075" target="_blank" title="面试题整理之Vue篇">面试题整理之Vue篇</a>
       </div>
       <div class="sub-title followers">
@@ -311,7 +339,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 8">8</span>
+        <span title="Ranking 9">9</span>
         <a href="https://segmentfault.com/a/1190000041032091" target="_blank" title="良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！">良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！</a>
       </div>
       <div class="sub-title followers">
@@ -339,7 +367,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 9">9</span>
+        <span title="Ranking 10">10</span>
         <a href="https://segmentfault.com/a/1190000041031214" target="_blank" title="超硬核 Web 前端学霸笔记，学完就去找工作！">超硬核 Web 前端学霸笔记，学完就去找工作！</a>
       </div>
       <div class="sub-title followers">
@@ -367,7 +395,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 10">10</span>
+        <span title="Ranking 11">11</span>
         <a href="https://segmentfault.com/a/1190000040996585" target="_blank" title="「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！">「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！</a>
       </div>
       <div class="sub-title followers">
@@ -395,7 +423,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 11">11</span>
+        <span title="Ranking 12">12</span>
         <a href="https://segmentfault.com/a/1190000041004054" target="_blank" title="git进阶（撤销pull、撤销merge、撤销add）">git进阶（撤销pull、撤销merge、撤销add）</a>
       </div>
       <div class="sub-title followers">
@@ -423,7 +451,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 12">12</span>
+        <span title="Ranking 13">13</span>
         <a href="https://segmentfault.com/a/1190000041089764" target="_blank" title="思否年度有奖征文丨用文字记录下属于你的2021">思否年度有奖征文丨用文字记录下属于你的2021</a>
       </div>
       <div class="sub-title followers">
@@ -435,7 +463,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>13</span>
+          <span>14</span>
         </span>
         &nbsp;
         <a target="_blank" href="https://segmentfault.com/u/segmentfault"  title="Programming Language">
@@ -451,8 +479,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 13">13</span>
-        <a href="https://segmentfault.com/a/1190000040980305" target="_blank" title="一篇搞懂容器技术的基石： cgroup">一篇搞懂容器技术的基石： cgroup</a>
+        <span title="Ranking 14">14</span>
+        <a href="https://segmentfault.com/a/1190000041000841" target="_blank" title="14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！">14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！</a>
       </div>
       <div class="sub-title followers">
         
@@ -463,15 +491,15 @@
               <path fill="#9E9E9E" d="M4.234 6.693v7.243H2.881c-.486 0-.881-.492-.881-1.095V7.875c0-.63.412-1.182.88-1.182h1.354zm3.688-3.7C8.01 2.404 8.49 1.99 9.018 2c.754.015 1.204.663 1.36.983.284.585.292 1.549.097 2.167-.177.56-.586 1.296-.586 1.296h3.066c.324 0 .625.164.826.449.204.29.27.668.178 1.011l-1.387 5.183c-.126.499-.544.847-1.016.847H5.53V6.693c1.385-.309 2.236-2.632 2.392-3.7z"/>
             </g>
           </svg>
-          <span>12</span>
+          <span>17</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/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
         </a>
       </div>
       <div class="details">
-        大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...
+        有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
       </div>
     </div>
   </li>
@@ -479,8 +507,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 14">14</span>
-        <a href="https://segmentfault.com/a/1190000041000841" target="_blank" title="14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！">14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！</a>
+        <span title="Ranking 15">15</span>
+        <a href="https://segmentfault.com/a/1190000040980305" target="_blank" title="一篇搞懂容器技术的基石： cgroup">一篇搞懂容器技术的基石： cgroup</a>
       </div>
       <div class="sub-title followers">
         
@@ -491,15 +519,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>16</span>
+          <span>12</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/moelove"  title="Programming Language">
+          <span>张晋涛</span>
         </a>
       </div>
       <div class="details">
-        有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
+        大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...
       </div>
     </div>
   </li>
@@ -507,7 +535,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 15">15</span>
+        <span title="Ranking 16">16</span>
         <a href="https://segmentfault.com/a/1190000041008293" target="_blank" title="PHP 基金会，是个好事 (PHP Foundation)">PHP 基金会，是个好事 (PHP Foundation)</a>
       </div>
       <div class="sub-title followers">
@@ -535,7 +563,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 16">16</span>
+        <span title="Ranking 17">17</span>
         <a href="https://segmentfault.com/a/1190000041057856" target="_blank" title="Error Boundaries是这么实现的，还挺巧妙">Error Boundaries是这么实现的，还挺巧妙</a>
       </div>
       <div class="sub-title followers">
@@ -563,7 +591,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 17">17</span>
+        <span title="Ranking 18">18</span>
         <a href="https://segmentfault.com/a/1190000041016364" target="_blank" title="用CSS来撸一只神经猫">用CSS来撸一只神经猫</a>
       </div>
       <div class="sub-title followers">
@@ -591,7 +619,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 18">18</span>
+        <span title="Ranking 19">19</span>
         <a href="https://segmentfault.com/a/1190000040759530" target="_blank" title="使用这11个代码，可以大大地简化我们的代码。">使用这11个代码，可以大大地简化我们的代码。</a>
       </div>
       <div class="sub-title followers">
@@ -619,7 +647,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 19">19</span>
+        <span title="Ranking 20">20</span>
         <a href="https://segmentfault.com/a/1190000041098622" target="_blank" title="从 Amazon Graviton3 发布，看 2022 云计算的核心方向">从 Amazon Graviton3 发布，看 2022 云计算的核心方向</a>
       </div>
       <div class="sub-title followers">
@@ -647,7 +675,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 20">20</span>
+        <span title="Ranking 21">21</span>
         <a href="https://segmentfault.com/a/1190000040969572" target="_blank" title="重写数组的方法（改变原数组）">重写数组的方法（改变原数组）</a>
       </div>
       <div class="sub-title followers">
@@ -675,7 +703,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 21">21</span>
+        <span title="Ranking 22">22</span>
         <a href="https://segmentfault.com/a/1190000041086821" target="_blank" title="2021 re:Invent ，我们到底该关注哪些发布？">2021 re:Invent ，我们到底该关注哪些发布？</a>
       </div>
       <div class="sub-title followers">
@@ -703,7 +731,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 22">22</span>
+        <span title="Ranking 23">23</span>
         <a href="https://segmentfault.com/a/1190000041043603" target="_blank" title="一个 Babelfish ，看懂云数据库的发展方向">一个 Babelfish ，看懂云数据库的发展方向</a>
       </div>
       <div class="sub-title followers">
@@ -731,7 +759,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 23">23</span>
+        <span title="Ranking 24">24</span>
         <a href="https://segmentfault.com/a/1190000041037062" target="_blank" title="「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！">「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！</a>
       </div>
       <div class="sub-title followers">
@@ -759,7 +787,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 24">24</span>
+        <span title="Ranking 25">25</span>
         <a href="https://segmentfault.com/a/1190000040979218" target="_blank" title="安排几款实用的内网穿透工具+教程">安排几款实用的内网穿透工具+教程</a>
       </div>
       <div class="sub-title followers">
@@ -787,7 +815,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 25">25</span>
+        <span title="Ranking 26">26</span>
         <a href="https://segmentfault.com/a/1190000041067692" target="_blank" title="你真的认为Google翻译不影响&#34;前端&#34;页面功能吗?">你真的认为Google翻译不影响&#34;前端&#34;页面功能吗?</a>
       </div>
       <div class="sub-title followers">
@@ -815,7 +843,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 26">26</span>
+        <span title="Ranking 27">27</span>
         <a href="https://segmentfault.com/a/1190000040972018" target="_blank" title="可以中断的异步操作">可以中断的异步操作</a>
       </div>
       <div class="sub-title followers">
@@ -843,7 +871,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 27">27</span>
+        <span title="Ranking 28">28</span>
         <a href="https://segmentfault.com/a/1190000041025373" target="_blank" title="你说你会Promise？那你解决一下项目中的这五个难题？">你说你会Promise？那你解决一下项目中的这五个难题？</a>
       </div>
       <div class="sub-title followers">
@@ -868,39 +896,11 @@
     </div>
   </li>
   
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 28">28</span>
-        <a href="https://segmentfault.com/a/1190000041052149" target="_blank" title="押注云计算未来先机，re:Invent 2021邀请你共赴“十年之约”">押注云计算未来先机，re:Invent 2021邀请你共赴“十年之约”</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>10</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/snakesss"  title="Programming Language">
-          <span>snakesss</span>
-        </a>
-      </div>
-      <div class="details">
-        在2021年的“十四五”规划中，数字中国建设被提到了新的高度，其中云计算作为重点产业之一出现在其中，由此也可预见，云计算软件或将迎来新的发展契机。
-      </div>
-    </div>
-  </li>
-  
   <li>
     <div class="info">
       <div class="rank">
         <span title="Ranking 29">29</span>
-        <a href="https://segmentfault.com/a/1190000041003321" target="_blank" title="后端一次给你10万条数据，如何优雅展示，到底考察我什么?">后端一次给你10万条数据，如何优雅展示，到底考察我什么?</a>
+        <a href="https://segmentfault.com/a/1190000041109778" target="_blank" title="如果将元宇宙逐层拆解，你会发现内核是“云”">如果将元宇宙逐层拆解，你会发现内核是“云”</a>
       </div>
       <div class="sub-title followers">
         
@@ -911,15 +911,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>10</span>
+          <span>8</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/writers"  title="Programming Language">
+          <span>思否编辑部</span>
         </a>
       </div>
       <div class="details">
-        大家好，我是林三心，用最通俗的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天跟大家来唠唠嗑，如果后端真的返回给前端10万条数据，咱们前端要怎么优雅地展示出来呢？（哈哈假设后端真的能传1...
+        2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...
       </div>
     </div>
   </li>
@@ -928,7 +928,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 30">30</span>
-        <a href="https://segmentfault.com/a/1190000041099699" target="_blank" title="20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式">20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式</a>
+        <a href="https://segmentfault.com/a/1190000041052149" target="_blank" title="押注云计算未来先机，re:Invent 2021邀请你共赴“十年之约”">押注云计算未来先机，re:Invent 2021邀请你共赴“十年之约”</a>
       </div>
       <div class="sub-title followers">
         
@@ -939,15 +939,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>12</span>
+          <span>10</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/linxz"  title="Programming Language">
-          <span>林小志</span>
+        <a target="_blank" href="https://segmentfault.com/u/snakesss"  title="Programming Language">
+          <span>snakesss</span>
         </a>
       </div>
       <div class="details">
-        看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...
+        在2021年的“十四五”规划中，数字中国建设被提到了新的高度，其中云计算作为重点产业之一出现在其中，由此也可预见，云计算软件或将迎来新的发展契机。
       </div>
     </div>
   </li>
@@ -968,7 +968,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>