@wcj/github-rank 22.6.16 → 22.6.17

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/6/16 by 
+  <div class="time">Last cache created on 2022/6/17 by 
     
     
     
@@ -147,7 +147,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041986392" target="_blank" title="什么是走索引？">什么是走索引？</a>
+        <a href="https://segmentfault.com/a/1190000041992773" target="_blank" title="React Suspense 尝鲜,处理前后端IO异步操作">React Suspense 尝鲜,处理前后端IO异步操作</a>
       </div>
       <div class="sub-title followers">
         
@@ -158,15 +158,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>4</span>
+          <span>7</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/yunshu_blog"  title="Programming Language">
-          <span>云叔_又拍云</span>
+        <a target="_blank" href="https://segmentfault.com/u/grapecity"  title="Programming Language">
+          <span>葡萄城技术团队</span>
         </a>
       </div>
       <div class="details">
-        索引是一种利用某种规则的数据结构与实际数据的关系加快数据查找的功能。我们的数据库中存储有大量的内容，而索引能够通过数据节点，根据特定的规则和算法快速查找到节点对应的实际文件的位置。简单来说索引就像...
+        Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：
       </div>
     </div>
   </li>
@@ -175,7 +175,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041986657" target="_blank" title="SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！">SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！</a>
+        <a href="https://segmentfault.com/a/1190000041990709" target="_blank" title="前端性能监测，Runtime Performance Debug 技巧">前端性能监测，Runtime Performance Debug 技巧</a>
       </div>
       <div class="sub-title followers">
         
@@ -186,15 +186,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>7</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/minnanitkong"  title="Programming Language">
+          <span>前端小智</span>
         </a>
       </div>
       <div class="details">
-        Python，是一种面向对象、直译式电脑编程语言，也是一种功能强大的通用型语言，已经具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法非常简捷...
+        提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...
       </div>
     </div>
   </li>
@@ -203,7 +203,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000041986500" target="_blank" title="得物前端唤端业务场景和技术精讲">得物前端唤端业务场景和技术精讲</a>
+        <a href="https://segmentfault.com/a/1190000041989813" target="_blank" title="正式发布丨Visual Studio Code 1.68">正式发布丨Visual Studio Code 1.68</a>
       </div>
       <div class="sub-title followers">
         
@@ -217,12 +217,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/dewujishu"  title="Programming Language">
-          <span>得物技术</span>
+        <a target="_blank" href="https://segmentfault.com/u/mstech"  title="Programming Language">
+          <span>微软技术栈</span>
         </a>
       </div>
       <div class="details">
-        当你在刷朋友圈时突然看到一个潮鞋广告，正是你非常喜欢、一直想买的那款而且价格美丽，于是你兴奋地点击广告直接打开了购物App，并且直接进入刚刚看到的潮鞋详情页，你只需要直接点击购买就能得到这双你期待已久...
+        欢迎使用5 月发布的 Visual Studio Code，本次发布的亮点如下：▌Configure Display LanguageConfigure Display Language命令已更新为包括：该语言的语言名称。Available languages显示您的计算机上未安装哪些语言...
       </div>
     </div>
   </li>
@@ -231,7 +231,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041989673" target="_blank" title="记录一个 Nginx-FastCGI-&#34;Primary script unknown&#34;  错误">记录一个 Nginx-FastCGI-&#34;Primary script unknown&#34;  错误</a>
+        <a href="https://segmentfault.com/a/1190000041994702" target="_blank" title="怎样写个sdk嵌套到别的项目？">怎样写个sdk嵌套到别的项目？</a>
       </div>
       <div class="sub-title followers">
         
@@ -245,12 +245,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/kumfo"  title="Programming Language">
-          <span>kumfo</span>
+        <a target="_blank" href="https://segmentfault.com/u/assassin"  title="Programming Language">
+          <span>assassin_cike</span>
         </a>
       </div>
       <div class="details">
-        nginx和PHP环境都装好了，然后一运行就报错File not found，看了nginx错误日志之后，各种搜索找了解决方案都不行，一说文件权限问题，一说是php-fpm的权限问题，还有可能是nginx的问题。
+        需求：客户的项目需要用我们的功能，且需要提供个modal嵌入到他们的项目里，在他们的table中点击对应的item，弹出我提供的modal。解决方案项目使用cra构建，使用webpack的library导出为一个库给第三方使用, 官方...
       </div>
     </div>
   </li>
@@ -259,7 +259,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041988087" target="_blank" title="云音乐预估系统建设与实践">云音乐预估系统建设与实践</a>
+        <a href="https://segmentfault.com/a/1190000041992498" target="_blank" title="基于xgplayer编写一个artc插件，实现阿里云低延迟直播">基于xgplayer编写一个artc插件，实现阿里云低延迟直播</a>
       </div>
       <div class="sub-title followers">
         
@@ -273,12 +273,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/musicfe"  title="Programming Language">
-          <span>云音乐技术团队</span>
+        <a target="_blank" href="https://segmentfault.com/u/jfjsweb"  title="Programming Language">
+          <span>JFJSWEB</span>
         </a>
       </div>
       <div class="details">
-        预估系统的核心任务是完成模型计算，可以认为模型就是一个函数（举例：f(x1, x2)= ax1 + bx2 +c）。其中参数a、b、c是通过模型训练得出的权重值，自变量x1与x2就是特征，模型计算就是使...
+        最近一直在配合业务和集团的小伙伴处理一些直播上的需求。他们起先看上了磐厚年会的那个直播项目，里面的弹幕功能和一些播放功能都是他们觉得符合他们诉求的内容。
       </div>
     </div>
   </li>
@@ -287,7 +287,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000041986074" target="_blank" title="这个Spring Security登录插件牛啊，验证码、小程序、OAuth2都能快速接入">这个Spring Security登录插件牛啊，验证码、小程序、OAuth2都能快速接入</a>
+        <a href="https://segmentfault.com/a/1190000041992118" target="_blank" title="Proxy学习">Proxy学习</a>
       </div>
       <div class="sub-title followers">
         
@@ -301,12 +301,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/10000000"  title="Programming Language">
-          <span>码农小胖哥</span>
+        <a target="_blank" href="https://segmentfault.com/u/xiaomianyang_5a5c183e17d47"  title="Programming Language">
+          <span>小绵羊</span>
         </a>
       </div>
       <div class="details">
-        上次我们把验证码登录、小程序登录优雅地集成到了Spring Security，很多同学大呼过瘾，相比较一些传统玩法高级了很多。胖哥就赶紧抓住机会举一反三，把几个非标准的OAuth2也接入了进来，主要是微信、企业微信，做...
+        Map，Set，Date，Promise 等内置类型，都使用了所谓的&#34;内部插槽&#34;，类似于对象的私有属性，不允许外部访问，所以当代理没做处理时，直接代理他们会发生错误。
       </div>
     </div>
   </li>
@@ -315,7 +315,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000041988550" target="_blank" title="基于QUIC协议的HTTP/3，你了解多少？">基于QUIC协议的HTTP/3，你了解多少？</a>
+        <a href="https://segmentfault.com/a/1190000041993356" target="_blank" title="十年老友记 | @王子亭：编程让我享受创造和解决问题的过程">十年老友记 | @王子亭：编程让我享受创造和解决问题的过程</a>
       </div>
       <div class="sub-title followers">
         
@@ -329,12 +329,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/henryk"  title="Programming Language">
-          <span>Henryk</span>
+        <a target="_blank" href="https://segmentfault.com/u/writers"  title="Programming Language">
+          <span>思否编辑部</span>
         </a>
       </div>
       <div class="details">
-        前言了解一下HTTP发展史：HTTP/0.9-HTTP/1.0-HTTP/1.1-HTTP/2.0多个TCP连接 {代码...} Keep-alive {代码...} 管线化 {代码...} 多路复用 {代码...} {代码...} 并行多路复用的请求和响应不会相互阻塞尽管传输多个...
+        十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
       </div>
     </div>
   </li>
@@ -343,7 +343,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000041986356" target="_blank" title="tree-shaking">tree-shaking</a>
+        <a href="https://segmentfault.com/a/1190000041992859" target="_blank" title="十年老友记 | @依云：曾经看到一句话：Coding changes the world!">十年老友记 | @依云：曾经看到一句话：Coding changes the world!</a>
       </div>
       <div class="sub-title followers">
         
@@ -357,12 +357,180 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/daishuyunshuzhanqianduan"  title="Programming Language">
-          <span>袋鼠云数栈UED</span>
+        <a target="_blank" href="https://segmentfault.com/u/writers"  title="Programming Language">
+          <span>思否编辑部</span>
         </a>
       </div>
       <div class="details">
-        tree-shaking 是一个通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code) 行为的术语。它依赖于 ES2015 中的 import 和 export 语句，用来检测代码模块是否被导出、导入，且被 JavaScript 文件使用。在...
+        十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000041991526" target="_blank" title="「WGCLOUD」server启动错误信息：Table &#39;wgcloud.SYSTEM_INFO&#39; doesn&#39;t exist">「WGCLOUD」server启动错误信息：Table &#39;wgcloud.SYSTEM_INFO&#39; doesn&#39;t exist</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/9b3sps2b"  title="Programming Language">
+          <span>徐三刀</span>
+        </a>
+      </div>
+      <div class="details">
+        1、这个错误是wgcloud数据库中没有创建表，也就是我们没有导入sql脚本来初始化数据库，sql脚本在安装包里，如下图所示，我们导入对应的sql就可以了，一个是mysql的初始化脚本，一个是postgresql的初始化脚本
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000041991074" target="_blank" title="React新文档：不要滥用Ref哦～">React新文档：不要滥用Ref哦～</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/kasong"  title="Programming Language">
+          <span>卡颂</span>
+        </a>
+      </div>
+      <div class="details">
+        React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 11">11</span>
+        <a href="https://segmentfault.com/a/1190000041992344" 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/seth9shi"  title="Programming Language">
+          <span>seth-shi</span>
+        </a>
+      </div>
+      <div class="details">
+        有了服务注册和发现机制，消费者不需要知道具体服务提供者的真实物理地址就可以进行调用，也无须知道具体有多少个服务者可用；而服务提供者只需要注册到注册中心，就可以对外提供服务，在对外服务时不需要知道具...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000041991741" target="_blank" title="0基础如何快速学习Java？">0基础如何快速学习Java？</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/jiema"  title="Programming Language">
+          <span>捷码</span>
+        </a>
+      </div>
+      <div class="details">
+        进入IT行业有四五年，见了不少新人，面试了不少新人，也带了一些新人，作为老司机可以给大家一些建议。1.关于书籍新人们常常会说看了多少多少的书，看过谁写的书，仿佛书看得多懂得也就多了。其实不然，很多新人...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 13">13</span>
+        <a href="https://segmentfault.com/a/1190000041993090" target="_blank" title="简述 JS 中的小数化整">简述 JS 中的小数化整</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/qinglong_62898aa51988d"  title="Programming Language">
+          <span>清隆</span>
+        </a>
+      </div>
+      <div class="details">
+        JS 的数字都是双浮点类型，在我们平时使用中经常会有数字化整或保留几位小数的需求。前些日子拼多多就以显示空间有限，在 99.99 后还有未显示的 6 位小数为由打赢了官司
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 14">14</span>
+        <a href="https://segmentfault.com/a/1190000041991850" target="_blank" title="【Java面试】TCP协议为什么要设计三次握手？">【Java面试】TCP协议为什么要设计三次握手？</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/fukua_5be8034f8191f"  title="Programming Language">
+          <span>跟着Mic学架构</span>
+        </a>
+      </div>
+      <div class="details">
+        一个工作5年的粉丝，最近去面试了很多公司，每次都被各种技术原理题问得语无伦次。由于找了快1个月时间的工作，有点焦虑，来向我求助。我能做的只是保证每天更新一个面试题，然后问他印象最深刻的一个面试题是什...
       </div>
     </div>
   </li>
@@ -383,7 +551,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/6/16 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/6/17 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>