@wcj/github-rank 22.2.15 → 22.2.16

package/web/sifou-daily.html

@@ -94,7 +94,7 @@
     
     
   </h1>
-  <div class="time">Last cache created on 2022/2/15 by 
+  <div class="time">Last cache created on 2022/2/16 by 
     
     
     
@@ -125,7 +125,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 1">1</span>
-        <a href="https://segmentfault.com/a/1190000041399412" target="_blank" title="展开操作符：一家人就这么被拆散了">展开操作符：一家人就这么被拆散了</a>
+        <a href="https://segmentfault.com/a/1190000041405707" target="_blank" title="【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1">【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1</a>
       </div>
       <div class="sub-title followers">
         
@@ -136,15 +136,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>9</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/kasong"  title="Programming Language">
-          <span>卡颂</span>
+        <a target="_blank" href="https://segmentfault.com/u/xieguoliang"  title="Programming Language">
+          <span>wlove</span>
         </a>
       </div>
       <div class="details">
-        大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...
+        在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。
       </div>
     </div>
   </li>
@@ -153,7 +153,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 2">2</span>
-        <a href="https://segmentfault.com/a/1190000041400360" target="_blank" title="CSS 实现按钮点击动效的套路">CSS 实现按钮点击动效的套路</a>
+        <a href="https://segmentfault.com/a/1190000041408957" target="_blank" title="JZ-061-序列化二叉树">JZ-061-序列化二叉树</a>
       </div>
       <div class="sub-title followers">
         
@@ -164,15 +164,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>9</span>
+          <span>4</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/xiongshihubao"  title="Programming Language">
+          <span>雄狮虎豹</span>
         </a>
       </div>
       <div class="details">
-        在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画
+        请实现两个函数，分别用来序列化和反序列化二叉树。二叉树的序列化是指：把一棵二叉树按照某种遍历方式的结果以某种格式保存为字符串，从而使得内存中建立起来的二叉树可以持久保存。序列化可以基于先序、中序、...
       </div>
     </div>
   </li>
@@ -181,7 +181,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 3">3</span>
-        <a href="https://segmentfault.com/a/1190000041398208" target="_blank" title="字符作画，我用字符画个冰墩墩">字符作画，我用字符画个冰墩墩</a>
+        <a href="https://segmentfault.com/a/1190000041406557" target="_blank" title="🎉 DTM 分布式事务管理器 PHP 协程客户端 v0.1 beta 版本发布！！！">🎉 DTM 分布式事务管理器 PHP 协程客户端 v0.1 beta 版本发布！！！</a>
       </div>
       <div class="sub-title followers">
         
@@ -192,15 +192,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>3</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/niumoo"  title="Programming Language">
-          <span>程序猿阿朗</span>
+        <a target="_blank" href="https://segmentfault.com/u/huangzhhui"  title="Programming Language">
+          <span>huangzhhui</span>
         </a>
       </div>
       <div class="details">
-        已经 2022 年了，最近北京冬奥会的吉祥物冰墩墩很火，据说一墩难求，各种视频新闻应接不暇。程序员要有程序员的方式，今天我来用 Java 画一个由字符组成的冰墩墩送给大家，这篇文章记录字符图案的生成思路以及过程。
+        dtm/dtm-client 是分布式事务管理器 DTM 的 PHP 客户端，已支持 TCC模式、Saga、二阶段消息模式的分布式事务模式，并分别实现了与 DTM Server 以 HTTP 协议或 gRPC 协议通讯，该客户端可安全运行于 PHP-FPM 和 Sw...
       </div>
     </div>
   </li>
@@ -209,7 +209,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 4">4</span>
-        <a href="https://segmentfault.com/a/1190000041402836" target="_blank" title="@Scheduled 定时任务">@Scheduled 定时任务</a>
+        <a href="https://segmentfault.com/a/1190000041400154" target="_blank" title="既然已经有数组了,为什么还要链表？JS链表(Linked-list)详解">既然已经有数组了,为什么还要链表？JS链表(Linked-list)详解</a>
       </div>
       <div class="sub-title followers">
         
@@ -220,15 +220,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>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/chenchu_6110ed583800c"  title="Programming Language">
-          <span>weiewiyi</span>
+        <a target="_blank" href="https://segmentfault.com/u/maoduolikuaipao"  title="Programming Language">
+          <span>前端有猫腻</span>
         </a>
       </div>
       <div class="details">
-        在开发中，有时候会遇到定时推送的需求，例如定时发送推送、定时发送邮件等等。SpringBoot为我们内置了定时任务，我们只需要一个注解就可以开启定时为我们所用了。
+        其实链表和数组各有千秋，都在不同的业务场景中发光发热，很多同学对链表可能是既熟悉又陌生。熟悉的是，我们在刷一些八股文的时候经常会看到“链表”这个字眼，陌生的是，我们在平时的开发中并不会太多的使用到链表。
       </div>
     </div>
   </li>
@@ -237,7 +237,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 5">5</span>
-        <a href="https://segmentfault.com/a/1190000041402957" target="_blank" title="记录一个由于仓库层错误导致软删除失效的问题">记录一个由于仓库层错误导致软删除失效的问题</a>
+        <a href="https://segmentfault.com/a/1190000041410619" target="_blank" title="Leetcode 题解系列 -- 和为s的连续正数序列（滑动窗口）">Leetcode 题解系列 -- 和为s的连续正数序列（滑动窗口）</a>
       </div>
       <div class="sub-title followers">
         
@@ -251,12 +251,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/liuyuxuan6666"  title="Programming Language">
-          <span>LYX6666</span>
+        <a target="_blank" href="https://segmentfault.com/u/linlinma"  title="Programming Language">
+          <span>安歌</span>
         </a>
       </div>
       <div class="details">
-        为了方便描述，我们将项目进行一下抽象和简化。这是一个前端用Angular、后端用Spring的项目，项目E-R图的其中一段如下：不难看出，乡镇和社区是1对多的关系。
+        题目描述：输入一个正整数 target ，输出所有和为 target 的连续正整数序列（至少含有两个数）。序列内的数字由小到大排列，不同序列按照首个数字从小到大排列。示例 1：输入：target = 9输出：[[2,3,4],[4,5]]
       </div>
     </div>
   </li>
@@ -265,7 +265,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 6">6</span>
-        <a href="https://segmentfault.com/a/1190000041403438" target="_blank" title="谁动了我的代码！🔥">谁动了我的代码！🔥</a>
+        <a href="https://segmentfault.com/a/1190000041405843" target="_blank" title="带你十天轻松搞定 Go 微服务系列（二）">带你十天轻松搞定 Go 微服务系列（二）</a>
       </div>
       <div class="sub-title followers">
         
@@ -279,12 +279,12 @@
           <span>2</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/wangrongding"  title="Programming Language">
-          <span>荣顶</span>
+        <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>
@@ -293,7 +293,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 7">7</span>
-        <a href="https://segmentfault.com/a/1190000041399444" target="_blank" title="你还在手写TS类型代码吗">你还在手写TS类型代码吗</a>
+        <a href="https://segmentfault.com/a/1190000041405686" target="_blank" title="LPL Ban/Pick 选人阶段的遮罩效果是如何实现的？">LPL Ban/Pick 选人阶段的遮罩效果是如何实现的？</a>
       </div>
       <div class="sub-title followers">
         
@@ -304,15 +304,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>4</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/tnfe"  title="Programming Language">
-          <span>TNTWEB</span>
+        <a target="_blank" href="https://segmentfault.com/u/chokcoco"  title="Programming Language">
+          <span>chokcoco</span>
         </a>
       </div>
       <div class="details">
-        身为一个前端开发，在开发ts项目时，最繁琐的工作应该就是手写接口的数据类型和mock数据，因为这部分工作如果不做，后面写业务逻辑难受，做的话全是复制粘贴类似的重复工作，还挺费时间。下文将给大家介绍一个自...
+        最近 S11 LPL 春季赛开赛，在看比赛的过程中，我发现新赛季的 Ban/Pick 选人阶段，出现了一种新的，有意思的遮罩效果，如下图所示：
       </div>
     </div>
   </li>
@@ -321,7 +321,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 8">8</span>
-        <a href="https://segmentfault.com/a/1190000041403315" target="_blank" title="记一次懒查询错误">记一次懒查询错误</a>
+        <a href="https://segmentfault.com/a/1190000041409314" target="_blank" title="技术人聊开源：这并不只是用爱发电">技术人聊开源：这并不只是用爱发电</a>
       </div>
       <div class="sub-title followers">
         
@@ -335,12 +335,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/zhaokaiqiang"  title="Programming Language">
-          <span>小强Zzz</span>
+        <a target="_blank" href="https://segmentfault.com/u/sofastack"  title="Programming Language">
+          <span>SOFAStack</span>
         </a>
       </div>
       <div class="details">
-        这次测试的时候遇到了一个懒查询异常，懒查询错误在上个月也遇到过，当时参考网上意见关闭实体间懒查询。一周汇报的时候，老师建议我使用@Transactional事务注解，当时也顺利解决了。这次又遇到一个比较复杂的通...
+        近年来，中国开发者已经成为全球开源体系中的重要力量。据不完全统计，中国的代码在全球开源社区的比重已占 40% 左右，目前全球 6000 多万开发者中，至少有 2000 多万来自中国。
       </div>
     </div>
   </li>
@@ -349,7 +349,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 9">9</span>
-        <a href="https://segmentfault.com/a/1190000041400097" target="_blank" title="Google 公布 2021 漏洞奖励支出共 870 万美元">Google 公布 2021 漏洞奖励支出共 870 万美元</a>
+        <a href="https://segmentfault.com/a/1190000041409173" target="_blank" title="搭建 VuePress 博客，你可能会用到的一些插件">搭建 VuePress 博客，你可能会用到的一些插件</a>
       </div>
       <div class="sub-title followers">
         
@@ -363,12 +363,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/yayu"  title="Programming Language">
+          <span>冴羽</span>
         </a>
       </div>
       <div class="details">
-        近日，Google 在其安全博客上发文表示：得益于查找漏洞的研究人员的努力，2021年漏洞奖励计划（VRP）共发放了 870 万美元的漏洞奖励，研究人员还将他们获得奖励中的 30 万美元捐赠给了慈善机构。
+        前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。为了丰富站点的功能，我们可以直接使用一些现有的插件，本篇我们讲讲一些...
       </div>
     </div>
   </li>
@@ -377,7 +377,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 10">10</span>
-        <a href="https://segmentfault.com/a/1190000041401039" target="_blank" title="HMS Core助力宝宝巴士为全球开发者展现高品质儿童数字内容">HMS Core助力宝宝巴士为全球开发者展现高品质儿童数字内容</a>
+        <a href="https://segmentfault.com/a/1190000041409129" target="_blank" title="解构流存储 — Pravega，与 Flink 构建端到端的大数据流水处理线">解构流存储 — Pravega，与 Flink 构建端到端的大数据流水处理线</a>
       </div>
       <div class="sub-title followers">
         
@@ -391,12 +391,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/hms_core"  title="Programming Language">
-          <span>HMSCore</span>
+        <a target="_blank" href="https://segmentfault.com/u/ververica"  title="Programming Language">
+          <span>ApacheFlink</span>
         </a>
       </div>
       <div class="details">
-        宝宝巴士是国内有着十多年出海经验的开发者，其旗下有超过200多款儿童益智互动App。初期探索时，在HMS Core伙伴的相关政策支持下，宝宝巴士在海外市场稳扎稳打，不断开拓。同时，在HMS Core推送服务与广告服务、...
+        本篇内容整理自 Pravega 中国社区创始人、戴尔科技集团软件工程技术总监滕昱在 Flink Forward Asia 2021 主会场的演讲。主要内容包括：存储抽象的现状Pravega 性能架构详解Pravega 流存储数据演示展望未来
       </div>
     </div>
   </li>
@@ -405,7 +405,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 11">11</span>
-        <a href="https://segmentfault.com/a/1190000041400558" target="_blank" title="JetBrains官博：将从IntelliJ平台移除Log4j的依赖">JetBrains官博：将从IntelliJ平台移除Log4j的依赖</a>
+        <a href="https://segmentfault.com/a/1190000041408450" target="_blank" title="实现页面水印，到底跟MutationObserver有什么关系？">实现页面水印，到底跟MutationObserver有什么关系？</a>
       </div>
       <div class="sub-title followers">
         
@@ -419,12 +419,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/coderdd"  title="Programming Language">
-          <span>程序猿DD</span>
+        <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik"  title="Programming Language">
+          <span>Sunshine_Lin</span>
         </a>
       </div>
       <div class="details">
-        从博文看，本次移除log4j的漏洞，并非担心log4j2的漏洞问题，因为基于IntelliJ平台的IDE使用的并非log4j2，而是log4j 1.2的补丁版本（移除了所有网络相关的代码）。这里DD也顺便看了一下，之前log4j核弹漏洞大爆...
+        大家平时在开发中或者在面试中，难免都会遇到一个问题——给页面加水印，其实这并不难，但是也是有一些注意点的，所以说看似简单的功能，要尽力做到：
       </div>
     </div>
   </li>
@@ -433,7 +433,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 12">12</span>
-        <a href="https://segmentfault.com/a/1190000041400106" target="_blank" title="Nginx - 最小配置">Nginx - 最小配置</a>
+        <a href="https://segmentfault.com/a/1190000041408191" target="_blank" title="CSS画雪容融~">CSS画雪容融~</a>
       </div>
       <div class="sub-title followers">
         
@@ -444,15 +444,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/baicai1031"  title="Programming Language">
-          <span>白菜1031</span>
+        <a target="_blank" href="https://segmentfault.com/u/wangji_5d01acdfdd139"  title="Programming Language">
+          <span>望记</span>
         </a>
       </div>
       <div class="details">
-        安全服务器是只允许所需数量的服务器。理想情况下，我们将通过单独启用其他功能来基于最小系统构建服务器。进行最少的配置也有助于调试。如果该错误在最小系统中不可用，则分别添加功能，然后继续搜索错误。
+        用CSS画2022冬残奥会吉祥物雪容融，虽迟但到！好像比我画的鹅蛋冰墩墩更可爱点...在线预览源码： {代码...} {代码...}
       </div>
     </div>
   </li>
@@ -461,7 +461,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 13">13</span>
-        <a href="https://segmentfault.com/a/1190000041399336" target="_blank" title="async/await 你是会用，但是你知道怎么处理错误吗？">async/await 你是会用，但是你知道怎么处理错误吗？</a>
+        <a href="https://segmentfault.com/a/1190000041407233" target="_blank" title="HMS Core机器学习服务助力Zaful用户便捷购物">HMS Core机器学习服务助力Zaful用户便捷购物</a>
       </div>
       <div class="sub-title followers">
         
@@ -475,12 +475,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/user_ze46ouik"  title="Programming Language">
-          <span>Sunshine_Lin</span>
+        <a target="_blank" href="https://segmentfault.com/u/hms_core"  title="Programming Language">
+          <span>HMSCore</span>
         </a>
       </div>
       <div class="details">
-        前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心Promise封装请求大家平时如果使用 Promise 封装请求，那么当你使用这个请求函数的时候是这样的： {代码...} 可...
+        Zaful是近年来发展良好的出海电商平台，主打快时尚。在洞察其用户有购买街头海报、生活中同款衣物的需求后，Zaful联合HMS Core机器学习服务打造拍照购物服务。用户拍照后可在预设的商品图片库中搜索同款商品，在...
       </div>
     </div>
   </li>
@@ -489,7 +489,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 14">14</span>
-        <a href="https://segmentfault.com/a/1190000041399029" target="_blank" title="聊聊程序员面试时，那些必须注意的事情">聊聊程序员面试时，那些必须注意的事情</a>
+        <a href="https://segmentfault.com/a/1190000041406598" target="_blank" title="Go1.18 新特性：三顾茅庐，被折腾 N 次的 TryLock">Go1.18 新特性：三顾茅庐，被折腾 N 次的 TryLock</a>
       </div>
       <div class="sub-title followers">
         
@@ -503,12 +503,12 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/muyiyang_5bd9ae9ac7993"  title="Programming Language">
-          <span>程序员依扬</span>
+        <a target="_blank" href="https://segmentfault.com/u/eddycjy"  title="Programming Language">
+          <span>煎鱼</span>
         </a>
       </div>
       <div class="details">
-        1、简历三大原则：清晰，简短，必要，给面试官留下好印象2、技术能力匹配：满足招聘方的要求，技术水平要达标3、突出项目亮点：10 秒以内要让面试官发现亮点，有问下去的动力
+        大家好，我是煎鱼。还记得我之前写过一篇《Go 为什么不支持可重入锁？》的文章，主要是介绍有其他语言经验的小伙伴，想要 Go 支持可重入锁，被残忍拒绝的历程。大佬总会有拗不过的时候，虽然不是可重入锁。但在 G...
       </div>
     </div>
   </li>
@@ -517,7 +517,7 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 15">15</span>
-        <a href="https://segmentfault.com/a/1190000041398718" target="_blank" title="精读《vue-lit 源码》">精读《vue-lit 源码》</a>
+        <a href="https://segmentfault.com/a/1190000041406576" target="_blank" title="Go1.18 新特性：引入新的 netip 网络库">Go1.18 新特性：引入新的 netip 网络库</a>
       </div>
       <div class="sub-title followers">
         
@@ -531,12 +531,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/eddycjy"  title="Programming Language">
+          <span>煎鱼</span>
         </a>
       </div>
       <div class="details">
-        defineComponent 定义 custom element，第一个参数是自定义 element 组件名，必须遵循原生 API customElements.define 对组件名的规范，组件名必须包含中划线。
+        写这篇文章时是大年初一，原本想说这个月就要发布 Go1.18 了。但是，好家伙，Go1.18 beta2 发布了，官方告知社区 Go1.18 要拖更到 3 月份了，咕咕咕...
       </div>
     </div>
   </li>
@@ -545,7 +545,175 @@
     <div class="info">
       <div class="rank">
         <span title="Ranking 16">16</span>
-        <a href="https://segmentfault.com/a/1190000041402636" target="_blank" title="新年第一赛，提交BUG奖励多！">新年第一赛，提交BUG奖励多！</a>
+        <a href="https://segmentfault.com/a/1190000041406432" 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/perfma"  title="Programming Language">
+          <span>HeapDump性能社区</span>
+        </a>
+      </div>
+      <div class="details">
+        🎇大家元宵快乐呀！🎇传统佳节，来个传统节目咯，HeapDump性能社区技术猜谜大赛开始啦！📝答题方式： 题目序号和答案（例：0，蓝屏  ），写在留言区就行！如果去社区（heapdump.cn）答题还有小礼品哦！题目来了：👇👇👇...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 17">17</span>
+        <a href="https://segmentfault.com/a/1190000041406220" target="_blank" title="vue使用在线mock平台用axios请求示例 不用自己安装mockjs">vue使用在线mock平台用axios请求示例 不用自己安装mockjs</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/erweigongfangkefu"  title="Programming Language">
+          <span>二维工坊客服</span>
+        </a>
+      </div>
+      <div class="details">
+        通常我们mock数据都会安装mockjs：yarn add mockjs但是需要配置很多东西，还要拦截请求等等，对新手不友好，即使是老手也觉得麻烦。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 18">18</span>
+        <a href="https://segmentfault.com/a/1190000041405814" 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 19">19</span>
+        <a href="https://segmentfault.com/a/1190000041405543" 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/hightopo"  title="Programming Language">
+          <span>hightopo</span>
+        </a>
+      </div>
+      <div class="details">
+        1833 年，世界第一条市政管线综合管廊在法国巴黎建成。1994 年，上海市政府规划建设了大陆第一条规模最大、距离最长的综合管廊——浦东新区张杨路综合管廊。至今，地下综合管廊，已演变为城市功能的 “生命线”，是人...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 20">20</span>
+        <a href="https://segmentfault.com/a/1190000041405006" target="_blank" title="还在用Feign？推荐一款微服务间调用神器，跟SpringCloud绝配！">还在用Feign？推荐一款微服务间调用神器，跟SpringCloud绝配！</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/macrozheng"  title="Programming Language">
+          <span>macrozheng</span>
+        </a>
+      </div>
+      <div class="details">
+        在微服务项目中，如果我们想实现服务间调用，一般会选择Feign。之前介绍过一款HTTP客户端工具Retrofit，配合SpringBoot非常好用！其实Retrofit不仅支持普通的HTTP调用，还能支持微服务间的调用，负载均衡和熔断限...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 21">21</span>
+        <a href="https://segmentfault.com/a/1190000041404965" target="_blank" title="Spring Boot 2.x基础教程：使用tinylog记录日志">Spring Boot 2.x基础教程：使用tinylog记录日志</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/coderdd"  title="Programming Language">
+          <span>程序猿DD</span>
+        </a>
+      </div>
+      <div class="details">
+        tinylog，与其他各种tiny开头的东西一样，是一个轻量级的开源日志解决方案。它本身只包含两个JAR文件（一个用于API，另一个用于实现），没有任何外部依赖关系。两个JAR文件的总大小只有178KB。
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 22">22</span>
+        <a href="https://segmentfault.com/a/1190000041404755" target="_blank" title="vue2项目迁移到vite">vue2项目迁移到vite</a>
       </div>
       <div class="sub-title followers">
         
@@ -559,12 +727,40 @@
           <span>1</span>
         </span>
         &nbsp;
-        <a target="_blank" href="https://segmentfault.com/u/alijishu"  title="Programming Language">
-          <span>阿里云开发者</span>
+        <a target="_blank" href="https://segmentfault.com/u/kanjianliao"  title="Programming Language">
+          <span>看见了</span>
+        </a>
+      </div>
+      <div class="details">
+        背景为什么选用vite,其实就是为了解决官网说的2个原因缓慢的服务器启动缓慢的更新风险分析为什么不用vue3？生产环境需要兼容到ie11，很明显vue3不会支持，同时vue2迁移起来成本较小vite对ie11的兼容性支持官网有 ...
+      </div>
+    </div>
+  </li>
+  
+  <li>
+    <div class="info">
+      <div class="rank">
+        <span title="Ranking 23">23</span>
+        <a href="https://segmentfault.com/a/1190000041404709" 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>2</span>
+        </span>
+        &nbsp;
+        <a target="_blank" href="https://segmentfault.com/u/fuzhengwei"  title="Programming Language">
+          <span>小傅哥</span>
         </a>
       </div>
       <div class="details">
-        报名时间：即日起-2022年2月14日活动时间：2022年2月14日—2022年3月6日活动规则：参与灭虫活动赢取积分[选我]发现/解决AliOS Things的文档及代码Bug，并提交Pull Requests或Issues到gitee AliOS Things 开源社区...
+        哈哈哈，说好的不卷了，能凑活用就行了。但每次接到新需求时都手痒，想结合着上一次的架构设计和落地经验，在这一次需求上在迭代更新，或者找到完全颠覆之前的更优方案。卷完代码的那一刻总是神清气爽
       </div>
     </div>
   </li>
@@ -585,7 +781,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/2/15 by Github API v3.</div>
+    <div class="time">Last cache created on 2022/2/16 by Github API v3.</div>
     Create by <a href="https://github.com/jaywcjlove" target="_blank">小弟调调™</a>.
   </div>
 </body>