@wcj/github-rank 22.3.7 → 22.3.10

package/dist/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "20",
+    "votes": "53",
     "rank": 1
   },
   {
@@ -14,33 +14,33 @@
     "url": "https://segmentfault.com/a/1190000041487405",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "16",
+    "votes": "22",
     "rank": 2
   },
   {
-    "title": "突破限制，CSS font-variation 可变字体的魅力",
-    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
-    "url": "https://segmentfault.com/a/1190000041470128",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "title": "CSS 实现透明方格的 3 种方式",
+    "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
+    "url": "https://segmentfault.com/a/1190000041504985",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "23",
     "rank": 3
   },
   {
-    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
-    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
-    "url": "https://segmentfault.com/a/1190000041473617",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "13",
+    "title": "革命性创新，动画杀手锏 @scroll-timeline",
+    "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
+    "url": "https://segmentfault.com/a/1190000041505045",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "17",
     "rank": 4
   },
   {
-    "title": "走进开源项目 - urlcat",
-    "description": "urlcat 只有 267 行代码的开源项目，却收获了 1.4 k 的 star，周下载量 1 w 以上，这是我目前遇到过源码最少的开源项目，下面就来一探究竟，看看每个文件在项目中的作用。",
-    "url": "https://segmentfault.com/a/1190000041474553",
-    "author": "robin",
-    "home_url": "https://segmentfault.com/u/robin_ren",
+    "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
+    "description": "上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...",
+    "url": "https://segmentfault.com/a/1190000041489058",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
     "rank": 5
   },
@@ -50,18 +50,27 @@
     "url": "https://segmentfault.com/a/1190000041488147",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "8",
+    "votes": "11",
     "rank": 6
   },
   {
-    "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
-    "description": "上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...",
-    "url": "https://segmentfault.com/a/1190000041489058",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "9",
+    "title": "JavaScript 数据处理 - 映射表篇",
+    "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
+    "url": "https://segmentfault.com/a/1190000041503556",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "14",
     "rank": 7
   },
+  {
+    "title": "从头梳理，看看中国的 ICP 备案制度",
+    "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
+    "url": "https://segmentfault.com/a/1190000041501520",
+    "author": "白宦成",
+    "home_url": "https://segmentfault.com/u/xiqingongzi",
+    "votes": "10",
+    "rank": 8
+  },
   {
     "title": "不会写代码的播音生不是个好运营😁",
     "description": "我想很多毕业生在大四的时候都会遇到一个问题，就是很难找到与自己专业对口的工作。媒体上也经常出现诸如大学生回乡卖猪，卖鸡蛋之类的新闻，专业与职业的矛盾在这种强烈的对比下被激化了。如果我们审视一下我们...",
@@ -69,35 +78,17 @@
     "author": "不会写代码的小白",
     "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
     "votes": "22",
-    "rank": 8
+    "rank": 9
   },
   {
-    "title": "国外排名前 15 的 Vue 后台管理模板",
+    "title": "想摸鱼吗？先掌握这 19 个 css 技巧！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041480883",
+    "url": "https://segmentfault.com/a/1190000041458790",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
-    "rank": 9
-  },
-  {
-    "title": "保险柜钥匙插门上，大学生单枪匹马盗取淘宝11亿用户手机号",
-    "description": "Hello，大家好，我是民间发明家，覃健祥。我申请了20多项发明专利，听到这个数字，有的朋友觉得好厉害但又不明白这些发明和我们的日常生活有什么关系，有的甚至问我是不是为了资助奖励申请了一堆凑数的专利。其实...",
-    "url": "https://segmentfault.com/a/1190000041478431",
-    "author": "qinjianxiang",
-    "home_url": "https://segmentfault.com/u/qinjianxiang",
-    "votes": "8",
+    "votes": "11",
     "rank": 10
   },
-  {
-    "title": "从头梳理，看看中国的 ICP 备案制度",
-    "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
-    "url": "https://segmentfault.com/a/1190000041501520",
-    "author": "白宦成",
-    "home_url": "https://segmentfault.com/u/xiqingongzi",
-    "votes": "5",
-    "rank": 11
-  },
   {
     "title": "姜宁 ASF 董事竞选宣言：我希望能够帮助 ASF 打破地域、文化、语言的障碍",
     "description": "在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。Apache 软件基金会孵化器导师，ALC Beijing 发起人，华为...",
@@ -105,25 +96,7 @@
     "author": "鸣飞",
     "home_url": "https://segmentfault.com/u/mf",
     "votes": "4",
-    "rank": 12
-  },
-  {
-    "title": "React内部让人迷惑的性能优化策略",
-    "description": "大家好，我卡颂。相比Vue可以基于模版进行编译时性能优化，React作为一个完全运行时的库，只能在运行时谋求性能优化。这些优化对开发者大多是无感知的，但对项目进行性能优化时也常令开发者困惑。比如如下代码： ...",
-    "url": "https://segmentfault.com/a/1190000041483901",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "7",
-    "rank": 13
-  },
-  {
-    "title": "想摸鱼吗？先掌握这 19 个 css 技巧！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041458790",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "9",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "如何处理大体积 XLSX/CSV/TXT 文件？",
@@ -132,7 +105,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "9",
-    "rank": 15
+    "rank": 12
   },
   {
     "title": "祝贺姜宁当选 2022 Apache 软件基金会新任董事",
@@ -141,132 +114,159 @@
     "author": "鸣飞",
     "home_url": "https://segmentfault.com/u/mf",
     "votes": "4",
+    "rank": 13
+  },
+  {
+    "title": "2022 年用于 Node.js 的顶级 WebSocket 库",
+    "description": "在这篇文章中，我们将讨论2022年你应该考虑的八个Node.js WebSocket库。SockJSwsSocket.IOFaye WebSocketSocketClusterSocketteFeathers要开始使用这些库中的任何一个，您需要在本地计算机上安装 npm 和 Node.js...",
+    "url": "https://segmentfault.com/a/1190000041507771",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
+    "votes": "6",
+    "rank": 14
+  },
+  {
+    "title": "面向企业级前端应用的开发框架 UI5 的发展简史介绍",
+    "description": "在移动应用已经无缝融合到我们日常生活的今日，我们的工作和生活几乎时时刻刻都在和 2C(即 To Customer) 应用打交道。比如手机支付，在线购物，生活缴费，天气和交通线路查询等等。",
+    "url": "https://segmentfault.com/a/1190000041499121",
+    "author": "JerryWang_汪子熙",
+    "home_url": "https://segmentfault.com/u/jerrywangsap",
+    "votes": "5",
+    "rank": 15
+  },
+  {
+    "title": "JavaScript 数据处理 - 列表篇",
+    "description": "程序中的常用数据集合无非两类，列表 (List) 和映射 (Map)。在 JavaScript 的语言基础中就提供了这两种集合结构的支持 —— 用数组 (Array) 表示列表，用直接对象 (Plain Object) 表示映射（属性键值对映射）。",
+    "url": "https://segmentfault.com/a/1190000041497710",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "7",
     "rank": 16
   },
   {
-    "title": "从业务组件库看前端工程化",
-    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
-    "url": "https://segmentfault.com/a/1190000041480003",
-    "author": "玩弄心里的鬼",
-    "home_url": "https://segmentfault.com/u/lizongyuan",
+    "title": "推荐20个值得收藏的前端开源项目",
+    "description": "Proton是一个轻量、灵活的Javascript粒子动画库。使用它可以轻松创建各种炫酷粒子动画效果，该项目在github被近 2k 项目引用。Proton还支持3d粒子版本[链接] 。",
+    "url": "https://segmentfault.com/a/1190000041502262",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "8",
     "rank": 17
   },
   {
-    "title": "如何在 ThreeJS 中实现辉光效果",
-    "description": "在游戏中，我们经常可以见到外发光的效果。典型的比如室内场景下的吊灯、电子设备屏幕、室外夜晚的路灯、车灯等等。这些场景的共性是他们提供了亮度和气氛的强烈视觉信息。在实际生活中，这些辉光是由于光线在大...",
-    "url": "https://segmentfault.com/a/1190000041473819",
-    "author": "ES2049",
-    "home_url": "https://segmentfault.com/u/alisecued",
-    "votes": "8",
+    "title": "mysql的锁",
+    "description": "页面锁：开销和加锁时间界于表锁和行锁之间，会出现死锁，锁定粒度界于表锁和行锁之间，并发度一般。从上述三种锁的特点来看，很难说哪种锁更好，只能就具体应用的特点来说哪种锁更合适。比如，MyISAM和MEMORY引...",
+    "url": "https://segmentfault.com/a/1190000041508775",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "4",
     "rank": 18
   },
   {
-    "title": "黑炫酷的监控界面，实际上是用了什么开源工具？",
-    "description": "我是3y，一年CRUD经验用十年的markdown程序员👨🏻‍💻常年被誉为职业八股文选手今天austin项目来给大家整点不一样的：花点时间跟着文章做完，屏幕壁纸就可以有了，我来上个图，大家就懂了。每当同事一瞄你的电脑，发...",
-    "url": "https://segmentfault.com/a/1190000041480904",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
-    "votes": "5",
+    "title": "GitHub CEO发文：严格限制俄罗斯获取侵略性军事能力所需要的技术",
+    "description": "前几天，在微信群里就有小伙伴发了一些关于GitHub将限制俄罗斯开发人员使用开源软件的消息，引起程序员圈子的热烈讨论。就在不久前，GitHub CEO在GitHub官方博客发文阐述了对乌克兰战争的回应。Thomas Dohmke表示...",
+    "url": "https://segmentfault.com/a/1190000041488377",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "4",
     "rank": 19
   },
   {
-    "title": "来自开源世界的超级码丽，中国开源码力榜权威发布！",
-    "description": "2022 年 1 月 13 日，SegmentFault 思否联合长期耕耘与推广开源文化的开源社共同推出了《2021 中国开源先锋 33 人》榜单，一众开源先锋上榜，一时间引发了行业的广泛关注与讨论。他们当中有贡献代码的开发者、开...",
-    "url": "https://segmentfault.com/a/1190000041478447",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "TypeScript 随想 · 实际应用与技巧",
+    "description": "目录类型元编程内置工具类型窥探外部工具类型推荐新操作符声明文件类型元编程什么是元编程：维基百科是这样描述的：元编程是一种编程技术，编写出来的计算机程序能够将其他程序作为数据来处理。意味着可以编写出...",
+    "url": "https://segmentfault.com/a/1190000041496213",
+    "author": "Barrior",
+    "home_url": "https://segmentfault.com/u/barrior",
     "votes": "7",
     "rank": 20
   },
   {
-    "title": "try..catch 不能捕获的错误有哪些？注意事项又有哪些？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041486636",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "8",
+    "title": "面试官居然要我用JS代码计算LocalStorage容量！",
+    "description": "localStorage 的容量大家都知道是 5M ，但是却很少人知道怎么去验证，而且某些场景需要计算 localStorage 的剩余容量时，就需要我们掌握计算容量的技能了~~",
+    "url": "https://segmentfault.com/a/1190000041504625",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "4",
     "rank": 21
   },
   {
-    "title": "自媒体时代的贤内助——AI 视频云",
-    "description": "视频，通常是一段由活动画面组成的传递信息的内容。在如今这个信息爆炸的时代，我们每天都要在浩瀚的内容海洋中寻找需求的信息。一个视频是否吸引人内容固然是最重要的，但是播放是否流畅，画质是否清晰的影响力...",
-    "url": "https://segmentfault.com/a/1190000041481731",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "本地调试指南",
+    "description": "1、浏览器代理安装浏览器插件Proxy SwitchyOmega ，用于切换代理设置。配置完成，点击“应用选项”，然后打开这个插件，选择\"whistle\"情景模式。2、代理服务器安装whistle，用于启动本地代理服务，方便代理配置。启...",
+    "url": "https://segmentfault.com/a/1190000041490850",
+    "author": "chenyunqing",
+    "home_url": "https://segmentfault.com/u/yvonne_596d715a7ca34",
+    "votes": "4",
     "rank": 22
   },
   {
-    "title": "所以，e.target 和 e.currentTarget 到底有啥区别呢？",
-    "description": "大家开发中经常会跟DOM的事件打交道，也会经常用到 e.target 和 e.currentTarget 这两个对象，但是却有很多人根本就不知道这两个有什么区别~~~",
-    "url": "https://segmentfault.com/a/1190000041469717",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "6",
+    "title": "CSS中的混合模式，制作高级特效的必备技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041510478",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 23
   },
   {
-    "title": "CSS & SVG foreignObject 实现文字镂空波浪动画",
-    "description": "为什么要用到混合模式呢？因为这是文本，文本内部不可能放入 HTML 节点，所以下面介绍将另一种方式，在 HTML 完全受限的情况下，借助 SVG foreignObject 也能很轻松的实现这一效果，而且会有更好的效果，一起看看吧",
-    "url": "https://segmentfault.com/a/1190000041470851",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "初识Spring IoC",
+    "description": "从第一天开始学习SpringBoot，到现在已经有两年了，两年以来我的搬砖能力不断增强，但理论层面仍然是零基础小白。因此，打破瓶颈的方法，就是像学长们一样，多读书、多看理论知识，然后应用实践。",
+    "url": "https://segmentfault.com/a/1190000041508734",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "3",
     "rank": 24
   },
   {
-    "title": "适合做外包项目的开源后台管理系统",
-    "description": "梳理:1.D2admin开源地址：[链接]文档地址：[链接]效果预览：[链接]开源协议：MIT2.vue-element-admin开源地址：[链接]文档地址：[链接]效果预览：[链接]开源协议：MIT3.JEECG-BOOT开源地址：[链接]文档地址：[链...",
-    "url": "https://segmentfault.com/a/1190000041470755",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "3",
+    "title": "28张图助我学废TS",
+    "description": "Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）",
+    "url": "https://segmentfault.com/a/1190000041510006",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "7",
     "rank": 25
   },
   {
-    "title": "阿里云智能编码插件，更Cosy的开发体验",
-    "description": "Cosy集合了代码补全和代码搜索两大开发辅助功能，不仅能通过深度学习模型和程序分析技术，精准智能地帮助我们减少 击剑🤺 击键次数，还能基于海量代码片段和社区问答数据，让我们可以哪里不会搜哪里，沉浸在IDE内...",
-    "url": "https://segmentfault.com/a/1190000041477912",
-    "author": "云效DevOps平台",
-    "home_url": "https://segmentfault.com/u/yunxiao0816",
-    "votes": "4",
+    "title": "【Go进阶—并发编程】Context",
+    "description": "Context 是 Go 应用开发常用的并发控制技术，它与 WaitGroup 最大的不同点是 Context 对于派生 goroutine 有更强的控制力，它可以控制多级的 goroutine。",
+    "url": "https://segmentfault.com/a/1190000041499552",
+    "author": "与昊",
+    "home_url": "https://segmentfault.com/u/yu_5e842f4043ba6",
+    "votes": "3",
     "rank": 26
   },
   {
-    "title": "都2022 年了,你总不能还只会 npm i 吧? 🔥",
-    "description": "在键帽与字符上横跳，于代码和程序中穿梭。一起面向快乐编程！大家好，我是荣顶，马上金三银四啦 ~ 这次给大家带来一篇 npm 命令相关的文章。目的在于查缺补漏，提升效率。npm 作为 node 包管理器，内置了非常多...",
-    "url": "https://segmentfault.com/a/1190000041474448",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "8",
+    "title": "2022 Java 开发者生产力报告出炉！",
+    "description": "该 2022 Java 开发者生产力报告对过去一年里的 Java 社区开发者进行了调查，回顾了 Java 17 的发布和 Java 生态系统中流行技术的无数创新，详细介绍了 Java 开发的最大趋势如何影响从技术选择到部署和提交时间的...",
+    "url": "https://segmentfault.com/a/1190000041494239",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
     "rank": 27
   },
   {
-    "title": "GitHub CEO发文：严格限制俄罗斯获取侵略性军事能力所需要的技术",
-    "description": "前几天，在微信群里就有小伙伴发了一些关于GitHub将限制俄罗斯开发人员使用开源软件的消息，引起程序员圈子的热烈讨论。就在不久前，GitHub CEO在GitHub官方博客发文阐述了对乌克兰战争的回应。Thomas Dohmke表示...",
-    "url": "https://segmentfault.com/a/1190000041488377",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
-    "votes": "4",
+    "title": "浏览器“联盟”！苹果/谷歌/Mozilla/微软合力解决 Web “互操作性”问题",
+    "description": "近日，四大浏览器制造商苹果（Apple）、谷歌（Google）、Mozilla 和微软（Microsoft）以及软件咨询公司博科（Bocoup）和伊加利亚（Igalia），已同意联手合作，致力于改善其网络浏览器的互操作性和用户体验，使 We...",
+    "url": "https://segmentfault.com/a/1190000041505804",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "音视频开发者的福音，快速集成AI配音能力",
-    "description": "音视频内容创作者对剪辑应用中的AI配音需求与日俱增。它的优点很多，不光可以解决雇佣人力配音的成本以及创作者本身的口音、语言等限制，还可以大幅提升生产效率。比如，短视频的播放时间短的几十秒，长的vlog类...",
-    "url": "https://segmentfault.com/a/1190000041472290",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "2",
+    "title": "Vue 响应式原理",
+    "description": "Vue 最独特的特性之一，是非侵入式的响应系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。聊到 Vue 响应式实现原理，众多开发者都知道实现的关键在于利用 Object.defineProperty...",
+    "url": "https://segmentfault.com/a/1190000041503070",
+    "author": "Zuckjet",
+    "home_url": "https://segmentfault.com/u/zuckjet",
+    "votes": "4",
     "rank": 29
   },
   {
-    "title": "VuePress 博客优化之开启 Algolia 全文搜索",
-    "description": "由于 VuePress 的内置搜索只会为页面的标题、h2 、 h3 以及 tags 构建搜索索引。 如果你需要全文搜索，可则以使用 Algolia 搜索，本篇讲讲如何申请以及配置 Algolia 搜索。",
-    "url": "https://segmentfault.com/a/1190000041480102",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "5",
+    "title": "2022强力之作：一款超精致的图片预览组件",
+    "description": "我刚接触前端这个行业的时候就有一个想法，那就是写一个超炫酷的图片预览画廊。还记得当时用美图看看看，那轻快的速度和交互很是令人着迷。该组件在几年前已经发布不完全版，后面断断续续的维护，总感觉差了点什...",
+    "url": "https://segmentfault.com/a/1190000041499918",
+    "author": "MinJieLiu",
+    "home_url": "https://segmentfault.com/u/minjieliu",
+    "votes": "4",
     "rank": 30
   }
 ]