@wcj/github-rank 22.8.30 → 22.8.31

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/8/30 by 
+  <div class="time">Last cache created on 2022/8/31 by 
     
     
     
@@ -145,7 +145,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000042396742" target="_blank" title="实体关系图 (ERD)">实体关系图 (ERD)</a>
+        <a href="https://segmentfault.com/a/1190000042398943" target="_blank" title="巧用 transition 实现短视频 APP 点赞动画">巧用 transition 实现短视频 APP 点赞动画</a>
       </div>
       <div class="sub-title followers">
         
@@ -156,15 +156,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>5</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/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
         </a>
       </div>
       <div class="details">
-        ERD, 即 entity Relationship diagram, 实体关系图。使用一组定义的符号，如矩形、菱形、椭圆和连接线来描述实体、关系及其属性的相互联系。
+        那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。
       </div>
     </div>
   </li>
@@ -173,7 +173,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000042396908" target="_blank" title="Docker网络模型以及容器通信">Docker网络模型以及容器通信</a>
+        <a href="https://segmentfault.com/a/1190000042397184" target="_blank" title="如何让CSS计数器支持小数的动态变化？">如何让CSS计数器支持小数的动态变化？</a>
       </div>
       <div class="sub-title followers">
         
@@ -184,15 +184,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/xiaojt"  title="Programming Language">
-          <span>甜点cc</span>
+        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
+          <span>XboxYan</span>
         </a>
       </div>
       <div class="details">
-        本篇接着上篇：【Docker0网络及原理探究】，继续深入探究容器网络通信原理，通过学习Docker网路驱动模型，更好地解决容器间的通信问题🎉🎉
+        最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：
       </div>
     </div>
   </li>
@@ -201,7 +201,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000042392152" target="_blank" title="精读《SolidJS》">精读《SolidJS》</a>
+        <a href="https://segmentfault.com/a/1190000042398799" target="_blank" title="前后端数据接口协作提效实践">前后端数据接口协作提效实践</a>
       </div>
       <div class="sub-title followers">
         
@@ -212,15 +212,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/aoyangyudakong"  title="Programming Language">
-          <span>黄子毅</span>
+        <a target="_blank" href="https://segmentfault.com/u/baidujiagoushi"  title="Programming Language">
+          <span>百度Geek说</span>
         </a>
       </div>
       <div class="details">
-        SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。
+        导读：在大部分场景中，前后端可以在开发前约定好数据接口，双方能够围绕约定并行地完成开发和自测 。然而在大型系统中一些后端模块有时并非直连前端，在它们之间可能包含一些其它模块的处理过程，为了保证数据真...
       </div>
     </div>
   </li>
@@ -229,7 +229,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000042396414" target="_blank" title="总结一下er图的设计">总结一下er图的设计</a>
+        <a href="https://segmentfault.com/a/1190000042399644" target="_blank" title="【译】20个实用的JavaScript技巧">【译】20个实用的JavaScript技巧</a>
       </div>
       <div class="sub-title followers">
         
@@ -240,15 +240,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/crister_612f55567eb8c"  title="Programming Language">
-          <span>李明</span>
+        <a target="_blank" href="https://segmentfault.com/u/ansonznl"  title="Programming Language">
+          <span>九旬</span>
         </a>
       </div>
       <div class="details">
-        er图中的er是entity relationship的简写即实体关系，一个好的er图会使整个项目编写起来都会比较轻松。er图的首要任务就是理清实体间的关系，而不是去关心实体中的属性，即各个实体是1：1，1：n，还是n：m。并且各...
+        JavaScript不断发展壮大，因为它是最容易上手的语言之一，因此为市场上的新“成为技术怪才”打开了大门。（真假的啊？）的确，JavaScript可以做很多出色的事情！还有很多东西要学习。而且，无论您是JavaScript的新...
       </div>
     </div>
   </li>
@@ -257,7 +257,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000042396412" target="_blank" title="记录一次用docker-compose配置 mysql的过程">记录一次用docker-compose配置 mysql的过程</a>
+        <a href="https://segmentfault.com/a/1190000042402701" target="_blank" title="SegmentFaul 2022 年社区周报 Vol.7 | 好久不见~">SegmentFaul 2022 年社区周报 Vol.7 | 好久不见~</a>
       </div>
       <div class="sub-title followers">
         
@@ -271,12 +271,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/crister_612f55567eb8c"  title="Programming Language">
-          <span>李明</span>
+        <a target="_blank" href="https://segmentfault.com/u/segmentfault"  title="Programming Language">
+          <span>SegmentFault思否</span>
         </a>
       </div>
       <div class="details">
-        本周主要事件都在设计原型或者是设计er图，没有出现什么技术上的问题。但是本周在学第的提问中却出现了问题，我本来想直接在学第给的远程代码拉到本地执行来解决问题，但是在运行时出现了问题，mysql又出问题了。
+        这期间，社区发生了很多很多事情，调整了许多功能模块，当然也包含本喵的诞生，今天社区运营周报制度正式恢复啦，本喵带你了解一下这周社区都发生了什么吧~
       </div>
     </div>
   </li>
@@ -285,7 +285,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000042397748" target="_blank" title="elementui源码学习之仿写一个el-collapse">elementui源码学习之仿写一个el-collapse</a>
+        <a href="https://segmentfault.com/a/1190000042406132" target="_blank" title="给小鹤音形安个&#34;家&#34;">给小鹤音形安个&#34;家&#34;</a>
       </div>
       <div class="sub-title followers">
         
@@ -296,15 +296,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/shuirongshui"  title="Programming Language">
-          <span>水冗水孚</span>
+        <a target="_blank" href="https://segmentfault.com/u/xiaohuangbenhuang"  title="Programming Language">
+          <span>小黄本黄</span>
         </a>
       </div>
       <div class="details">
-        本篇文章记录仿写一个el-collapse组件细节，从而有助于大家更好理解饿了么ui对应组件具体工作细节。本文是elementui源码学习仿写系列的又一篇文章，后续空闲了会不断更新并仿写其他组件。源码在github上，大家可...
+        最近换工作了，同事看到我在打字的时候蛮神奇的（我当时用的飞扬，关闭了候选栏），问我用的什么输入法，我说是小鹤音形，他立马去了解了。如果我能传播一下小鹤音形，那我也蛮开心的，但是在工作的时候，还没见...
       </div>
     </div>
   </li>
@@ -313,7 +313,147 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000042396155" target="_blank" title="【Java面试】这也太卷了~面试竟然问，HTTP协议和RPC协议的区别">【Java面试】这也太卷了~面试竟然问，HTTP协议和RPC协议的区别</a>
+        <a href="https://segmentfault.com/a/1190000042405945" target="_blank" title="SpringBoot配置文件application">SpringBoot配置文件application</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/zbzcdzf"  title="Programming Language">
+          <span>代码的路</span>
+        </a>
+      </div>
+      <div class="details">
+        原文链接Map配置YML配置文件: {代码...} 方法内： {代码...} cron表达式YML配置文件: {代码...} 代码示例： {代码...}   学习更多编程知识，请关注我的公众号：代码的路
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 8">8</span>
+        <a href="https://segmentfault.com/a/1190000042404696" target="_blank" title="深入理解JavaScript-Object.create">深入理解JavaScript-Object.create</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/johanazhu"  title="Programming Language">
+          <span>山头人汉波</span>
+        </a>
+      </div>
+      <div class="details">
+        2006年，Douglas Grockford 写了一篇文章：《JavaScript 中的原型式继承》（”Prototypal Inheritance in JavaScript“）。这篇文章介绍了一种不涉及严格意义上构造函数的继承方法。他的出发点是即使不自定义类型也...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000042400136" target="_blank" title="大家都能看得懂的源码 - 那些关于DOM的常见Hook封装（二）">大家都能看得懂的源码 - 那些关于DOM的常见Hook封装（二）</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/fengguangping"  title="Programming Language">
+          <span>Gopal</span>
+        </a>
+      </div>
+      <div class="details">
+        本文是深入浅出 ahooks 源码系列文章的第十五篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。本篇接着针对关于 DOM 的各个 Hook 封装进行解读。useFullscreen管理 DOM 全屏的 Hook。该...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000042398915" target="_blank" title="【高并发】通过源码深度解析ThreadPoolExecutor类是如何保证线程池正确运行的">【高并发】通过源码深度解析ThreadPoolExecutor类是如何保证线程池正确运行的</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/binghe001"  title="Programming Language">
+          <span>冰河</span>
+        </a>
+      </div>
+      <div class="details">
+        AtomicInteger类型的常量ctl是贯穿线程池整个生命周期的重要属性，它是一个原子类对象，主要用来保存线程的数量和线程池的状态，我们看下与这个属性相关的代码如下所示。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 11">11</span>
+        <a href="https://segmentfault.com/a/1190000042398701" 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/linybjikezhilu"  title="Programming Language">
+          <span>linyb极客之路</span>
+        </a>
+      </div>
+      <div class="details">
+        管道模式不属于我们常说的23种设计模式中的一种，它可以看成是责任链模式的一种变体。所谓的管道模式用技术话来说，就是把数据传递给一个任务队列，由任务队列按次序依次对数据进行加工处理。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000042400002" target="_blank" title="BI如何配置“花生壳”，看这一篇就够了">BI如何配置“花生壳”，看这一篇就够了</a>
       </div>
       <div class="sub-title followers">
         
@@ -327,12 +467,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/fukua_5be8034f8191f"  title="Programming Language">
-          <span>跟着Mic学架构</span>
+        <a target="_blank" href="https://segmentfault.com/u/grapecity"  title="Programming Language">
+          <span>葡萄城技术团队</span>
         </a>
       </div>
       <div class="details">
-        “Http协议和RPC协议有什么区别？”最近很多人问我这个问题，他们都不知道怎么回答。今天我们就来了解一下这个问题的高手回答。另外，我把文字版本的内容整理到了一个15W字的面试文档里了。大家可以看文章尾端领取...
+        花生壳作为一款免费的内网穿透软件，在软件行业备受青睐。在做好产品的同时，如何让客户轻松看到，也是非常有必要的。本篇将带领大家使用“花生壳”软件完成BI数据分析的配置。第一步：下载安装，注册。第二步：设...
       </div>
     </div>
   </li>
@@ -353,7 +493,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/8/30 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/8/31 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>