@wcj/github-rank 22.10.19 → 22.10.21

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/21 by 
     
     
     
@@ -145,7 +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>
+        <a href="https://segmentfault.com/a/1190000042653533" target="_blank" title="超强的苹果官网滚动文字特效实现">超强的苹果官网滚动文字特效实现</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>13</span>
+          <span>8</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
-          <span>XboxYan</span>
+        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
         </a>
       </div>
       <div class="details">
-        欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(&gt;^ω^&lt;...
+        每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...
       </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/1190000042635772" target="_blank" title="第一个可以在条件语句中使用的原生hook诞生了">第一个可以在条件语句中使用的原生hook诞生了</a>
+        <a href="https://segmentfault.com/a/1190000042657582" target="_blank" title="Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9">Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9</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>3</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
-          <span>卡颂</span>
+        <a target="_blank" href="https://segmentfault.com/u/mobtech"  title="Programming Language">
+          <span>MobTech袤博</span>
         </a>
       </div>
       <div class="details">
-        大家好，我卡颂。在10月13日的first-class-support-for-promises RFC中，介绍了一种新的hook —— use。use什么？就是use，这个hook就叫use。这也是第一个：可以在条件语句中书写的hook可以在其他hook回调中书写的h...
+        过去 Web 非常简单。URL 指向服务器，服务器将数据混合成 html，然后在浏览器上呈现该响应。围绕这种简单范式，诞生了各种 Javascript 框架，以前可能需要数月时间完成的一个应用程序基本功能，现在借助这些框架...
       </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/1190000042638725" target="_blank" title="SegmentFault 2022 年社区周报 Vol.11">SegmentFault 2022 年社区周报 Vol.11</a>
+        <a href="https://segmentfault.com/a/1190000042658579" target="_blank" title="头大了，我的Sentry为什么上报错误不准">头大了，我的Sentry为什么上报错误不准</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>1</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/segmentfault"  title="Programming Language">
-          <span>SegmentFault思否</span>
+        <a target="_blank" href="https://segmentfault.com/u/wujiantao_5a06ffda461ec"  title="Programming Language">
+          <span>江湖人称007</span>
         </a>
       </div>
       <div class="details">
-        hello，大家好呀，周二来到，本喵报道🙋又是新的一周开始，话不多说，一起来看看近期发生了哪些事儿～社区活动本周活动：致「独一无二」的你｜1024 程序员节系列活动仍在火热进行中！第一站：用代码 DIY 你的专属...
+        “瞎子过河记”项目的监控报错机制使用 Sentry，为了更好的定位到错误，所以需要上传 sourcemap最终踩坑完毕Sentry列表展示接口信息与页面报错区分提供更多有效自定义tag帮助快速定位分享一下我的踩坑之路（基础教...
       </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/1190000042636388" target="_blank" title="SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？">SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？</a>
+        <a href="https://segmentfault.com/a/1190000042658020" target="_blank" title="js使用input实现双向slider">js使用input实现双向slider</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/beverly0"  title="Programming Language">
-          <span>Beverly</span>
+        <a target="_blank" href="https://segmentfault.com/u/kekelezizi"  title="Programming Language">
+          <span>可可乐滋滋</span>
         </a>
       </div>
       <div class="details">
-        Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打...
+        手动实现双向slider通过使用两个input实现双向slider1. HTML大致结构如下 {代码...} 2. 样式改造使用两个range类型的input，然后修改样式。隐藏自身滑动颜色使得叠加展示range都能拖动兼容调整拖动圆圈样式 {代码...
       </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/1190000042635667" target="_blank" title="两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航">两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航</a>
+        <a href="https://segmentfault.com/a/1190000042653911" target="_blank" title="VS Code For Web 深入浅出 -- 进程间通信篇">VS Code For Web 深入浅出 -- 进程间通信篇</a>
       </div>
       <div class="sub-title followers">
         
@@ -268,15 +268,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/xboxyan"  title="Programming Language">
-          <span>XboxYan</span>
+        <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f"  title="Programming Language">
+          <span>Duang</span>
         </a>
       </div>
       <div class="details">
-        通常情况下，反弹效果可以反映出是否滚动到了边界，让滚动体验更加丝滑，算是一种体验的提升，但是如果页面总有fixed定位元素，同样也会受到影响，在视觉上不是那么美观，那有没有办法阻止呢？
+        在上一篇中，我们一起分析了 VS Code 整体的代码架构，了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web，后端是本地还是云端，其调用方式并无不同。
       </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/1190000042638751" target="_blank" title="2022前端面试总结">2022前端面试总结</a>
+        <a href="https://segmentfault.com/a/1190000042653623" target="_blank" title="分布式ID生成服务的技术原理和项目实战">分布式ID生成服务的技术原理和项目实战</a>
       </div>
       <div class="sub-title followers">
         
@@ -299,12 +299,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/baidujiagoushi"  title="Programming Language">
+          <span>百度Geek说</span>
         </a>
       </div>
       <div class="details">
-        首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...
+        导读 ID在我们的开发工作和日常生活中使用的非常频繁，几乎只要是在开发就会天天打交道，它的应用场景十分广泛，比如：身份证号，下单生成的订单号，购买的联合会员商品的兑换券码。不同场景对ID生成服务的要求不...
       </div>
     </div>
   </li>
@@ -313,7 +313,7 @@
     <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>
+        <a href="https://segmentfault.com/a/1190000042652969" target="_blank" title="为什么 async/await 不仅仅是句法糖">为什么 async/await 不仅仅是句法糖</a>
       </div>
       <div class="sub-title followers">
         
@@ -327,12 +327,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/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
         </a>
       </div>
       <div class="details">
-        用户的 SQL 请求会直接或者通过 Load Balancer 发送到 京东云TiDB Server，TiDB Server 会解析 MySQL Protocol Packet，获取请求内容，对 SQL 进行语法解析和语义分析，制定和优化查询计划，执行查询计划并获取和...
+        微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
       </div>
     </div>
   </li>
@@ -341,7 +341,7 @@
     <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>
+        <a href="https://segmentfault.com/a/1190000042653223" target="_blank" title="【5-1 Golang】实战—Go程序分析利器pprof">【5-1 Golang】实战—Go程序分析利器pprof</a>
       </div>
       <div class="sub-title followers">
         
@@ -355,68 +355,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/macrozheng"  title="Programming Language">
-          <span>macrozheng</span>
-        </a>
-      </div>
-      <div class="details">
-        使用过Spring Data操作ES的小伙伴应该有所了解，它只能实现一些非常基本的数据管理工作，一旦遇到稍微复杂点的查询，基本都要依赖ES官方提供的RestHighLevelClient，Spring Data只是在其基础上进行了简单的封装。...
-      </div>
-    </div>
-  </li>
-  
-  <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>
-      </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/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/tomato_5e8c292fd884c"  title="Programming Language">
+          <span>西红柿</span>
         </a>
       </div>
       <div class="details">
-        Drools是一款老牌的java规则引擎框架，早在十几年前，我刚工作的时候，曾在一家第三方支付企业工作。在核心的支付路由层面我记得就是用Drools来做的。
+        不知道你有没有遇到这种情况，Go服务总是是不是的响应非常慢排查发现所有的依赖还都挺快，感觉是Go服务自身慢又不知道怎么慢在哪里；或者说请求甚至完全没响应，Go服务明明在正常运行，请求去哪儿了...
       </div>
     </div>
   </li>
@@ -437,7 +381,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/21 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>