@wcj/github-rank 22.4.3 → 22.4.6

package/web/data/sifou-weekly.json

@@ -5,63 +5,54 @@
     "url": "https://segmentfault.com/a/1190000041627230",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "14",
+    "votes": "17",
     "rank": 1
   },
   {
-    "title": "2022招聘季｜从招聘方的角度理解求职",
-    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
-    "url": "https://segmentfault.com/a/1190000041617937",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
+    "title": "Offer 提速：如何写出有亮点的简历",
+    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
+    "url": "https://segmentfault.com/a/1190000041634339",
+    "author": "范文杰",
+    "home_url": "https://segmentfault.com/u/fanwenjie",
     "votes": "14",
     "rank": 2
   },
   {
-    "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
-    "description": "FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...",
-    "url": "https://segmentfault.com/a/1190000041619491",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
+    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
+    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
+    "url": "https://segmentfault.com/a/1190000041634906",
+    "author": "WonderfulSoap",
+    "home_url": "https://segmentfault.com/u/wonderfulsoap",
+    "votes": "11",
     "rank": 3
   },
   {
-    "title": "金三银四了，掌握 JS 这 36 个概念，助你一臂之力",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041617101",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "13",
+    "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
+    "description": "Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...",
+    "url": "https://segmentfault.com/a/1190000041630398",
+    "author": "寒雁",
+    "home_url": "https://segmentfault.com/u/kiwenlau",
+    "votes": "8",
     "rank": 4
   },
   {
-    "title": "20多个好用的 Vue 组件库，请查收！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041573314",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
+    "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
+    "description": "现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。",
+    "url": "https://segmentfault.com/a/1190000041640722",
+    "author": "Asheng",
+    "home_url": "https://segmentfault.com/u/ashengtan",
+    "votes": "7",
     "rank": 5
   },
   {
-    "title": "Offer 提速：如何写出有亮点的简历",
-    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
-    "url": "https://segmentfault.com/a/1190000041634339",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "11",
+    "title": "这不是愚人节玩笑，我们回来了：Typecho 1.2.0 发布！",
+    "description": "刚刚，Typecho 项目发起人祁宁在官方博客以开发者账号 @joyqi 发文宣布了 Typecho 1.2.0 正式版发布的消息 —— “这不是玩笑，我们回来了！”",
+    "url": "https://segmentfault.com/a/1190000041642224",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "7",
     "rank": 6
   },
-  {
-    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
-    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
-    "url": "https://segmentfault.com/a/1190000041634906",
-    "author": "WonderfulSoap",
-    "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "6",
-    "rank": 7
-  },
   {
     "title": "悲报， GIF 之父因新冠去世",
     "description": "今天下午二狗子照常上班摸鱼的时候，突然看到了一则消息，消息说 GIF 的发明人因新冠去世了。作为一个自诩理性的互联网人，二狗子第一反应是看到了一个离谱谣言，可是查看了多方消息后，二狗子难过地发现这是真的。",
@@ -69,203 +60,212 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "6",
-    "rank": 8
+    "rank": 7
   },
   {
-    "title": "React Router v6 探索",
-    "description": "前言没事翻了翻 React Router 的文档，发现已推到了 v6.2.2 版本，这个版本做了很大的改动，让我们一起看看吧为什么推出 v6推出 v6 的最大原因是 React Hooks 的出现v6 写的代码要比 v5 代码更加紧凑和优雅我们通...",
-    "url": "https://segmentfault.com/a/1190000041616895",
-    "author": "江辰",
-    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
+    "title": "冴羽答读者问：30 岁了， 现在开始努力，晚吗？",
+    "description": "“The best time to plant a tree is 20 years ago. The second-best time is now.”",
+    "url": "https://segmentfault.com/a/1190000041633336",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
+    "rank": 8
+  },
+  {
+    "title": "【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3",
+    "description": "Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3",
+    "url": "https://segmentfault.com/a/1190000041645889",
+    "author": "前端有猫腻",
+    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
+    "votes": "8",
     "rank": 9
   },
   {
-    "title": "2022招聘季｜前端工作中需要掌握的 15 个函数",
-    "description": "随机排列数组使用 sort 和 random 方法对数组进行乱序排列非常常用。 {代码...} 检查日期是否有效使用以下代码段检查给定的日期是否有效。 {代码...} 复制到剪贴板将任何文本复制到剪贴板 navigator.clipboard.wr...",
-    "url": "https://segmentfault.com/a/1190000041628824",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "7",
+    "title": "React18正式版发布，未来发展趋势是？",
+    "description": "从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。",
+    "url": "https://segmentfault.com/a/1190000041629707",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "4",
     "rank": 10
   },
   {
-    "title": "一个支持百万量级的vue3无限滚动组件",
-    "description": "当我们的列表页有几百万条数据的时候应该怎么办呢？分页也许不是最好的体验方式，无限滚动就是解决这种场景更好的技术手段。当用户向下滚动内容时，会自动添加下一页的list组件，加载更多内容。用户无需等待页面...",
-    "url": "https://segmentfault.com/a/1190000041614746",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "6",
+    "title": "[🔧]前端开发工具推荐",
+    "description": "前端开发是指开发与用户直接交互的计算机系统或应用程序的一部分。 本文整理了一些比较有趣的前端工具。1.配色方案为您提供配色方案生成器以及许多很棒的流行配色方案！2.配色方案让您使用各种工具创建自己的配色...",
+    "url": "https://segmentfault.com/a/1190000041641164",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "9",
     "rank": 11
   },
   {
-    "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
-    "description": "现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。",
-    "url": "https://segmentfault.com/a/1190000041640722",
-    "author": "Asheng",
-    "home_url": "https://segmentfault.com/u/ashengtan",
-    "votes": "4",
+    "title": "Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊",
+    "description": "2545光年之外的开普勒1028星系，有一颗色彩斑斓的宜居星球 🌑，星际移民 👨‍🚀 必须穿戴基地发放的防辐射服才能生存。阿狸 🦊 驾驶星际飞行器 🚀 降临此地，快帮它在限定时间内使用轮盘移动找到基地获取防辐射服吧！",
+    "url": "https://segmentfault.com/a/1190000041640643",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "7",
     "rank": 12
   },
   {
-    "title": "换个数据结构，一不小心节约了 591 台机器！",
-    "description": "你好呀，我是歪歪。前段时间，我在 B 站上看到一个技术视频，题目叫做《机票报价高并发场景下的一些解决方案》。up 主是 Qunar技术大本营，也就是我们耳熟能详的“去哪儿”。视频链接在这里：[链接]当时其实我是被...",
-    "url": "https://segmentfault.com/a/1190000041618742",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "5",
+    "title": "30道CSS 面试知识点总结",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041645832",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "6",
     "rank": 13
   },
   {
-    "title": "冴羽答读者问：30 岁了， 现在开始努力，晚吗？",
-    "description": "“The best time to plant a tree is 20 years ago. The second-best time is now.”",
-    "url": "https://segmentfault.com/a/1190000041633336",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "5",
+    "title": "通过差异化对比学习法，带你回顾Vue2快速掌握Vue3",
+    "description": "Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3",
+    "url": "https://segmentfault.com/a/1190000041642685",
+    "author": "前端有猫腻",
+    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
+    "votes": "4",
     "rank": 14
   },
   {
-    "title": "vivo 商品中台的可视化微前端实践",
-    "description": "在电商领域内，商品是一个重要组成部分，与其对应的商品管理系统，则负责商品的新建、编辑、复制等功能。随着商品管理系统的成熟稳定和业务上的扩展需求，催化出了商品中台的诞生。它可以将现有商品功能最大效率...",
-    "url": "https://segmentfault.com/a/1190000041623387",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "6",
+    "title": "kratos分布式事务实践",
+    "description": "当我们需要跨服务保证数据一致性时，原先的数据库事务力不从心，无法将跨库、跨服务的多个操作放在一个事务中。这样的应用场景非常多，我们可以列举出很多：",
+    "url": "https://segmentfault.com/a/1190000041629132",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "4",
     "rank": 15
   },
   {
-    "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
-    "description": "Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...",
-    "url": "https://segmentfault.com/a/1190000041630398",
-    "author": "寒雁",
-    "home_url": "https://segmentfault.com/u/kiwenlau",
-    "votes": "5",
+    "title": "vscode 插件可视化制作和管理脚手架及原理解析",
+    "description": "提到脚手架，大家想到的可能就是各种 xxx-cli，本文介绍的是另一种方式：以 vscode 插件的形式实现，提供 web 可视化操作，如下图：",
+    "url": "https://segmentfault.com/a/1190000041632499",
+    "author": "wjkang",
+    "home_url": "https://segmentfault.com/u/wjkang",
+    "votes": "3",
     "rank": 16
   },
   {
-    "title": "这不是愚人节玩笑，我们回来了：Typecho 1.2.0 发布！",
-    "description": "刚刚，Typecho 项目发起人祁宁在官方博客以开发者账号 @joyqi 发文宣布了 Typecho 1.2.0 正式版发布的消息 —— “这不是玩笑，我们回来了！”",
-    "url": "https://segmentfault.com/a/1190000041642224",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "5",
+    "title": "JS的面向对象（理解对象，原型，原型链，继承，类）",
+    "description": "JS有6种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number ，String和Symbol 。还有 1 种复杂数据类型——Object，Object 本质上是由一组无序的名值对组成的。JS不支持任何创建自定义类型的机制...",
+    "url": "https://segmentfault.com/a/1190000041640328",
+    "author": "小学生",
+    "home_url": "https://segmentfault.com/u/xiaoxuesheng_5b7e4b5dca7e8",
+    "votes": "4",
     "rank": 17
   },
   {
-    "title": "拿捏了！这样的购物体验才深得用户心",
-    "description": "有的时候用户想要一声令下就能看到自己心仪的商品，有的时候用户需要一个智能购物管家来管理自己常用的卡券，甚至还想要在股掌之间、分秒之际就掌握商品全貌信息。对于用户日益丰富的想象力，移动应用开发者能做...",
-    "url": "https://segmentfault.com/a/1190000041623771",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "3",
+    "title": "存储用户密码应该使用什么加密算法？",
+    "description": "概述编程开发中，像用户登录注册这种功能很常见，那么对于用户密码处理，我们该选择什么样的加密算法呢？在这种场景下，算法需要满足下面两个条件：算法需不可逆，这样才能有效防止密码泄露。算法需相对慢，可以...",
+    "url": "https://segmentfault.com/a/1190000041638987",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "5",
     "rank": 18
   },
   {
-    "title": "如何添加 babel polyfill?",
-    "description": "由于 Babel 7.4 之后不再推荐使用 @babel/polyfill，而 @babel/preset-env 和 plugin-transform-runtime 二者都可以设置 corejs 来处理 polyfill。",
-    "url": "https://segmentfault.com/a/1190000041625821",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "title": "Koa2从零到脚手架",
+    "description": "由 Express 原班人马打造的新生代 Node.js Web 框架，它的代码很简单，没有像 Express 那样，提供路由、静态服务等等，它是为了解决 Node 问题（简化了 Node 中操作）并取代之，它本身是一个简单的中间件框架，需...",
+    "url": "https://segmentfault.com/a/1190000041654130",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "3",
     "rank": 19
   },
   {
-    "title": "什么是 LFU 算法？",
-    "description": "上次的文章介绍了 LRU 算法，今天打算来介绍一下 LFU 算法。在上篇文章中有提到， LFU（Least frequently used：最少使用）算法与 LRU 算法只是在淘汰策略上有所不同，LRU 倾向于保留最近有使用的数据，而 LFU 倾...",
-    "url": "https://segmentfault.com/a/1190000041617815",
-    "author": "Shenfq",
-    "home_url": "https://segmentfault.com/u/shenfq",
+    "title": "不管是青蛙跳台阶还是who爬楼梯，能上去就行",
+    "description": "爬楼梯这个问题也是一个很经典的面试题，可以换各种人物动物，比如青蛙、小兔子跳台阶，张三李四爬楼梯等等。题目会类似于下面这样：假设你正在爬楼梯，需要 n 阶你才能到达楼顶，每次你可以爬 1 或 2 个台阶。你...",
+    "url": "https://segmentfault.com/a/1190000041636754",
+    "author": "沈唁",
+    "home_url": "https://segmentfault.com/u/sy_records",
     "votes": "3",
     "rank": 20
   },
   {
-    "title": "React18正式版发布，未来发展趋势是？",
-    "description": "从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。",
-    "url": "https://segmentfault.com/a/1190000041629707",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "我们是如何解决偶发性的502错误的",
+    "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
+    "url": "https://segmentfault.com/a/1190000041651450",
+    "author": "张京",
+    "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "3",
     "rank": 21
   },
   {
-    "title": "SVG 绘制自适应的菱形",
-    "description": "如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果",
-    "url": "https://segmentfault.com/a/1190000041618406",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "ClickHouse 与 MySQL 数据库适用场景对比总结",
+    "description": "目前来说，网上有很多相关的资料证明ClickHouse数据库查询响应速度比MySQL快上一百到几百倍。实际上，ClickHouse和MySQL具有不同的应用场景和局限性，最近在研究这个ClickHouse打算应用于大量数据的表来做查询的...",
+    "url": "https://segmentfault.com/a/1190000041630286",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
+    "votes": "5",
     "rank": 22
   },
   {
-    "title": "【躲过裁员，成功上岸】发现小公司有不好的苗头，赶紧学习！",
-    "description": "读者反馈：今年这波裁员有点凶，但在我们公司去年已经有了些不好的苗头，为了不让自己那么拉胯🌶，躲不过各种坑坑洼洼。跟着小傅哥的博客内容补全了自己很多的知识，包括：中间件、字节码、DDD项目、设计模式以及...",
-    "url": "https://segmentfault.com/a/1190000041622957",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "title": "元宇宙探索之路",
+    "description": "元宇宙正在如火如荼地发展，大有引领未来潮流之势。对于我们这么专业的（web 前端）团队来说，元宇宙是一个大 (wan) 显 (quan) 身 (bu) 手 (dong) 的领域，因此团队在这方面投入了很多人力进行预研和总结，请随本...",
+    "url": "https://segmentfault.com/a/1190000041639037",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
     "votes": "4",
     "rank": 23
   },
   {
-    "title": "VuePress 博客搭建系列 33 篇正式完结！",
-    "description": "VuePress 博客搭建系列共计 33 篇，讲解使用 VuePress 搭建博客，进行各种优化，为博客增添各种功能，并部署到 GitHub、Gitee、个人服务器平台的全过程。",
-    "url": "https://segmentfault.com/a/1190000041627148",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "3",
+    "title": "从 Redux 说起，到手写，再到状态管理",
+    "description": "单纯的 Redux 只是一个状态机， store 中存放了所有的状态 state，要想改变里面的状态 state，只能 dispatch 一个动作",
+    "url": "https://segmentfault.com/a/1190000041648339",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "2",
     "rank": 24
   },
   {
-    "title": "Three.js 实现3D开放世界小游戏：阿狸的多元宇宙 🦊",
-    "description": "2545光年之外的开普勒1028星系，有一颗色彩斑斓的宜居星球 🌑，星际移民 👨‍🚀 必须穿戴基地发放的防辐射服才能生存。阿狸 🦊 驾驶星际飞行器 🚀 降临此地，快帮它在限定时间内使用轮盘移动找到基地获取防辐射服吧！",
-    "url": "https://segmentfault.com/a/1190000041640643",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "6",
+    "title": "Flutter/布局：彻底搞懂 Align 是怎么对齐的",
+    "description": "我们在开发中会经常使用 Align 组件来定位子组件的位置。通常使用的是几个常用的相对位置，比如：alignment: Alignment.bottomRight，右下角这种。最近看官方文档关于 alignment: Alignment(x, y) 在 Align 中的...",
+    "url": "https://segmentfault.com/a/1190000041631644",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
+    "votes": "3",
     "rank": 25
   },
   {
-    "title": "angular异步验证器防抖",
-    "description": "背景：当前输入框的formControl设置了异步验证器，会根据当前的值进行请求后台，判断数据库中是否存在。原版异步验证器： {代码...} 但是测试下来发现，该异步验证器触发的太频繁了。输入框每输入一个字母都会对...",
-    "url": "https://segmentfault.com/a/1190000041621553",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "title": "vue3中什么时候封装成组件? 什么时候封装成指令? 通过实例告诉你(typescript)",
+    "description": "一般情况下, 如果要封装的代码中, 包含大量的 HTML,就需要用组件,反之如果仅仅对某一个 DOM/组件的根 DOM 进行操作,那么可以选择封装成指令.",
+    "url": "https://segmentfault.com/a/1190000041636103",
+    "author": "铁皮饭盒",
+    "home_url": "https://segmentfault.com/u/russell221",
     "votes": "3",
     "rank": 26
   },
   {
-    "title": "《与 Rust 勾心斗角》前言",
-    "description": "此文被人举报，然而举报者似乎都没耐心看一下后面附的文档链接，网站审核人员也不在意那链接。倘若再次被举报，我就不会发后文了……世界不会受到任何损失。",
-    "url": "https://segmentfault.com/a/1190000041622075",
-    "author": "garfileo",
-    "home_url": "https://segmentfault.com/u/garfileo",
-    "votes": "4",
+    "title": "很多人不知道 v-for 可以这样解构！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041635096",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "[🔧]前端开发工具推荐",
-    "description": "前端开发是指开发与用户直接交互的计算机系统或应用程序的一部分。 本文整理了一些比较有趣的前端工具。1.配色方案为您提供配色方案生成器以及许多很棒的流行配色方案！2.配色方案让您使用各种工具创建自己的配色...",
-    "url": "https://segmentfault.com/a/1190000041641164",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "8",
+    "title": "带你十天轻松搞定 Go 微服务系列（五）",
+    "description": "序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务（本文）支付服务RPC 服务 Auth 验证服务监控链路追踪分布式事务...",
+    "url": "https://segmentfault.com/a/1190000041629027",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "Github Actions 实战提高生产力",
-    "description": "GitHub Action 持续集成服务推出有一段时间了，目前已经免费开放使用，由于个人项目都是放在Github上有点多，使用它来发布、测试、部署，是极大的提高了生产力。",
-    "url": "https://segmentfault.com/a/1190000041619089",
-    "author": "小弟调调",
-    "home_url": "https://segmentfault.com/u/ichu",
-    "votes": "3",
+    "title": "卡颂：30岁程序员选择躺平",
+    "description": "大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...",
+    "url": "https://segmentfault.com/a/1190000041642174",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "6",
     "rank": 29
   },
   {
-    "title": "@OneToOne、@ManyToOne的具体使用与区别",
-    "description": "在近期的项目中我尝试着把本应用@ManyToOne注解的地方使用@OneToOne注解，本以为进行存储或者查询等操作时会发生错误但是并没有发生任何错误，所有操作都可以正常执行。所以首先我想看一下在数据库中生成的外键是...",
-    "url": "https://segmentfault.com/a/1190000041615298",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
+    "title": "OpenHarmony v3.1 Release版本发布",
+    "description": "OpenHarmony 3.1 Release版本概述当前版本在OpenHarmony 3.1 Beta的基础上，更新支持以下能力：标准系统基础能力增强本地基础音视频播放能力、视频硬编解码、相机基础预览、拍摄能力。RenderService新渲染框架、2...",
+    "url": "https://segmentfault.com/a/1190000041636592",
+    "author": "OpenHarmony社区",
+    "home_url": "https://segmentfault.com/u/openharmony",
     "votes": "3",
     "rank": 30
   }