@wcj/github-rank 22.4.7 → 22.4.8

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/4/7 by 
+  <div class="time">Last cache created on 2022/4/8 by 
     
     
     
@@ -147,7 +147,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041661094" target="_blank" title="还在使用定时器吗？CSS 也能实现电子时钟">还在使用定时器吗？CSS 也能实现电子时钟</a>
+        <a href="https://segmentfault.com/a/1190000041669762" target="_blank" title="面试周连续剧之奇葩遭遇">面试周连续剧之奇葩遭遇</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>7</span>
+          <span>3</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/sanzhanggui"  title="Programming Language">
+          <span>三掌柜</span>
         </a>
       </div>
       <div class="details">
-        欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...
+        接着上一篇文章继续聊面试经历，通过前三天的面试经历，梳理总结一下，虽然拿到了三个offer，但是约过的面试还要继续，这是自己的原则，不能随便放别人鸽子，要有面试节操。在分享今天的面试经历的同时，顺便总结...
       </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/1190000041659998" target="_blank" title="PMP一页纸考纲，YYDS~(新版考纲）">PMP一页纸考纲，YYDS~(新版考纲）</a>
+        <a href="https://segmentfault.com/a/1190000041666096" target="_blank" title="巧用 background-clip 实现超强的文字动效">巧用 background-clip 实现超强的文字动效</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>1</span>
+          <span>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xiaoxinxingqi"  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">
-        PMP考试改版了。了解过的都知道，但是改版内容大不大呢？我们都知道旧考纲主要是把五大过程组+十大领域改变到了三大领域的知识内容。但其实十大领域的内容还在，只是分解融合到了三大领域中。具体分解融合到了什...
+        最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...
       </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/1190000041661941" target="_blank" title="一键安装团队推荐的 vscode 插件">一键安装团队推荐的 vscode 插件</a>
+        <a href="https://segmentfault.com/a/1190000041670117" target="_blank" title="Android ANR的设计原理">Android ANR的设计原理</a>
       </div>
       <div class="sub-title followers">
         
@@ -214,15 +214,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>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/1023"  title="Programming Language">
-          <span>亖混子</span>
+        <a target="_blank" href="https://segmentfault.com/u/youfujidebangbangtang"  title="Programming Language">
+          <span>有腹肌的棒棒糖</span>
         </a>
       </div>
       <div class="details">
-        在前端代码库的根目录下新增 .vscode/extensions.json文件注册插件列表，然后将文件随代码提交到 git 。如果哪位成员发现了好用的插件，直接加在 recommendations 数组中既可。入 git 的好处就是： 有记录、持续...
+        ANR的设计原理定时等待问题先来看个小故事老师给我布置了个作业，要求我10分钟内完成，他说10分钟后再来检查。10分钟后，老师来检查，发现我作业没完成，就把我的名字写在黑板上，来警示其他人。10分钟后，老师来...
       </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/1190000041657343" target="_blank" title="JavaScript的几种继承方式">JavaScript的几种继承方式</a>
+        <a href="https://segmentfault.com/a/1190000041668262" target="_blank" title="&#34;三高&#34;Mysql - Mysql备份概览">&#34;三高&#34;Mysql - Mysql备份概览</a>
       </div>
       <div class="sub-title followers">
         
@@ -242,15 +242,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/funnycoderstar"  title="Programming Language">
-          <span>OneStar</span>
+        <a target="_blank" href="https://segmentfault.com/u/lazytimes"  title="Programming Language">
+          <span>lazytimes</span>
         </a>
       </div>
       <div class="details">
-        这篇文章称为笔记更为合适一些，内容来源于 《JavaScript高级程序设计 (第三版)》第六章 6.3 继承JavaScript的几种继承方式原型链继承借助构造函数继承（经典继承）组合继承：原型链 + 借用构造函数（最常用）原...
+        ​ 内容为慕课网的《高并发 高性能 高可用 MySQL 实战》视频的学习笔记内容和个人整理扩展之后的笔记，本篇内容侧重Mysql备份的基本原理和常用介绍为主，大部分为理论相关的内容。
       </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/1190000041664148" target="_blank" title="冴羽答读者问：何时能够像你一样优秀？">冴羽答读者问：何时能够像你一样优秀？</a>
+        <a href="https://segmentfault.com/a/1190000041668070" target="_blank" title="Koa2 搭建信令服务器，JS 也能搞定视频通话！">Koa2 搭建信令服务器，JS 也能搞定视频通话！</a>
       </div>
       <div class="sub-title followers">
         
@@ -273,12 +273,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/yayu"  title="Programming Language">
-          <span>冴羽</span>
+        <a target="_blank" href="https://segmentfault.com/u/ruidoc"  title="Programming Language">
+          <span>杨成功</span>
         </a>
       </div>
       <div class="details">
-        首先真的非常感谢你的肯定，但“优秀”二字让我愧不敢当，在我看来，我并没有做到过什么厉害的事情，只是一路走来，将自己学习到的东西分享出来而已，引用阮一峰老师之前发过的微博：
+        在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。
       </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/1190000041664954" target="_blank" title="约束前端项目中的目录和文件名">约束前端项目中的目录和文件名</a>
+        <a href="https://segmentfault.com/a/1190000041667969" target="_blank" title="Linus：“我删除了Linux，因为它就是个垃圾”">Linus：“我删除了Linux，因为它就是个垃圾”</a>
       </div>
       <div class="sub-title followers">
         
@@ -301,12 +301,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/1023"  title="Programming Language">
-          <span>亖混子</span>
+        <a target="_blank" href="https://segmentfault.com/u/jijige_6231ef0f1d144"  title="Programming Language">
+          <span>吉吉哥</span>
         </a>
       </div>
       <div class="details">
-        好的目录设计架构就成功了一半 --- 如何约束项目中的目录和文件名编程中命名规范有：camelCase (驼峰命名法)PascalCase (帕斯卡命名法，又名大驼峰命名法)snake_case (下划线命名法)kebab-case (中划线命名法)Hun...
+        1月 25日， Linus Torvalds 在 Linux 的 GitHub 仓库中提交了一个恶作剧 README页面，其备注名为《delete linux because it sucks》—— 我删除了 Linux ，因为它就是个垃圾。
       </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/1190000041664655" target="_blank" title="Go 1.18：工作区模式workspace mode">Go 1.18：工作区模式workspace mode</a>
+        <a href="https://segmentfault.com/a/1190000041666115" 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/c9eulmav"  title="Programming Language">
-          <span>coding进阶</span>
+        <a target="_blank" href="https://segmentfault.com/u/macrozheng"  title="Programming Language">
+          <span>macrozheng</span>
         </a>
       </div>
       <div class="details">
-        Go 1.18除了引入泛型(generics)、模糊测试(Fuzzing)之外，另外一个重大功能是引入了工作区模式(workspace mode)。
+        学习过我的开源项目mall的朋友应该知道，我有一个使用Docsify搭建的项目文档网站。使用Docsify搭建文档网站虽然简单，但是缺少分类、标签、SEO这类功能，随着文档越来越多，查找起来有点不方便！今天给大家推荐一...
       </div>
     </div>
   </li>
@@ -343,7 +343,147 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000041665408" target="_blank" title="直播回顾｜ Apache Pulsar 2.10.0 新特性概览">直播回顾｜ Apache Pulsar 2.10.0 新特性概览</a>
+        <a href="https://segmentfault.com/a/1190000041667869" target="_blank" title="通过 .vscode/settings.json  无感知控制成员的 vscode 表现">通过 .vscode/settings.json  无感知控制成员的 vscode 表现</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/1023"  title="Programming Language">
+          <span>亖混子</span>
+        </a>
+      </div>
+      <div class="details">
+        通过在项目根目录下新增 .vscode/setings.json 文件，可以做到项目成员的 vscode 表现一致。常见的需求有保存文件自动 fix，保存自动格式化代码等。为了尊重成员的个性化需求，不要对主题、字体等做控制。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000041667803" target="_blank" title="带你十天轻松搞定 Go 微服务系列（九、链路追踪）">带你十天轻松搞定 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>1</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/kevinwan"  title="Programming Language">
+          <span>kevinwan</span>
+        </a>
+      </div>
+      <div class="details">
+        序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪（本文）分布式事务...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000041666062" target="_blank" title="深入剖析 RocketMQ 源码 - 负载均衡机制">深入剖析 RocketMQ 源码 - 负载均衡机制</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/vivo_tech"  title="Programming Language">
+          <span>vivo互联网技术</span>
+        </a>
+      </div>
+      <div class="details">
+        RocketMQ是一款优秀的分布式消息中间件，在各方面的性能都比目前已有的消息队列要好，RocketMQ默认采用长轮询的拉模式， 单机支持千万级别的消息堆积，可以非常好的应用在海量消息系统中。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 11">11</span>
+        <a href="https://segmentfault.com/a/1190000041669733" target="_blank" title="python爬虫入门！ urllib+bs4快速爬取当前天气信息！⛅⛅⛅">python爬虫入门！ urllib+bs4快速爬取当前天气信息！⛅⛅⛅</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/xiaodaxia"  title="Programming Language">
+          <span>肖大侠</span>
+        </a>
+      </div>
+      <div class="details">
+        一、目标 {代码...} {代码...} 二、安装依赖1. import urllib.requesturllib是python内置的http请求库，不需要安装直接就可以使用2. from bs4 import BeautifulSoupbs4是一个非常简单易用的解析工具，anaconda自...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000041669692" target="_blank" title="Spring源码之默认标签解析及BeanDefinition注册">Spring源码之默认标签解析及BeanDefinition注册</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/mysteryjack"  title="Programming Language">
+          <span>神秘杰克</span>
+        </a>
+      </div>
+      <div class="details">
+        开篇上一篇讲解了 Spring 中的标签包含自定义标签和默认标签，这两种方式存在较大不同，所以本文主要讲解默认标签的解析过程。默认标签的解析是在 parseDefaultElement 方法中。该方法分别对不同标签做不同处理。...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 13">13</span>
+        <a href="https://segmentfault.com/a/1190000041668681" target="_blank" title="BI系统打包Docker镜像及容器化部署的具体实现">BI系统打包Docker镜像及容器化部署的具体实现</a>
       </div>
       <div class="sub-title followers">
         
@@ -357,12 +497,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/apachepulsar"  title="Programming Language">
-          <span>ApachePulsar</span>
+        <a target="_blank" href="https://segmentfault.com/u/grapecity"  title="Programming Language">
+          <span>葡萄城技术团队</span>
         </a>
       </div>
       <div class="details">
-        关于 StreamNativeStreamNative 是一家开源基础软件公司，由 Apache 软件基金会顶级项目 Apache Pulsar 创始团队组建而成，围绕 Pulsar 打造下一代云原生批流融合数据平台。StreamNative 作为 Apache Pulsar 商业...
+        在过去的几年中，&#34;云&#34;作为明星热词站在了各种新潮技术之中，你可能使用过，但说不清它的原理；或者是没用过，但听过它的大名；也可能连它的名字都没听过，但你对这只蓝色鲸鱼一定十分眼熟。作为一名技...
       </div>
     </div>
   </li>
@@ -383,7 +523,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/4/7 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/4/8 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>