@wcj/github-rank 22.5.29 → 22.5.30

package/web/sifou-weekly.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/5/29 by 
+  <div class="time">Last cache created on 2022/5/30 by 
     
     
     
@@ -147,7 +147,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041881142" target="_blank" title="如何实现一个能精确同步滚动的Markdown编辑器">如何实现一个能精确同步滚动的Markdown编辑器</a>
+        <a href="https://segmentfault.com/a/1190000041887820" 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>18</span>
+          <span>15</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin"  title="Programming Language">
-          <span>街角小林</span>
+        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
         </a>
       </div>
       <div class="details">
-        随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：
+        今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？
       </div>
     </div>
   </li>
@@ -175,34 +175,6 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041879217" 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>16</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/ruidoc"  title="Programming Language">
-          <span>杨成功</span>
-        </a>
-      </div>
-      <div class="details">
-        在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 3">3</span>
         <a href="https://segmentfault.com/a/1190000041887095" target="_blank" title="CSS 穿墙术！太强了">CSS 穿墙术！太强了</a>
       </div>
       <div class="sub-title followers">
@@ -230,35 +202,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041887820" 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>14</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
-          <span>chokcoco</span>
-        </a>
-      </div>
-      <div class="details">
-        今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 5">5</span>
+        <span title="Ranking 3">3</span>
         <a href="https://segmentfault.com/a/1190000041885333" target="_blank" title="关于代码评审(CodeReview)那些不得不说的事儿">关于代码评审(CodeReview)那些不得不说的事儿</a>
       </div>
       <div class="sub-title followers">
@@ -286,7 +230,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 6">6</span>
+        <span title="Ranking 4">4</span>
         <a href="https://segmentfault.com/a/1190000041892645" target="_blank" title="SegmentFault 思否技术周刊 -- 进击的 React">SegmentFault 思否技术周刊 -- 进击的 React</a>
       </div>
       <div class="sub-title followers">
@@ -298,7 +242,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>6</span>
+          <span>8</span>
         </span>
         &nbsp;
         <a target="_blank" href="https://segmentfault.com/u/beverly0"  title="Programming Language">
@@ -314,7 +258,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 7">7</span>
+        <span title="Ranking 5">5</span>
         <a href="https://segmentfault.com/a/1190000041881296" target="_blank" title="如何自定义 drag 样式">如何自定义 drag 样式</a>
       </div>
       <div class="sub-title followers">
@@ -342,7 +286,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 8">8</span>
+        <span title="Ranking 6">6</span>
         <a href="https://segmentfault.com/a/1190000041894263" target="_blank" title="Base64 编码知识，一文打尽！">Base64 编码知识，一文打尽！</a>
       </div>
       <div class="sub-title followers">
@@ -370,7 +314,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 9">9</span>
+        <span title="Ranking 7">7</span>
         <a href="https://segmentfault.com/a/1190000041905055" target="_blank" title="云原生时代 PHP/Golang 项目如何实现微服务">云原生时代 PHP/Golang 项目如何实现微服务</a>
       </div>
       <div class="sub-title followers">
@@ -398,7 +342,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 10">10</span>
+        <span title="Ranking 8">8</span>
         <a href="https://segmentfault.com/a/1190000041782911" target="_blank" title="13 个Typescript 实用类型：开发人员的备忘单">13 个Typescript 实用类型：开发人员的备忘单</a>
       </div>
       <div class="sub-title followers">
@@ -426,7 +370,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 11">11</span>
+        <span title="Ranking 9">9</span>
         <a href="https://segmentfault.com/a/1190000041898249" target="_blank" title="Change Buffer 只适用于非唯一索引页？错">Change Buffer 只适用于非唯一索引页？错</a>
       </div>
       <div class="sub-title followers">
@@ -454,7 +398,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 12">12</span>
+        <span title="Ranking 10">10</span>
         <a href="https://segmentfault.com/a/1190000041886918" target="_blank" title="HTTP cookie 完整指南">HTTP cookie 完整指南</a>
       </div>
       <div class="sub-title followers">
@@ -482,7 +426,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 13">13</span>
+        <span title="Ranking 11">11</span>
         <a href="https://segmentfault.com/a/1190000041893133" target="_blank" title="我爱上了这个网站！">我爱上了这个网站！</a>
       </div>
       <div class="sub-title followers">
@@ -510,7 +454,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 14">14</span>
+        <span title="Ranking 12">12</span>
         <a href="https://segmentfault.com/a/1190000041884631" target="_blank" title="总结一下最近遇到的问题">总结一下最近遇到的问题</a>
       </div>
       <div class="sub-title followers">
@@ -538,8 +482,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 15">15</span>
-        <a href="https://segmentfault.com/a/1190000041885369" target="_blank" title="【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题">【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题</a>
+        <span title="Ranking 13">13</span>
+        <a href="https://segmentfault.com/a/1190000041884921" target="_blank" title="记录后台遇到的两个小问题">记录后台遇到的两个小问题</a>
       </div>
       <div class="sub-title followers">
         
@@ -553,12 +497,12 @@
           <span>4</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666"  title="Programming Language">
-          <span>LYX6666</span>
+        <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c"  title="Programming Language">
+          <span>weiewiyi</span>
         </a>
       </div>
       <div class="details">
-        Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...
+        specification查询不起作用写后台的时候需要加一个specification查询，只返回属于该社区的数据。于是我增加了如图红框中的查询，调用了and函数。 {代码...} 但是执行后发现，这条查询没有按照想法获取到查询到数...
       </div>
     </div>
   </li>
@@ -566,8 +510,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 16">16</span>
-        <a href="https://segmentfault.com/a/1190000041884921" target="_blank" title="记录后台遇到的两个小问题">记录后台遇到的两个小问题</a>
+        <span title="Ranking 14">14</span>
+        <a href="https://segmentfault.com/a/1190000041885369" target="_blank" title="【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题">【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题</a>
       </div>
       <div class="sub-title followers">
         
@@ -581,12 +525,12 @@
           <span>4</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c"  title="Programming Language">
-          <span>weiewiyi</span>
+        <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666"  title="Programming Language">
+          <span>LYX6666</span>
         </a>
       </div>
       <div class="details">
-        specification查询不起作用写后台的时候需要加一个specification查询，只返回属于该社区的数据。于是我增加了如图红框中的查询，调用了and函数。 {代码...} 但是执行后发现，这条查询没有按照想法获取到查询到数...
+        Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...
       </div>
     </div>
   </li>
@@ -594,7 +538,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 17">17</span>
+        <span title="Ranking 15">15</span>
         <a href="https://segmentfault.com/a/1190000041885779" target="_blank" title="angular 多选表单数据绑定">angular 多选表单数据绑定</a>
       </div>
       <div class="sub-title followers">
@@ -622,7 +566,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 18">18</span>
+        <span title="Ranking 16">16</span>
         <a href="https://segmentfault.com/a/1190000041895680" target="_blank" title="js 生成UUID的几种方法">js 生成UUID的几种方法</a>
       </div>
       <div class="sub-title followers">
@@ -650,7 +594,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 19">19</span>
+        <span title="Ranking 17">17</span>
         <a href="https://segmentfault.com/a/1190000041904203" target="_blank" title="程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”">程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”</a>
       </div>
       <div class="sub-title followers">
@@ -678,8 +622,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 20">20</span>
-        <a href="https://segmentfault.com/a/1190000041885021" target="_blank" title="分享一个 SpringCloud Feign 中所埋藏的坑">分享一个 SpringCloud Feign 中所埋藏的坑</a>
+        <span title="Ranking 18">18</span>
+        <a href="https://segmentfault.com/a/1190000041901584" target="_blank" title="低代码开源， 一键设计稿生成代码，帮您解决生产痛点">低代码开源， 一键设计稿生成代码，帮您解决生产痛点</a>
       </div>
       <div class="sub-title followers">
         
@@ -693,12 +637,12 @@
           <span>4</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/crossoverjie"  title="Programming Language">
-          <span>crossoverJie</span>
+        <a target="_blank" href="https://segmentfault.com/u/zuoyan"  title="Programming Language">
+          <span>左盐</span>
         </a>
       </div>
       <div class="details">
-        前段时间同事碰到一个问题，需要在 SpringCloud 的 Feign 调用中使用自定义的 URL；通常情况下是没有这个需求的；毕竟都用了 SpringCloud 的了，那服务之间的调用都是走注册中心的，不会需要自定义 URL 的情况。
+        作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...
       </div>
     </div>
   </li>
@@ -706,8 +650,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 21">21</span>
-        <a href="https://segmentfault.com/a/1190000041901584" target="_blank" title="低代码开源， 一键设计稿生成代码，帮您解决生产痛点">低代码开源， 一键设计稿生成代码，帮您解决生产痛点</a>
+        <span title="Ranking 19">19</span>
+        <a href="https://segmentfault.com/a/1190000041885021" target="_blank" title="分享一个 SpringCloud Feign 中所埋藏的坑">分享一个 SpringCloud Feign 中所埋藏的坑</a>
       </div>
       <div class="sub-title followers">
         
@@ -721,12 +665,12 @@
           <span>4</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/zuoyan"  title="Programming Language">
-          <span>左盐</span>
+        <a target="_blank" href="https://segmentfault.com/u/crossoverjie"  title="Programming Language">
+          <span>crossoverJie</span>
         </a>
       </div>
       <div class="details">
-        作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...
+        前段时间同事碰到一个问题，需要在 SpringCloud 的 Feign 调用中使用自定义的 URL；通常情况下是没有这个需求的；毕竟都用了 SpringCloud 的了，那服务之间的调用都是走注册中心的，不会需要自定义 URL 的情况。
       </div>
     </div>
   </li>
@@ -734,7 +678,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 22">22</span>
+        <span title="Ranking 20">20</span>
         <a href="https://segmentfault.com/a/1190000041882008" target="_blank" title="精读《react-snippets - Router 源码》">精读《react-snippets - Router 源码》</a>
       </div>
       <div class="sub-title followers">
@@ -762,7 +706,7 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 23">23</span>
+        <span title="Ranking 21">21</span>
         <a href="https://segmentfault.com/a/1190000041902360" target="_blank" title="CSS阴影效果三剑客">CSS阴影效果三剑客</a>
       </div>
       <div class="sub-title followers">
@@ -790,7 +734,35 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 24">24</span>
+        <span title="Ranking 22">22</span>
+        <a href="https://segmentfault.com/a/1190000041895580" target="_blank" title="常见文件MIME对照表">常见文件MIME对照表</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/xiaomogu_5f2124ad3ad42"  title="Programming Language">
+          <span>墨城</span>
+        </a>
+      </div>
+      <div class="details">
+        在html的input标签type=file类型时，accept属性可以过滤文件类型。以下是常见文件的MIME对照表 {代码...} 以上梳理,方便后期使用
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 23">23</span>
         <a href="https://segmentfault.com/a/1190000041890140" target="_blank" title="如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结">如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结</a>
       </div>
       <div class="sub-title followers">
@@ -815,11 +787,39 @@
     </div>
   </li>
   
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 24">24</span>
+        <a href="https://segmentfault.com/a/1190000041903331" target="_blank" title="Three.js 打造缤纷夏日3D梦中情岛 🌊">Three.js 打造缤纷夏日3D梦中情岛 🌊</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/dragonir"  title="Programming Language">
+          <span>dragonir</span>
+        </a>
+      </div>
+      <div class="details">
+        深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...
+      </div>
+    </div>
+  </li>
+  
   <li>
     <div class="info">
       <div class="rank">
         <span title="Ranking 25">25</span>
-        <a href="https://segmentfault.com/a/1190000041880872" target="_blank" title="「前端 BUG 录」变更 UI 库主题引发的问题">「前端 BUG 录」变更 UI 库主题引发的问题</a>
+        <a href="https://segmentfault.com/a/1190000041902005" target="_blank" title="那些常用的服务器在线PING检测工具整理">那些常用的服务器在线PING检测工具整理</a>
       </div>
       <div class="sub-title followers">
         
@@ -830,15 +830,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/linong"  title="Programming Language">
-          <span>linong</span>
+        <a target="_blank" href="https://segmentfault.com/u/9b3sps2b"  title="Programming Language">
+          <span>徐三刀</span>
         </a>
       </div>
       <div class="details">
-        最近有个项目（就叫他 P 项目）做了一次 UI 视觉统一。之前是个小项目用的是默认主题 theme-d ，这次需求还针对性的发布了一套 theme-p 主题。然后出事故了，更新了主题之后我们的 dialog 显示异常了。使用控制台...
+        WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...
       </div>
     </div>
   </li>
@@ -847,7 +847,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 26">26</span>
-        <a href="https://segmentfault.com/a/1190000041880527" target="_blank" title="推荐一些有趣实用的前端可视化工具库，助力可视化开发">推荐一些有趣实用的前端可视化工具库，助力可视化开发</a>
+        <a href="https://segmentfault.com/a/1190000041896595" target="_blank" title="Go学习笔记-Gin常用功能">Go学习笔记-Gin常用功能</a>
       </div>
       <div class="sub-title followers">
         
@@ -858,15 +858,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>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/dxpang"  title="Programming Language">
-          <span>xmanlin</span>
+        <a target="_blank" href="https://segmentfault.com/u/itxiaoma"  title="Programming Language">
+          <span>IT小马</span>
         </a>
       </div>
       <div class="details">
-        前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发效率自然也就提升了。
+        路由gin 框架中采用的路由库是基于httprouter做的Restful风格的APIRepresentational State Transfer 表现层状态转化，是一种互联网应用程序的API设计理念：URL定位资源，用HTTP描述操作增 POST / 删 DELETE / 改 ...
       </div>
     </div>
   </li>
@@ -875,7 +875,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 27">27</span>
-        <a href="https://segmentfault.com/a/1190000041879583" target="_blank" title="Spring 中 @EnableXXX 注解的套路">Spring 中 @EnableXXX 注解的套路</a>
+        <a href="https://segmentfault.com/a/1190000041899310" target="_blank" title="服务启动过程性能波动的分析与解决方案">服务启动过程性能波动的分析与解决方案</a>
       </div>
       <div class="sub-title followers">
         
@@ -889,12 +889,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/mghio"  title="Programming Language">
-          <span>mghio</span>
+        <a target="_blank" href="https://segmentfault.com/u/musicfe"  title="Programming Language">
+          <span>云音乐技术团队</span>
         </a>
       </div>
       <div class="details">
-        在 Spring 框架中有很多实用的功能，不需要写大量的配置代码，只需添加几个注解即可开启。 其中一个重要原因是那些 @EnableXXX 注解，它可以让你通过在配置类加上简单的注解来快速地开启诸如事务管理（@EnableTra...
+        本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。
       </div>
     </div>
   </li>
@@ -903,7 +903,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 28">28</span>
-        <a href="https://segmentfault.com/a/1190000041902005" target="_blank" title="那些常用的服务器在线PING检测工具整理">那些常用的服务器在线PING检测工具整理</a>
+        <a href="https://segmentfault.com/a/1190000041890797" target="_blank" title="Go 关闭chanel &amp; chanel的range循环">Go 关闭chanel &amp; chanel的range循环</a>
       </div>
       <div class="sub-title followers">
         
@@ -914,15 +914,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/9b3sps2b"  title="Programming Language">
-          <span>徐三刀</span>
+        <a target="_blank" href="https://segmentfault.com/u/liberhome"  title="Programming Language">
+          <span>LiberHome</span>
         </a>
       </div>
       <div class="details">
-        WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...
+        发送者这边可以发送一个close(ch),接收方收到之后就知道发送方之后都不会再发送信息了。接收者这边可以通过一个额外的变量，检测通道是否已经关闭。类似这样：v, ok := &lt;- ch这里的ok为false就代表我们从一个...
       </div>
     </div>
   </li>
@@ -931,7 +931,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 29">29</span>
-        <a href="https://segmentfault.com/a/1190000041899310" target="_blank" title="服务启动过程性能波动的分析与解决方案">服务启动过程性能波动的分析与解决方案</a>
+        <a href="https://segmentfault.com/a/1190000041883299" target="_blank" title="App低代码开发的最终形态？APICloud可视化开发初体验">App低代码开发的最终形态？APICloud可视化开发初体验</a>
       </div>
       <div class="sub-title followers">
         
@@ -942,15 +942,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>0</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/musicfe"  title="Programming Language">
-          <span>云音乐技术团队</span>
+        <a target="_blank" href="https://segmentfault.com/u/haikuopingyuyue"  title="Programming Language">
+          <span>海的尽头</span>
         </a>
       </div>
       <div class="details">
-        本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。
+        2、通过组件拖拽出的页面可实时生成对应的前端代码，而且是没有冗余的代码，可直接使用，或进行再优化开发。因此如果产品通过这个工具来设计原型，生成的代码，可提供给开发直接使用。对于技术小白，又想快速做出...
       </div>
     </div>
   </li>
@@ -959,7 +959,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 30">30</span>
-        <a href="https://segmentfault.com/a/1190000041879384" target="_blank" title="硬核！程序员延寿指南">硬核！程序员延寿指南</a>
+        <a href="https://segmentfault.com/a/1190000041906954" target="_blank" title="冴羽答读者问：怎么平衡工作与生活？">冴羽答读者问：怎么平衡工作与生活？</a>
       </div>
       <div class="sub-title followers">
         
@@ -970,15 +970,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>0</span>
+          <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/wodexiaoxiongbujianliao"  title="Programming Language">
-          <span>我的小熊不见了</span>
+        <a target="_blank" href="https://segmentfault.com/u/yayu"  title="Programming Language">
+          <span>冴羽</span>
         </a>
       </div>
       <div class="details">
-        以下内容转载自：[链接]1. 术语ACM: All-Cause Mortality / 全因死亡率2. 目标稳健地活得更久3. 关键结果降低66.67%全因死亡率增加\~20年预期寿命维持多巴胺于中轴4. 分析主要参考：对ACM的学术文献相对较多，可...
+        想像人生是一场在空中不停抛接五个球的游戏，这五个球分别是工作、家庭、健康、朋友以及心灵，而你不能让任何一个球落地。 你很快会发现，工作是一个橡皮球，如果它掉下来，会弹回去，而其他四个球是玻璃做的，如...
       </div>
     </div>
   </li>
@@ -999,7 +999,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/5/29 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/5/30 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>