@wcj/github-rank 22.10.21 → 22.10.22

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/10/21 by 
+  <div class="time">Last cache created on 2022/10/22 by 
     
     
     
@@ -145,7 +145,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000042653533" target="_blank" title="超强的苹果官网滚动文字特效实现">超强的苹果官网滚动文字特效实现</a>
+        <a href="https://segmentfault.com/a/1190000042661646" target="_blank" title="利用思否猫素材实现一个丝滑的轮播图（html + css + js）">利用思否猫素材实现一个丝滑的轮播图（html + css + js）</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>8</span>
+          <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
-          <span>chokcoco</span>
+        <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484"  title="Programming Language">
+          <span>夕水</span>
         </a>
       </div>
       <div class="details">
-        每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...
+        使用思否猫素材实现一个轮播图本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:htmlcssjs没错，就是html，css,js,现在是框架盛行的时代，所以很少会有人在意原生三件套，通过本文实现一个丝...
       </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/1190000042657582" target="_blank" title="Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9">Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9</a>
+        <a href="https://segmentfault.com/a/1190000042665605" target="_blank" title="阿里巴巴 Noslate 正式开源 - 面向云原生的 JavaScript 容器方案">阿里巴巴 Noslate 正式开源 - 面向云原生的 JavaScript 容器方案</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>2</span>
+          <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/mobtech"  title="Programming Language">
-          <span>MobTech袤博</span>
+        <a target="_blank" href="https://segmentfault.com/u/aliterminal"  title="Programming Language">
+          <span>阿里巴巴终端技术</span>
         </a>
       </div>
       <div class="details">
-        过去 Web 非常简单。URL 指向服务器，服务器将数据混合成 html，然后在浏览器上呈现该响应。围绕这种简单范式，诞生了各种 Javascript 框架，以前可能需要数月时间完成的一个应用程序基本功能，现在借助这些框架...
+        继 2019 年开源 Midway 框架之后，阿里一直在 Node.js 的前沿进行深度研究，除了加入 TC39 参与标准化建设，向上游 Node.js 项目持续贡献，与龙蜥社区合作优化之外，也在 Serverless 领域有了不小的成果。
       </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/1190000042658579" target="_blank" title="头大了，我的Sentry为什么上报错误不准">头大了，我的Sentry为什么上报错误不准</a>
+        <a href="https://segmentfault.com/a/1190000042659356" target="_blank" title="Vue虚拟dom是如何被创建的">Vue虚拟dom是如何被创建的</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/wujiantao_5a06ffda461ec"  title="Programming Language">
-          <span>江湖人称007</span>
+        <a target="_blank" href="https://segmentfault.com/u/junyidemaodou"  title="Programming Language">
+          <span>yyds2026</span>
         </a>
       </div>
       <div class="details">
-        “瞎子过河记”项目的监控报错机制使用 Sentry，为了更好的定位到错误，所以需要上传 sourcemap最终踩坑完毕Sentry列表展示接口信息与页面报错区分提供更多有效自定义tag帮助快速定位分享一下我的踩坑之路（基础教...
+        我们看到了AST经过三轮加工，最终脱胎换骨成为render function code。那么我们这一章就来讲AST的第三次试炼。入口文件./codegen/index
       </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/1190000042658020" target="_blank" title="js使用input实现双向slider">js使用input实现双向slider</a>
+        <a href="https://segmentfault.com/a/1190000042660224" target="_blank" title="JSON 这么可爱，让我们用千字短文吃透它吧！">JSON 这么可爱，让我们用千字短文吃透它吧！</a>
       </div>
       <div class="sub-title followers">
         
@@ -243,12 +243,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/kekelezizi"  title="Programming Language">
-          <span>可可乐滋滋</span>
+        <a target="_blank" href="https://segmentfault.com/u/amc"  title="Programming Language">
+          <span>amc</span>
         </a>
       </div>
       <div class="details">
-        手动实现双向slider通过使用两个input实现双向slider1. HTML大致结构如下 {代码...} 2. 样式改造使用两个range类型的input，然后修改样式。隐藏自身滑动颜色使得叠加展示range都能拖动兼容调整拖动圆圈样式 {代码...
+        JSON，一个伟大的协议，前端工程师的卓越发明！相信 99% 的程序员都认识 JSON，它作为前后端交互的热门协议，因其易理解、简单、灵活和超强的可读性，得到了互联网的广泛欢迎，甚至很多微服务之间的传输协议中也...
       </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/1190000042653911" target="_blank" title="VS Code For Web 深入浅出 -- 进程间通信篇">VS Code For Web 深入浅出 -- 进程间通信篇</a>
+        <a href="https://segmentfault.com/a/1190000042660054" target="_blank" title="「思否猫快跑」原生js小游戏">「思否猫快跑」原生js小游戏</a>
       </div>
       <div class="sub-title followers">
         
@@ -271,12 +271,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/duang_58e87246ca82f"  title="Programming Language">
-          <span>Duang</span>
+        <a target="_blank" href="https://segmentfault.com/u/yang_631952f8aa767"  title="Programming Language">
+          <span>Yangπ</span>
         </a>
       </div>
       <div class="details">
-        在上一篇中，我们一起分析了 VS Code 整体的代码架构，了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web，后端是本地还是云端，其调用方式并无不同。
+        SegmentFault 思否的吉祥物是一只独一无二、特立独行、热爱自由的(&gt;^ω^&lt;)独角猫，也是社区的首席摸鱼官。于是本次作品是以思否猫为原型搭配原生js完成了一个类似跑酷的小游戏
       </div>
     </div>
   </li>
@@ -285,63 +285,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000042653623" target="_blank" title="分布式ID生成服务的技术原理和项目实战">分布式ID生成服务的技术原理和项目实战</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/baidujiagoushi"  title="Programming Language">
-          <span>百度Geek说</span>
-        </a>
-      </div>
-      <div class="details">
-        导读 ID在我们的开发工作和日常生活中使用的非常频繁，几乎只要是在开发就会天天打交道，它的应用场景十分广泛，比如：身份证号，下单生成的订单号，购买的联合会员商品的兑换券码。不同场景对ID生成服务的要求不...
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000042652969" target="_blank" title="为什么 async/await 不仅仅是句法糖">为什么 async/await 不仅仅是句法糖</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/minnanitkong"  title="Programming Language">
-          <span>前端小智</span>
-        </a>
-      </div>
-      <div class="details">
-        微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
-      </div>
-    </div>
-  </li>
-  
-  <li>
-    <div class="info">
-      <div class="rank">
-        <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000042653223" target="_blank" title="【5-1 Golang】实战—Go程序分析利器pprof">【5-1 Golang】实战—Go程序分析利器pprof</a>
+        <a href="https://segmentfault.com/a/1190000042666738" target="_blank" title="1024 表情包文案征集，人人都是表情包创作者！">1024 表情包文案征集，人人都是表情包创作者！</a>
       </div>
       <div class="sub-title followers">
         
@@ -355,12 +299,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/tomato_5e8c292fd884c"  title="Programming Language">
-          <span>西红柿</span>
+        <a target="_blank" href="https://segmentfault.com/u/wanshiones"  title="Programming Language">
+          <span>万事ONES</span>
         </a>
       </div>
       <div class="details">
-        不知道你有没有遇到这种情况，Go服务总是是不是的响应非常慢排查发现所有的依赖还都挺快，感觉是Go服务自身慢又不知道怎么慢在哪里；或者说请求甚至完全没响应，Go服务明明在正常运行，请求去哪儿了...
+        马上又到一年一度的1024啦，先预祝各位开发者们节日快乐！代代（码）平安！工作顺利！经常有开发者小伙伴和小编反映，自己不善言辞说不过人，职场上吃亏。但是有没有可能，制霸职场聊天窗，你缺的只是一套表情包...
       </div>
     </div>
   </li>
@@ -381,7 +325,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/21 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/10/22 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>