@wcj/github-rank 22.3.20 → 22.3.23

package/web/sifou-daily.html

@@ -116,7 +116,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/3/20 by 
+  <div class="time">Last cache created on 2022/3/23 by 
     
     
     
@@ -147,7 +147,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041572883" target="_blank" title="5年经验(专升本)入职B站分享">5年经验(专升本)入职B站分享</a>
+        <a href="https://segmentfault.com/a/1190000041586984" target="_blank" title="Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？">Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？</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>10</span>
+          <span>7</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/thomas_5b0e5d1b64584"  title="Programming Language">
-          <span>江辰</span>
+        <a target="_blank" href="https://segmentfault.com/u/magebyte"  title="Programming Language">
+          <span>码哥字节</span>
         </a>
       </div>
       <div class="details">
-        大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：
+        用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：
       </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/1190000041573584" target="_blank" title="商业计划书还能照抄？ SourceDB 商业计划书被曝抄袭涛思数据 PPT">商业计划书还能照抄？ SourceDB 商业计划书被曝抄袭涛思数据 PPT</a>
+        <a href="https://segmentfault.com/a/1190000041585906" target="_blank" title="Three.js 火焰效果实现艾尔登法环动态logo 🔥">Three.js 火焰效果实现艾尔登法环动态logo 🔥</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>2</span>
+          <span>7</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/mf"  title="Programming Language">
-          <span>鸣飞</span>
+        <a target="_blank" href="https://segmentfault.com/u/dragonir"  title="Programming Language">
+          <span>dragonir</span>
         </a>
       </div>
       <div class="details">
-        今日小编在刷微博的时候看到涛思数据创始人陶建辉老师在微博上控诉一家厚脸皮公司，居然把涛思数据的 PPT 一页一页的拷贝去融资，标题、文字、图标都懒得改。在后续的推文中我们可以看到这家公司的产品名为“Sourc...
+        《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈，实现具有火焰效果艾尔登法环 Logo，本文中涉及到的知识点包括：Fire.js 基本使用方法...
       </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/1190000041574073" target="_blank" title="LeetCode-089-格雷编码">LeetCode-089-格雷编码</a>
+        <a href="https://segmentfault.com/a/1190000041587233" target="_blank" title="2022 年最受瞩目的新特性 CSS @layer 到底是个啥？">2022 年最受瞩目的新特性 CSS @layer 到底是个啥？</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>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/xiongshihubao"  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">
-        题目描述：格雷编码是一个二进制数字系统，在该系统中，两个连续的数值仅有一个位数的差异。给定一个代表编码总位数的非负整数 n，打印其格雷编码序列。即使有多个不同答案，你也只需要返回其中一种。格雷编码序...
+        步入 2022，CSS 的新特性层出不穷，而最近在 CSS 圈最受瞩目的新特性，非 CSS @layer 莫属。本文，将用最简洁的语言，快速让读者们搞懂，到底什么是 CSS @layer 新规范。过往 CSS 优先级中存在的问题如果我们的页...
       </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/1190000041568137" target="_blank" title="JavaScript keydown事件总结">JavaScript keydown事件总结</a>
+        <a href="https://segmentfault.com/a/1190000041592427" target="_blank" title="WGCLOUD具体支持监测硬盘的哪些数据">WGCLOUD具体支持监测硬盘的哪些数据</a>
       </div>
       <div class="sub-title followers">
         
@@ -245,12 +245,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/luckness"  title="Programming Language">
-          <span>luckness</span>
+        <a target="_blank" href="https://segmentfault.com/u/9b3sps2b"  title="Programming Language">
+          <span>徐三刀</span>
         </a>
       </div>
       <div class="details">
-        最近在开发过程中遇到了一个问题，感觉可以通过监听keydown事件来解决。但是，在实践的过程中发现，我原先对于keydown事件的理解并不是很正确。所以，在详细了解过keydown事件之后，在此做个总结。
+        WGCLOUD天然支持监测磁盘状态，包括实体机、虚拟机、云主机等的磁盘都可以支持监测1、磁盘空间容量信息比如磁盘空间总大小，磁盘已使用多少，可用空间多少，支持告警通知2、磁盘IO参数包括读写磁盘的信息3、磁盘...
       </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/1190000041574252" target="_blank" title="从区块链到 NFT 到元宇宙">从区块链到 NFT 到元宇宙</a>
+        <a href="https://segmentfault.com/a/1190000041590984" target="_blank" title="WGCLOUD的web ssh显示websocket服务连接已断开">WGCLOUD的web ssh显示websocket服务连接已断开</a>
       </div>
       <div class="sub-title followers">
         
@@ -273,12 +273,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/tobethelight"  title="Programming Language">
-          <span>toBeTheLight</span>
+        <a target="_blank" href="https://segmentfault.com/u/9b3sps2b"  title="Programming Language">
+          <span>徐三刀</span>
         </a>
       </div>
       <div class="details">
-        以比特币白皮书来说，区块链的本质是一个 P2P（点对点）的分布式账本，节点发出交易时需要向周围节点广播，全节点（还有轻节点等，轻节点一般只保存和自己有关的数据）将收到的交易信息写入区块体中，在共识机制...
+        问题描述：今天在使用WGCLOUD的主机列表，SSH连接Linux服务器的时候，打开后，页面显示websocket服务连接已断开，如下图所示解决办法：这个问题是我们的server主机防火墙没有开启web ssh服务端口导致的，端口默认...
       </div>
     </div>
   </li>
@@ -287,7 +287,259 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000041572878" target="_blank" title="Docker Desktop 4.6 全新功能：大幅降低文件操作时间达 98%">Docker Desktop 4.6 全新功能：大幅降低文件操作时间达 98%</a>
+        <a href="https://segmentfault.com/a/1190000041587295" 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/murphysec"  title="Programming Language">
+          <span>墨菲安全</span>
+        </a>
+      </div>
+      <div class="details">
+        因为我们本身也在做开源，所以比较关注这个问题，最近因为工作需要，总结和分析了一下关于开源许可证相关的知识，也分享给大家一起讨论，希望得到大家的指导。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 7">7</span>
+        <a href="https://segmentfault.com/a/1190000041591102" target="_blank" title="React中memo和useMemo区别和使用">React中memo和useMemo区别和使用</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/xiaying"  title="Programming Language">
+          <span>夏灬影</span>
+        </a>
+      </div>
+      <div class="details">
+        网上的教程看得挺乱的, 还是希望大家手动打代码, 去体验下, 印象更好React.memo 和 useMemo 都是减少组件中不必要的开支, 提升性能其中, memo是子组件本身是否渲染, useMemo则是子组件prop监听函数memomemo 很像s...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 8">8</span>
+        <a href="https://segmentfault.com/a/1190000041589478" target="_blank" title="SpringBoot中Aspect实现切面（以记录日志为例）">SpringBoot中Aspect实现切面（以记录日志为例）</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/bjdonglijiedian"  title="Programming Language">
+          <span>动力节点</span>
+        </a>
+      </div>
+      <div class="details">
+        今天我们来说说spring中的切面Aspect，这是Spring的一大优势。面向切面编程往往让我们的开发更加低耦合，也大大减少了代码量，同时呢让我们更专注于业务模块的开发，把那些与业务无关的东西提取出去，便于后期的...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 9">9</span>
+        <a href="https://segmentfault.com/a/1190000041589108" 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/beforesunrise"  title="Programming Language">
+          <span>BeforeSunrise</span>
+        </a>
+      </div>
+      <div class="details">
+        通过访问线上服务 pprof 暴露出来的 HTTP 接口，拿到当前所有协程的堆栈信息；curl http://「ip:port」/debug/pprof/goroutine?debug\=2
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 10">10</span>
+        <a href="https://segmentfault.com/a/1190000041587251" target="_blank" title="初识springSecurity">初识springSecurity</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/movingape"  title="Programming Language">
+          <span>熙姝</span>
+        </a>
+      </div>
+      <div class="details">
+        SpringSecurity就是一个功能强大且高定制化的身份验证和访问控制框架，它事实上就是一个保护基于Spring的应用框架安全性的标准。Spring Security是一个重点为Java应用程序提供身份验证和授权的框架。与所有Spring...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 11">11</span>
+        <a href="https://segmentfault.com/a/1190000041587124" target="_blank" title="历时 37 年，Windows 1.0 复活节彩蛋终于曝光：主角竟是“G 胖”！">历时 37 年，Windows 1.0 复活节彩蛋终于曝光：主角竟是“G 胖”！</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/snakesss"  title="Programming Language">
+          <span>snakesss</span>
+        </a>
+      </div>
+      <div class="details">
+        近日，著名的 Windows 铁杆粉丝开发者 Lucas Brooks 发现了存在于 Windows 1.0 系统中的复活节彩蛋：一份参与开发该操作系统的开发者名单。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 12">12</span>
+        <a href="https://segmentfault.com/a/1190000041586190" target="_blank" title="Flink中基于Operator State 的计算开发方法——《滴普程序员部落》">Flink中基于Operator State 的计算开发方法——《滴普程序员部落》</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/deepexicode"  title="Programming Language">
+          <span>滴普科技DEEPEXI</span>
+        </a>
+      </div>
+      <div class="details">
+        在Flink中根据数据集是否根据Key进行分区，将状态分为Keyed State和Operator State（Non-keyed State）两种类型 ，在之前的文章《Flink中基于KeyedState的计算开发方法》已经详细介绍了Keyed State的概念和用法，...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 13">13</span>
+        <a href="https://segmentfault.com/a/1190000041591622" target="_blank" title="【Java算法系列（一）】八大排序算法（上）">【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>2</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/shadowck"  title="Programming Language">
+          <span>ShadowCK</span>
+        </a>
+      </div>
+      <div class="details">
+        〇、排序算法简介排序：将一组数据按照指定的顺序进行排列的过程。排序的分类：内部排序：将需要处理的所有数据加载到内存中进行排序。外部排序：由于数据量过大无法全部加载到内存中，需要借助外存进行排序。我...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 14">14</span>
+        <a href="https://segmentfault.com/a/1190000041590513" target="_blank" title="Java二维码登录流程实现(包含短地址生成，含部分代码)">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/shenge"  title="Programming Language">
+          <span>白羊沈歌</span>
+        </a>
+      </div>
+      <div class="details">
+        近年来，二维码的使用越来越风生水起，笔者最近手头也遇到了一个需要使用二维码扫码登录网站的活，所以研究了一下这一套机制，并用代码实现了整个流程，接下来就和大家聊聊二维码登录及的那些事儿。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 15">15</span>
+        <a href="https://segmentfault.com/a/1190000041591737" target="_blank" title="Dapr 官方文档中文翻译 v1.5 版本正式发布">Dapr 官方文档中文翻译 v1.5 版本正式发布</a>
       </div>
       <div class="sub-title followers">
         
@@ -301,12 +553,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/suicidal_romantic_scoundrel"  title="Programming Language">
-          <span>六一</span>
+        <a target="_blank" href="https://segmentfault.com/u/microsoftreactor"  title="Programming Language">
+          <span>MicrosoftReactor</span>
         </a>
       </div>
       <div class="details">
-        近日 Docker Desktop for Mac 发布了全新的 4.6 版本，加入了许多新的更新。其中最值得引人注目的是引入了一项名为 virtiofs 的实验性功能，该功能明显提高macOS 用户的文件共享性能，还改进了 macOS 主机和 Dock...
+        经过 Dapr 中国社区十余位贡献者一个多月的努力，Dapr 官方文档中文翻译 v1.5 版本完成翻译和审校，正式发布并上线 Dapr 官网。
       </div>
     </div>
   </li>
@@ -327,7 +579,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/3/20 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/3/23 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>