@wcj/github-rank 22.9.20 → 22.9.21

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/9/20 by 
+  <div class="time">Last cache created on 2022/9/21 by 
     
     
     
@@ -145,7 +145,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000042442388" target="_blank" title="新指令 v-memo，提高性能的又一利器">新指令 v-memo，提高性能的又一利器</a>
+        <a href="https://segmentfault.com/a/1190000042513947" 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>1</span>
+          <span>6</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/minnanitkong"  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">
-        本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
+        其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。
       </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/1190000042509082" target="_blank" title="50天用vue3完成了50个web项目，我学到了什么?">50天用vue3完成了50个web项目，我学到了什么?</a>
+        <a href="https://segmentfault.com/a/1190000042512102" target="_blank" title="借助 :has 实现3d轮播图">借助 :has 实现3d轮播图</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>5</span>
+          <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xishui_5ac9a340a5484"  title="Programming Language">
-          <span>夕水</span>
+        <a target="_blank" href="https://segmentfault.com/u/xboxyan"  title="Programming Language">
+          <span>XboxYan</span>
         </a>
       </div>
       <div class="details">
-        通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...
+        前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...
       </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/1190000042507985" target="_blank" title="精读《State of CSS 2022》">精读《State of CSS 2022》</a>
+        <a href="https://segmentfault.com/a/1190000042515702" target="_blank" title="面试官：请使用JS实现一个优先队列">面试官：请使用JS实现一个优先队列</a>
       </div>
       <div class="sub-title followers">
         
@@ -215,12 +215,12 @@
           <span>2</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/crow_5c1708a9c847d"  title="Programming Language">
+          <span>龙骑士尹道长</span>
         </a>
       </div>
       <div class="details">
-        解决业务代码的 !important 问题。为什么业务代码需要用 !important 解决问题？因为 css 优先级由文件申明顺序有关，而现在大量业务使用动态插入 css 的方案，插入的时机与 js 文件加载与执行时间有关，这就导致...
+        在上个月的四次面试中关于优先队列这种数据结构被问到了两回；还好之前看过部分React源码的scheduler部分对小顶堆有一些理解，模棱两可的说出一部分，现在简单讲讲堆这种数据结构，以及用JS如何实现；
       </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/1190000042509466" target="_blank" title="深入浅出 JavaScript 中的 this">深入浅出 JavaScript 中的 this</a>
+        <a href="https://segmentfault.com/a/1190000042514367" target="_blank" title="WGCLOUD进阶笔记 - 监测oracle表空间">WGCLOUD进阶笔记 - 监测oracle表空间</a>
       </div>
       <div class="sub-title followers">
         
@@ -243,12 +243,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/fengguangping"  title="Programming Language">
-          <span>Gopal</span>
+        <a target="_blank" href="https://segmentfault.com/u/9b3sps2b"  title="Programming Language">
+          <span>一往情深</span>
         </a>
       </div>
       <div class="details">
-        笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多，让我们...
+        我们最近在项目中部署了WGCLOUD平台，它可以监测主机、服务器、进程应用、端口、日志、docker、数据库、服务接口、PING、SNMP等等
       </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/1190000042509388" target="_blank" title="用Colab免费部署自己的AI绘画云平台—— Stable Diffusion">用Colab免费部署自己的AI绘画云平台—— Stable Diffusion</a>
+        <a href="https://segmentfault.com/a/1190000042512976" target="_blank" title="停止像这样使用 &#34;async/await&#34;，改用原版">停止像这样使用 &#34;async/await&#34;，改用原版</a>
       </div>
       <div class="sub-title followers">
         
@@ -271,12 +271,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/qiufeng_5a07f6cb96ee0"  title="Programming Language">
-          <span>程序员秋风</span>
+        <a target="_blank" href="https://segmentfault.com/u/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
         </a>
       </div>
       <div class="details">
-        AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。
+        本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。
       </div>
     </div>
   </li>
@@ -285,7 +285,119 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000042509913" target="_blank" title="微服务开发系列：为什么选择 kotlin">微服务开发系列：为什么选择 kotlin</a>
+        <a href="https://segmentfault.com/a/1190000042517443" target="_blank" title="手写一个mini版本的React状态管理工具">手写一个mini版本的React状态管理工具</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/xishui_5ac9a340a5484"  title="Programming Language">
+          <span>夕水</span>
+        </a>
+      </div>
+      <div class="details">
+        手写一个mini版本的React状态管理工具目前在React中，有很多各式各样的状态管理工具，如：React ReduxMobxHox每一个状态管理工具都有着不尽相同的API和使用方式，而且都有一定的学习成本，而且这些状态管理工具也...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 7">7</span>
+        <a href="https://segmentfault.com/a/1190000042514709" target="_blank" title="作为前端工程师，你还不懂怎么用Node写静态文件服务器吗？">作为前端工程师，你还不懂怎么用Node写静态文件服务器吗？</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/jinjidedacong"  title="Programming Language">
+          <span>进击的大葱</span>
+        </a>
+      </div>
+      <div class="details">
+        作为前端工程师，我想大家一定对静态文件服务器不会陌生。所谓的静态文件服务器做的工作就是将我们的前端静态文件(.js/.css/.html)传输给浏览器，然后浏览器再将我们的页面渲染出来。我们常用的webpack-dev-serve...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 8">8</span>
+        <a href="https://segmentfault.com/a/1190000042514163" target="_blank" title="这几种常见的 JVM 调优场景，你知道吗？">这几种常见的 JVM 调优场景，你知道吗？</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/taozi_60b0b3c71b1a8"  title="Programming Language">
+          <span>Java架构师</span>
+        </a>
+      </div>
+      <div class="details">
+        cpu占用过高要分情况讨论，是不是业务上在搞活动，突然有大批的流量进来，而且活动结束后cpu占用率就下降了，如果是这种情况其实可以不用太关心，因为请求越多，需要处理的线程数越多，这是正常的现象。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000042513773" target="_blank" title="SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？">SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？</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/beverly0"  title="Programming Language">
+          <span>Beverly</span>
+        </a>
+      </div>
+      <div class="details">
+        运算符重载其实并不是一个常用的功能；因为会改变运算符的语义，比如明明是加法却在重载函数中写为减法。这会使得代码阅读起来困难，但在某些情况下我们又非常希望语言本身能支持运算符重载。比如在 Go 中常用的...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000042513322" target="_blank" title="爬虫与反爬虫技术简介">爬虫与反爬虫技术简介</a>
       </div>
       <div class="sub-title followers">
         
@@ -299,12 +411,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/zxdposter"  title="Programming Language">
-          <span>zxdposter</span>
+        <a target="_blank" href="https://segmentfault.com/u/vivo_tech"  title="Programming Language">
+          <span>vivo互联网技术</span>
         </a>
       </div>
       <div class="details">
-        开发人员可以根据自己需要采用 java 语言开发，但是很明显的，项目中各种工具类已经为了 kotlin 做出了很多修改，如果大量采用 java 开发， 结果可能是比纯 java 开发的速度还要慢。
+        互联网的大数据时代的来临，网络爬虫也成了互联网中一个重要行业，它是一种自动获取网页数据信息的爬虫程序，是网站搜索引擎的重要组成部分。通过爬虫，可以获取自己想要的相关数据信息，让爬虫协助自己的工作，...
       </div>
     </div>
   </li>
@@ -325,7 +437,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/9/20 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/9/21 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>