@wcj/github-rank 22.3.9 → 22.3.12

package/dist/sifou-weekly.json

@@ -1,38 +1,38 @@
 [
   {
-    "title": "45个 GIT 经典操作场景，专治不会合代码",
-    "description": "git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...",
-    "url": "https://segmentfault.com/a/1190000041493486",
-    "author": "程序员内点事",
-    "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "45",
+    "title": "音视频通信加餐 —— WebRTC一肝到底",
+    "description": "原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。",
+    "url": "https://segmentfault.com/a/1190000041517764",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "27",
     "rank": 1
   },
-  {
-    "title": "巧用 CSS 实现炫彩三角边框动画",
-    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
-    "url": "https://segmentfault.com/a/1190000041487405",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "20",
-    "rank": 2
-  },
   {
     "title": "CSS 实现透明方格的 3 种方式",
     "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
     "url": "https://segmentfault.com/a/1190000041504985",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
+    "votes": "25",
+    "rank": 2
+  },
+  {
+    "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": "18",
     "rank": 3
   },
   {
-    "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
-    "description": "关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...",
-    "url": "https://segmentfault.com/a/1190000041488147",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "10",
+    "title": "JavaScript 数据处理 - 映射表篇",
+    "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
+    "url": "https://segmentfault.com/a/1190000041503556",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "15",
     "rank": 4
   },
   {
@@ -41,90 +41,72 @@
     "url": "https://segmentfault.com/a/1190000041501520",
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
-    "votes": "9",
+    "votes": "11",
     "rank": 5
   },
   {
-    "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": "12",
+    "title": "对不起，今天该发的微软认证推文，我们没写",
+    "description": "是的，今天是 3 月 10 日，农历二月初八（距离周五还有一天，距离下个法定节假日“清明节”还有 23 天，摸鱼人，支棱起来！）本来要写的微软认证课程宣传软文早就安排下来了，但在种种因素的作用下（没错，你没想错...",
+    "url": "https://segmentfault.com/a/1190000041529352",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "4",
     "rank": 6
   },
   {
-    "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": "15",
+    "title": "Go 设计哲学：少即是多，哪里来的？",
+    "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
+    "url": "https://segmentfault.com/a/1190000041524988",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "8",
     "rank": 7
   },
   {
-    "title": "JavaScript 数据处理 - 映射表篇",
-    "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
-    "url": "https://segmentfault.com/a/1190000041503556",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "10",
+    "title": "28张图助我学废TS",
+    "description": "Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）",
+    "url": "https://segmentfault.com/a/1190000041510006",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "12",
     "rank": 8
   },
   {
-    "title": "不会写代码的播音生不是个好运营😁",
-    "description": "我想很多毕业生在大四的时候都会遇到一个问题，就是很难找到与自己专业对口的工作。媒体上也经常出现诸如大学生回乡卖猪，卖鸡蛋之类的新闻，专业与职业的矛盾在这种强烈的对比下被激化了。如果我们审视一下我们...",
-    "url": "https://segmentfault.com/a/1190000041488303",
-    "author": "不会写代码的小白",
-    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
-    "votes": "22",
+    "title": "阿里云服务器 ECS 选购指南",
+    "description": "在回答这个问题之前，我们先来了解一下这几个参数都是什么意思核就是CPU的核心数(中央处理器（英语：CentralProcessingUnit，缩写：CPU）是计算机的主要设备 之一，功能主要是解释计算机指令以及处理计算机软件中...",
+    "url": "https://segmentfault.com/a/1190000041517672",
+    "author": "若尘",
+    "home_url": "https://segmentfault.com/u/iruochen",
+    "votes": "2",
     "rank": 9
   },
   {
-    "title": "想摸鱼吗？先掌握这 19 个 css 技巧！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041458790",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "10",
+    "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": 10
   },
   {
-    "title": "姜宁 ASF 董事竞选宣言：我希望能够帮助 ASF 打破地域、文化、语言的障碍",
-    "description": "在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。Apache 软件基金会孵化器导师，ALC Beijing 发起人，华为...",
-    "url": "https://segmentfault.com/a/1190000041493202",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "4",
+    "title": "使用Three.js实现神奇的3D文字悬浮效果",
+    "description": "在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子，本文使用 React + Three.js 技术栈，参照示例实现类似的效果。本文中涉及到的知识点主要包括：CSS 网格背景、M...",
+    "url": "https://segmentfault.com/a/1190000041517240",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "7",
     "rank": 11
   },
   {
-    "title": "如何处理大体积 XLSX/CSV/TXT 文件？",
-    "description": "在开发过程中，可能会遇到这样的需求，我们需要从本地的 Excel 或 CSV 等文件中解析出信息，这些信息可能是考勤打卡记录，可能是日历信息，也可能是近期账单流水。但是它们共同的特点是数据多且繁杂，人工录入的...",
-    "url": "https://segmentfault.com/a/1190000041489765",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "9",
+    "title": "Taro cli流程和插件化机制实现原理",
+    "description": "自 2.2 开始，Taro 引入了插件化机制，目的是为了让开发者能够通过编写插件的方式来为 Taro 拓展更多功能或为自身业务定制个性化功能。",
+    "url": "https://segmentfault.com/a/1190000041515931",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "6",
     "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": "祝贺姜宁当选 2022 Apache 软件基金会新任董事",
-    "description": "在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。",
-    "url": "https://segmentfault.com/a/1190000041492641",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "4",
-    "rank": 14
-  },
   {
     "title": "面向企业级前端应用的开发框架 UI5 的发展简史介绍",
     "description": "在移动应用已经无缝融合到我们日常生活的今日，我们的工作和生活几乎时时刻刻都在和 2C(即 To Customer) 应用打交道。比如手机支付，在线购物，生活缴费，天气和交通线路查询等等。",
@@ -132,141 +114,159 @@
     "author": "JerryWang_汪子熙",
     "home_url": "https://segmentfault.com/u/jerrywangsap",
     "votes": "5",
+    "rank": 13
+  },
+  {
+    "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": "10",
+    "rank": 14
+  },
+  {
+    "title": "mysql的锁",
+    "description": "页面锁：开销和加锁时间界于表锁和行锁之间，会出现死锁，锁定粒度界于表锁和行锁之间，并发度一般。从上述三种锁的特点来看，很难说哪种锁更好，只能就具体应用的特点来说哪种锁更合适。比如，MyISAM和MEMORY引...",
+    "url": "https://segmentfault.com/a/1190000041508775",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "4",
     "rank": 15
   },
   {
-    "title": "黑炫酷的监控界面，实际上是用了什么开源工具？",
-    "description": "我是3y，一年CRUD经验用十年的markdown程序员👨🏻‍💻常年被誉为职业八股文选手今天austin项目来给大家整点不一样的：花点时间跟着文章做完，屏幕壁纸就可以有了，我来上个图，大家就懂了。每当同事一瞄你的电脑，发...",
-    "url": "https://segmentfault.com/a/1190000041480904",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
+    "title": "Vue 响应式原理",
+    "description": "Vue 最独特的特性之一，是非侵入式的响应系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。聊到 Vue 响应式实现原理，众多开发者都知道实现的关键在于利用 Object.defineProperty...",
+    "url": "https://segmentfault.com/a/1190000041503070",
+    "author": "Zuckjet",
+    "home_url": "https://segmentfault.com/u/zuckjet",
     "votes": "5",
     "rank": 16
   },
   {
-    "title": "try..catch 不能捕获的错误有哪些？注意事项又有哪些？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041486636",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "8",
+    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
+    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
+    "url": "https://segmentfault.com/a/1190000041524121",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "7",
     "rank": 17
   },
   {
-    "title": "自媒体时代的贤内助——AI 视频云",
-    "description": "视频，通常是一段由活动画面组成的传递信息的内容。在如今这个信息爆炸的时代，我们每天都要在浩瀚的内容海洋中寻找需求的信息。一个视频是否吸引人内容固然是最重要的，但是播放是否流畅，画质是否清晰的影响力...",
-    "url": "https://segmentfault.com/a/1190000041481731",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "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": "6",
     "rank": 18
   },
   {
-    "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",
+    "title": "被盗4900万，互联网巨头竟败给“小学生”",
+    "description": "《那些年，互联网巨头犯过的低级错误》第二集来啦，有请我的同事小亮，一个浙大毕业造无人机的小哥哥，给大家讲讲小学生黑掉百度外卖4900万的故事。",
+    "url": "https://segmentfault.com/a/1190000041522132",
+    "author": "qinjianxiang",
+    "home_url": "https://segmentfault.com/u/qinjianxiang",
+    "votes": "4",
     "rank": 19
   },
   {
-    "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": "CSS中的混合模式，制作高级特效的必备技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041510478",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "6",
     "rank": 20
   },
   {
-    "title": "JavaScript 数据处理 - 列表篇",
-    "description": "程序中的常用数据集合无非两类，列表 (List) 和映射 (Map)。在 JavaScript 的语言基础中就提供了这两种集合结构的支持 —— 用数组 (Array) 表示列表，用直接对象 (Plain Object) 表示映射（属性键值对映射）。",
-    "url": "https://segmentfault.com/a/1190000041497710",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
+    "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
+    "url": "https://segmentfault.com/a/1190000041518109",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
     "votes": "5",
     "rank": 21
   },
   {
-    "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": "6",
+    "title": "初识Spring IoC",
+    "description": "从第一天开始学习SpringBoot，到现在已经有两年了，两年以来我的搬砖能力不断增强，但理论层面仍然是零基础小白。因此，打破瓶颈的方法，就是像学长们一样，多读书、多看理论知识，然后应用实践。",
+    "url": "https://segmentfault.com/a/1190000041508734",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "3",
     "rank": 22
   },
   {
-    "title": "mysql的锁",
-    "description": "页面锁：开销和加锁时间界于表锁和行锁之间，会出现死锁，锁定粒度界于表锁和行锁之间，并发度一般。从上述三种锁的特点来看，很难说哪种锁更好，只能就具体应用的特点来说哪种锁更合适。比如，MyISAM和MEMORY引...",
-    "url": "https://segmentfault.com/a/1190000041508775",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "4",
+    "title": "读Flink源码谈设计：FileSystemConnector中的整洁架构",
+    "description": "前阵子在生产上碰到了一个诡异现象：全量作业无法正常进行，日志中充斥着java.util.concurrent.TimeoutException: Heartbeat of TaskManager with id container xxxx(HOSTNAME:PORT) timed out的报错。",
+    "url": "https://segmentfault.com/a/1190000041517100",
+    "author": "泊浮目",
+    "home_url": "https://segmentfault.com/u/camile",
+    "votes": "3",
     "rank": 23
   },
   {
-    "title": "TypeScript 随想 · 实际应用与技巧",
-    "description": "目录类型元编程内置工具类型窥探外部工具类型推荐新操作符声明文件类型元编程什么是元编程：维基百科是这样描述的：元编程是一种编程技术，编写出来的计算机程序能够将其他程序作为数据来处理。意味着可以编写出...",
-    "url": "https://segmentfault.com/a/1190000041496213",
-    "author": "Barrior",
-    "home_url": "https://segmentfault.com/u/barrior",
-    "votes": "7",
+    "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": 24
   },
   {
-    "title": "DevStream v0.1.0 发布，打造灵活的 DevOps 工具链",
-    "description": "许多云厂商因此推出一站式 DevOps 平台，用大而全的解决方案节省研发团队在 DevOps 工具链管理事务上投入的资源。一站式平台确实带来了便利，但需要留意这种便利建立在让渡部分选择自由的基础上。站在全局视角，...",
-    "url": "https://segmentfault.com/a/1190000041485334",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "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": 25
   },
   {
-    "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",
+    "title": "11 个对开发有帮助的 JS 技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041504306",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "6",
     "rank": 26
   },
   {
-    "title": "简历准备和面试技巧，你所应该知道的一切",
-    "description": "hello，大家好，我是七淅。最近金三银四，借此机会和大家分享我在简历、投递策略和面试上的经验。先介绍自己的情况，我本人的履历相当普通，普通本科毕业，毕业后去了一家小厂，3 个月后因寒冬被裁。以这样的劣势...",
-    "url": "https://segmentfault.com/a/1190000041485982",
-    "author": "七淅在学Java",
-    "home_url": "https://segmentfault.com/u/qixijava",
-    "votes": "4",
+    "title": "使用Docker方式安装Jenkins",
+    "description": "之前自己在阿里云ECS上面安装了Jekins(安装jenkins的文章)，最近因为服务器中了挖矿木马于是准备重新安装一下，但是想到每次安装jenkins都要手动安装jdk、maven、docker、kubectl，感觉好麻烦，于是使用官方推荐...",
+    "url": "https://segmentfault.com/a/1190000041498807",
+    "author": "Awbeci",
+    "home_url": "https://segmentfault.com/u/awbeci",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "【干货】TypeScript 实战之 extends、infer 与 dva type",
-    "description": "本文主要讲解 typescript 的 extends、infer 和 template literal types 等知识点，针对每个知识点，我将分别使用它们解决一些日常开发中的实际问题。最后，活用这些知识点，渐进的解决使用 dva 时的类型问题。",
-    "url": "https://segmentfault.com/a/1190000041482628",
-    "author": "小贼先生",
-    "home_url": "https://segmentfault.com/u/ronffy",
+    "title": "2022强力之作：一款超精致的图片预览组件",
+    "description": "我刚接触前端这个行业的时候就有一个想法，那就是写一个超炫酷的图片预览画廊。还记得当时用美图看看看，那轻快的速度和交互很是令人着迷。该组件在几年前已经发布不完全版，后面断断续续的维护，总感觉差了点什...",
+    "url": "https://segmentfault.com/a/1190000041499918",
+    "author": "MinJieLiu",
+    "home_url": "https://segmentfault.com/u/minjieliu",
     "votes": "4",
     "rank": 28
   },
   {
-    "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",
+    "title": "AntV X6源码简析",
+    "description": "AntV是蚂蚁金服全新一代数据可视化解决方案，其中X6主要用于解决图编辑领域相关的解决方案，其是一款图编辑引擎，内置了一下编辑器所需的功能及组件等，本文旨在通过简要分析x6源码来对图编辑领域的一些底层引擎...",
+    "url": "https://segmentfault.com/a/1190000041503630",
+    "author": "野林",
+    "home_url": "https://segmentfault.com/u/vleedesigntheory",
+    "votes": "2",
     "rank": 29
   },
   {
-    "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",
+    "title": "3·8节，一个小视频带你认识下这群才华与美貌兼具的宝藏女孩！",
+    "description": "女神节 快乐呀，Girls！在互联网世界，有这样一群宝藏女孩，她们被亲切地称为“程序媛”。她们写得好代码，玩得转美妆，工作上进，学习努力~今天，就带大家认识一下个推的女程序员们，走进#个推程序媛的一天#",
+    "url": "https://segmentfault.com/a/1190000041512808",
+    "author": "个推",
+    "home_url": "https://segmentfault.com/u/getui",
+    "votes": "1",
     "rank": 30
   }
 ]