@wcj/github-rank 22.10.19 → 22.10.20

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/10/19 by 
+  <div class="time">Last cache created on 2022/10/20 by 
     
     
     
@@ -145,35 +145,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000042643893" target="_blank" title="CSS 绘制一只思否猫">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>13</span>
-        </span>
-        &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
-          <span>XboxYan</span>
-        </a>
-      </div>
-      <div class="details">
-        欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(&gt;^ω^&lt;...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000042635772" target="_blank" title="第一个可以在条件语句中使用的原生hook诞生了">第一个可以在条件语句中使用的原生hook诞生了</a>
+        <a href="https://segmentfault.com/a/1190000042647263" target="_blank" title="SegmentFault 思否 Top Writer 榜单｜2022年第三季度">SegmentFault 思否 Top Writer 榜单｜2022年第三季度</a>
       </div>
       <div class="sub-title followers">
         
@@ -187,96 +159,12 @@
           <span>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
-          <span>卡颂</span>
-        </a>
-      </div>
-      <div class="details">
-        大家好，我卡颂。在10月13日的first-class-support-for-promises RFC中，介绍了一种新的hook —— use。use什么？就是use，这个hook就叫use。这也是第一个：可以在条件语句中书写的hook可以在其他hook回调中书写的h...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000042638725" target="_blank" title="SegmentFault 2022 年社区周报 Vol.11">SegmentFault 2022 年社区周报 Vol.11</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">
-        hello，大家好呀，周二来到，本喵报道🙋又是新的一周开始，话不多说，一起来看看近期发生了哪些事儿～社区活动本周活动：致「独一无二」的你｜1024 程序员节系列活动仍在火热进行中！第一站：用代码 DIY 你的专属...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000042636388" target="_blank" title="SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？">SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？</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/beverly0"  title="Programming Language">
-          <span>Beverly</span>
-        </a>
-      </div>
-      <div class="details">
-        Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000042635667" target="_blank" title="两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航">两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航</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/xboxyan"  title="Programming Language">
-          <span>XboxYan</span>
-        </a>
-      </div>
-      <div class="details">
-        通常情况下，反弹效果可以反映出是否滚动到了边界，让滚动体验更加丝滑，算是一种体验的提升，但是如果页面总有fixed定位元素，同样也会受到影响，在视觉上不是那么美观，那有没有办法阻止呢？
+        他们是社区的基石，也是行业发展、技术发展的源动力。他们是一群活跃在 SegmentFault 思否社区的一群卓越的开发者，他们热衷于分享知识与经验，他们布道技术与未来，他们让众多开发者受益，他们叫「Top Writer」。
       </div>
     </div>
   </li>
@@ -284,8 +172,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000042638751" target="_blank" title="2022前端面试总结">2022前端面试总结</a>
+        <span title="Ranking 2">2</span>
+        <a href="https://segmentfault.com/a/1190000042652450" target="_blank" title="移动端页面如何优雅的适配各种屏幕，包括PC端">移动端页面如何优雅的适配各种屏幕，包括PC端</a>
       </div>
       <div class="sub-title followers">
         
@@ -299,12 +187,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/wensandaoshi"  title="Programming Language">
-          <span>fx67ll</span>
+        <a target="_blank" href="https://segmentfault.com/u/jiejiaoxiaolin"  title="Programming Language">
+          <span>街角小林</span>
         </a>
       </div>
       <div class="details">
-        首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...
+        本文为Varlet组件库源码主题阅读系列第八篇，读完本篇，可以了解到移动端页面如何适配各种尺寸的屏幕，包括pc端，另外如何将触摸事件转换成鼠标事件。
       </div>
     </div>
   </li>
@@ -312,8 +200,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000042636268" target="_blank" title="京东云TiDB SQL优化的最佳实践">京东云TiDB SQL优化的最佳实践</a>
+        <span title="Ranking 3">3</span>
+        <a href="https://segmentfault.com/a/1190000042645140" target="_blank" title="SpringBoot Activiti6系列教程(八)-流程拒绝实现">SpringBoot Activiti6系列教程(八)-流程拒绝实现</a>
       </div>
       <div class="sub-title followers">
         
@@ -327,12 +215,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/jdcdevloper"  title="Programming Language">
-          <span>京东云开发者</span>
+        <a target="_blank" href="https://segmentfault.com/u/wls1036"  title="Programming Language">
+          <span>wls1036</span>
         </a>
       </div>
       <div class="details">
-        用户的 SQL 请求会直接或者通过 Load Balancer 发送到 京东云TiDB Server，TiDB Server 会解析 MySQL Protocol Packet，获取请求内容，对 SQL 进行语法解析和语义分析，制定和优化查询计划，执行查询计划并获取和...
+        从这章开始，就正式进入activiti的实战开发，使用activiti实现各种审批动作，包括一些中国式流程操作，比如回退，征询等，这些操作activiti的标准功能是没有的，但因为activiti不算复杂，也比较灵活，因此可以通...
       </div>
     </div>
   </li>
@@ -340,8 +228,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000042635525" target="_blank" title="MyBatis-Plus同款Elasticsearch ORM框架，用起来够优雅！">MyBatis-Plus同款Elasticsearch ORM框架，用起来够优雅！</a>
+        <span title="Ranking 4">4</span>
+        <a href="https://segmentfault.com/a/1190000042645131" target="_blank" title="SpringBoot Activiti6系列教程(七)-变量">SpringBoot Activiti6系列教程(七)-变量</a>
       </div>
       <div class="sub-title followers">
         
@@ -355,12 +243,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/macrozheng"  title="Programming Language">
-          <span>macrozheng</span>
+        <a target="_blank" href="https://segmentfault.com/u/wls1036"  title="Programming Language">
+          <span>wls1036</span>
         </a>
       </div>
       <div class="details">
-        使用过Spring Data操作ES的小伙伴应该有所了解，它只能实现一些非常基本的数据管理工作，一旦遇到稍微复杂点的查询，基本都要依赖ES官方提供的RestHighLevelClient，Spring Data只是在其基础上进行了简单的封装。...
+        接上一篇文章，我们探究了execution的运行机制，activiti里变量的作用域就是通过execution实现，activiti里变量按作用域有以下几种
       </div>
     </div>
   </li>
@@ -368,8 +256,8 @@
   <li>
     <div class="info">
       <div class="rank">
-        <span title="Ranking 9">9</span>
-        <a href="https://segmentfault.com/a/1190000042643408" target="_blank" title="滴滴开源的APM方案Dokit接入">滴滴开源的APM方案Dokit接入</a>
+        <span title="Ranking 5">5</span>
+        <a href="https://segmentfault.com/a/1190000042645051" target="_blank" title="进阶vue面试题总结">进阶vue面试题总结</a>
       </div>
       <div class="sub-title followers">
         
@@ -383,40 +271,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xiangzhihong"  title="Programming Language">
-          <span>xiangzhihong</span>
-        </a>
-      </div>
-      <div class="details">
-        DoKit是一款面向泛前端产品研发全生命周期的效率平台，目前支持诸如Android、 iOS、小程序、Flutter和Web等多个平台。并且，随着dokit.cn平台端的推出，也标志着DoKit已经从单纯的效率工具正式进入了效率工具平台...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 10">10</span>
-        <a href="https://segmentfault.com/a/1190000042635731" target="_blank" title="规则引擎深度对比，LiteFlow vs Drools！">规则引擎深度对比，LiteFlow vs Drools！</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/bosaidong_5c495684bcf4b"  title="Programming Language">
-          <span>铂赛东</span>
+        <a target="_blank" href="https://segmentfault.com/u/fengdudehongjinyu"  title="Programming Language">
+          <span>风度翩翩的红金鱼</span>
         </a>
       </div>
       <div class="details">
-        Drools是一款老牌的java规则引擎框架，早在十几年前，我刚工作的时候，曾在一家第三方支付企业工作。在核心的支付路由层面我记得就是用Drools来做的。
+        根据过滤器的名称，过滤器是用来过滤数据的，在Vue中使用filters来过滤数据，filters不会修改数据，而是过滤数据，改变用户看到的输出（计算属性 computed ，方法 methods 都是通过修改数据来处理数据格式的输出...
       </div>
     </div>
   </li>
@@ -437,7 +297,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/10/19 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/10/20 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>