@wcj/github-rank 22.8.20 → 22.8.23

package/dist/sifou-weekly.json

@@ -5,26 +5,17 @@
     "url": "https://segmentfault.com/a/1190000042325723",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "16",
+    "votes": "18",
     "rank": 1
   },
-  {
-    "title": "即日起，ONES 团队版50人以下免费",
-    "description": "ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...",
-    "url": "https://segmentfault.com/a/1190000042319176",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
-    "votes": "11",
-    "rank": 2
-  },
   {
     "title": "Windows滚动条如何美化成 macOS 那样？",
     "description": "欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...",
     "url": "https://segmentfault.com/a/1190000042323523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "18",
-    "rank": 3
+    "votes": "23",
+    "rank": 2
   },
   {
     "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！",
@@ -33,106 +24,88 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "8",
+    "rank": 3
+  },
+  {
+    "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
+    "description": "希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。",
+    "url": "https://segmentfault.com/a/1190000042338012",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "5",
     "rank": 4
   },
   {
-    "title": "精读《pnpm》",
-    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
-    "url": "https://segmentfault.com/a/1190000042318738",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "7",
+    "title": "聊聊 npm 的语义化版本（Semver）",
+    "description": "现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？",
+    "url": "https://segmentfault.com/a/1190000042342124",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "6",
     "rank": 5
   },
+  {
+    "title": "记录第一次给开源项目提 PR",
+    "description": "本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。",
+    "url": "https://segmentfault.com/a/1190000042342284",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "6",
+    "rank": 6
+  },
   {
     "title": "如何开发一款基于 vite+vue3 的在线表格系统（下）",
     "description": "在上篇内容中我们为大家分享了详细介绍Vue3和Vite的相关内容。在本篇中我们将从项目实战出发带大家了解Vite+Vue3 的在线表格系统的构建。使用Vite初始化Vue3项目在这里需要注意：根据官网文档说明，使用Vite需要n...",
     "url": "https://segmentfault.com/a/1190000042334814",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
-    "rank": 6
-  },
-  {
-    "title": "手写一个有点意思的电梯小程序（React版本）",
-    "description": "查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...",
-    "url": "https://segmentfault.com/a/1190000042322957",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "3",
+    "votes": "5",
     "rank": 7
   },
   {
-    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042318628",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
+    "title": "在阿里做前端程序员，我是这样规划的",
+    "description": "许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...",
+    "url": "https://segmentfault.com/a/1190000042334736",
+    "author": "大淘宝技术",
+    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "votes": "7",
     "rank": 8
   },
   {
-    "title": "将废弃的安卓手机重新用作Web服务器 一",
-    "description": "将废弃的安卓手机重新用作Web服务器环境准备首先，我们需要给手机安装一个Linux环境。这里选择Termux，Termux是Android的终端模拟器下载地址你可能需要根据你的手机型号选择适合的版本下载后想办法将安装包发送到...",
-    "url": "https://segmentfault.com/a/1190000042317550",
-    "author": "Riki一二三",
-    "home_url": "https://segmentfault.com/u/riki_wang",
-    "votes": "3",
+    "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
+    "description": "我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：",
+    "url": "https://segmentfault.com/a/1190000042329366",
+    "author": "Awbeci",
+    "home_url": "https://segmentfault.com/u/awbeci",
+    "votes": "6",
     "rank": 9
   },
-  {
-    "title": "开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术",
-    "description": "大家都知道，一个完整的高可用、高性能的Web系统本身的构成是比较复杂的，除了我们熟知的前端部分，比如静态网页生成器、JS库、UI框架、监控工具等，还有Web Server、云服务、CDN内容分发、代理服务、HTTP缓存与...",
-    "url": "https://segmentfault.com/a/1190000042316720",
-    "author": "Gomi",
-    "home_url": "https://segmentfault.com/u/gomi",
-    "votes": "5",
-    "rank": 10
-  },
-  {
-    "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
-    "description": "希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。",
-    "url": "https://segmentfault.com/a/1190000042338012",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
-    "rank": 11
-  },
   {
     "title": "数据透视表上线！如何在纯前端实现这个强大的数据分析功能？",
     "description": "在Office三大办公套件中，Excel可能是功能最多、最难精通的那一款了。从日常的表格录入到复杂的业务数据统计分析，Excel仿佛一位外表平平无奇，实力却深不可测的武林高手。熟练使用Excel往往能在日常工作中获得事...",
     "url": "https://segmentfault.com/a/1190000042331688",
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "记录第一次给开源项目提 PR",
-    "description": "本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。",
-    "url": "https://segmentfault.com/a/1190000042342284",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "5",
-    "rank": 13
+    "votes": "2",
+    "rank": 10
   },
   {
-    "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
-    "description": "我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：",
-    "url": "https://segmentfault.com/a/1190000042329366",
-    "author": "Awbeci",
-    "home_url": "https://segmentfault.com/u/awbeci",
-    "votes": "5",
-    "rank": 14
+    "title": "Vuex与前端表格施展“组合拳”，实现大屏展示应用的交互增强",
+    "description": "Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。",
+    "url": "https://segmentfault.com/a/1190000042345600",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
+    "rank": 11
   },
   {
-    "title": "如何让 useEffect 支持 async...await？",
-    "description": "本文是深入浅出 ahooks 源码系列文章的第六篇，该系列已整理成文档-地址。觉得还不错，给个 关注 支持一下哈，Thanks。本文已收录到个人博客中，欢迎关注~背景大家在使用 useEffect 的时候，假如回调函数中使用 a...",
-    "url": "https://segmentfault.com/a/1190000042320560",
+    "title": "前端必备的 HTTP 知识",
+    "description": "HTTP 起源HTTP 是由蒂姆·伯纳斯-李（TimBerners—Lee）于1989年在欧洲核子研究组织（CERN）所发起其中最著名的是 1999 年 6 月公布的 RFC 2616，定义了 HTTP 协议中现今广泛使用的一个版本——HTTP 1.1HTTP 是什么全...",
+    "url": "https://segmentfault.com/a/1190000042326660",
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "1",
-    "rank": 15
+    "votes": "7",
+    "rank": 12
   },
   {
     "title": "在 api 接口测试中，我会关注这三个指标",
@@ -141,16 +114,7 @@
     "author": "气势凌人的柿子",
     "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
     "votes": "3",
-    "rank": 16
-  },
-  {
-    "title": "前端必备的 HTTP 知识",
-    "description": "HTTP 起源HTTP 是由蒂姆·伯纳斯-李（TimBerners—Lee）于1989年在欧洲核子研究组织（CERN）所发起其中最著名的是 1999 年 6 月公布的 RFC 2616，定义了 HTTP 协议中现今广泛使用的一个版本——HTTP 1.1HTTP 是什么全...",
-    "url": "https://segmentfault.com/a/1190000042326660",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "7",
-    "rank": 17
+    "rank": 13
   },
   {
     "title": "有两套数据源，那开源 api 管理工具如何部署？",
@@ -159,16 +123,25 @@
     "author": "猿计划",
     "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
     "votes": "3",
-    "rank": 18
+    "rank": 14
   },
   {
-    "title": "聊聊 npm 的语义化版本（Semver）",
-    "description": "现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？",
-    "url": "https://segmentfault.com/a/1190000042342124",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
+    "title": "项目一共30个模块，你叫我maven版本一个个手动改？",
+    "description": "之前有个群友私聊问我，如何快速统一去更改项目中所有的maven版本号，他说之前都是手动一个个去修改，项目一共有30多个maven模块，上次因为漏改了一个，还造成了生产事故。",
+    "url": "https://segmentfault.com/a/1190000042345408",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "3",
-    "rank": 19
+    "rank": 15
+  },
+  {
+    "title": "完整又全面，教你在 Github Action 多平台构建 Electron 应用",
+    "description": "众所周知，Electron 是一个开源的跨平台框架，它内部集成了 Node.js 环境和浏览器环境，让开发者可以使用 Web 技术来绘制客户端的 UI，同时拥有不错的 I/O 能力。",
+    "url": "https://segmentfault.com/a/1190000042334235",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "4",
+    "rank": 16
   },
   {
     "title": "写接口文档之前，我会问自己 3 个问题",
@@ -177,96 +150,123 @@
     "author": "气势凌人的柿子",
     "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
     "votes": "3",
+    "rank": 17
+  },
+  {
+    "title": "如果让我设计一套，TPS百万级API网关！",
+    "description": "是滴，小傅哥又要准备搞事情了！这次准备下手API网关项目，因为这是所有互联网大厂都有的一个核心服务，承接着来自用户的滴滴打车、美团外卖、京东购物、微信支付，更是大促期间千万级访问量的核心系统。",
+    "url": "https://segmentfault.com/a/1190000042324803",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "2",
+    "rank": 18
+  },
+  {
+    "title": "Redis进阶篇：发布订阅模式原理与运用",
+    "description": "“65 哥，如果你交了个漂亮小姐姐做女朋友，你会通过什么方式将这个消息广而告之给你的微信好友？““那不得拍点女朋友的美照 + 亲密照弄一个九宫格图文消息在朋友圈发布大肆宣传，暴击单身狗。”",
+    "url": "https://segmentfault.com/a/1190000042333233",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "深入理解Redis 数据结构—字典",
+    "description": "字典，又称为符号表、关联数组或映射，是一种用于保存键值对的抽象数据结构。在字典中，一个键可以和一个值进行关联，这些关联的键和值称为键值对。键值对中键是唯一的,我们可以根据键key通过映射查找或者更新对...",
+    "url": "https://segmentfault.com/a/1190000042343233",
+    "author": "小码code",
+    "home_url": "https://segmentfault.com/u/jeremylai7",
+    "votes": "2",
     "rank": 20
   },
   {
-    "title": "一文讲透Java核心技术之高可扩展利器SPI",
-    "description": "Java是一种面向对象语言，虽然Java8开始支持函数式编程和Stream，但是总体来说，还是面向对象的语言。在使用Java进行面向对象开发时，一般会推荐使用基于接口的编程，程序的模块与模块之前不会直接进行实现类的硬...",
-    "url": "https://segmentfault.com/a/1190000042319253",
-    "author": "冰河",
-    "home_url": "https://segmentfault.com/u/binghe001",
-    "votes": "0",
+    "title": "ES13的11个超赞的新属性",
+    "description": "像其他语言一样，JavaScript也在不断迭代和进化。JS每年都会加入很多新的功能来让自己变得越发强大，也正是这样，我们开发者才能写出更加表意和准确的代码。",
+    "url": "https://segmentfault.com/a/1190000042328170",
+    "author": "进击的大葱",
+    "home_url": "https://segmentfault.com/u/jinjidedacong",
+    "votes": "1",
     "rank": 21
   },
   {
-    "title": "11 个需要避免的 React 错误用法",
-    "description": "随着 React 越来越受欢迎，React 开发者也越来越多，在开发过程中也遇到各种各样的问题。本文我将结合自己实际工作经验，总结 11 个 React 开发中常见的一些错误，帮助您避免一些错误的发生。如果您刚开始使用 Re...",
-    "url": "https://segmentfault.com/a/1190000042318606",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
+    "title": "总结一些，书写 CSS 的时候，经常犯的错误！",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042343100",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
     "rank": 22
   },
   {
-    "title": "如果让我设计一套，TPS百万级API网关！",
-    "description": "是滴，小傅哥又要准备搞事情了！这次准备下手API网关项目，因为这是所有互联网大厂都有的一个核心服务，承接着来自用户的滴滴打车、美团外卖、京东购物、微信支付，更是大促期间千万级访问量的核心系统。",
-    "url": "https://segmentfault.com/a/1190000042324803",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "2",
+    "title": "SegmentFault 思否技术周刊 -- 这几个 Vue 知识点，全都会你就是神！！！",
+    "description": "首先，我们先来看一下 Reactivity Object 响应式对象，它是基于使用 Proxy 创建一个原始对象的代理对象和使用 Reflect 来代理 JavaScript 操作方法，从而完成依赖的收集和派发更新的过程。然后，我们可以根据需要...",
+    "url": "https://segmentfault.com/a/1190000042332866",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "1",
     "rank": 23
   },
   {
-    "title": "flutter系列之:flutter架构什么的,看完这篇文章就全懂了",
-    "description": "Flutter是google开发的一个跨平台的UI构建工具，flutter目前最新的版本是3.0.5。使用flutter你可以使用一套代码搭建android，IOS，web和desktop等不同平台的应用。做到一次编写到处运行的目的。",
-    "url": "https://segmentfault.com/a/1190000042321759",
-    "author": "flydean",
-    "home_url": "https://segmentfault.com/u/flydean",
+    "title": "React报错之React Hook useEffect has a missing dependency",
+    "description": "当useEffect钩子使用了一个我们没有包含在其依赖数组中的变量或函数时，会产生\"React Hook useEffect has a missing dependency\"警告。为了解决该错误，禁用某一行的eslint规则，或者将变量移动到useEffect钩子内。",
+    "url": "https://segmentfault.com/a/1190000042351724",
+    "author": "chuck",
+    "home_url": "https://segmentfault.com/u/chuckqu",
     "votes": "2",
     "rank": 24
   },
   {
-    "title": "低代码时代已来，还是又一轮技术炒作？",
-    "description": "1982年，James Martin在论文《Application Development Without Program》提出了不需要写程序便可构建应用的畅想，极具前瞻性地预测了软件工程领域的发展趋势。2014 年，这一预测逐渐在行业内落地：低代码的概念...",
-    "url": "https://segmentfault.com/a/1190000042322522",
-    "author": "腾讯云开发者",
-    "home_url": "https://segmentfault.com/u/qcloudcommunity",
-    "votes": "1",
+    "title": "xflow流程可视化-designable高级配置",
+    "description": "上篇简要介绍了formilyjs以及基于其构建了表单设计器，实现了表单动态设计已经预览功能，本片将介绍表单设计器的一些高级配置，使其能更好的运用于我们的节点编辑以及连线编辑。",
+    "url": "https://segmentfault.com/a/1190000042328356",
+    "author": "陌路凡歌",
+    "home_url": "https://segmentfault.com/u/molufange",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "完整又全面，教你在 Github Action 多平台构建 Electron 应用",
-    "description": "众所周知，Electron 是一个开源的跨平台框架，它内部集成了 Node.js 环境和浏览器环境，让开发者可以使用 Web 技术来绘制客户端的 UI，同时拥有不错的 I/O 能力。",
-    "url": "https://segmentfault.com/a/1190000042334235",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "4",
+    "title": "图扑软件数字孪生厦门隧道，助力交通数字化升级",
+    "description": "隧道作为重要交通建筑设施，为缩短运行距离、提高运输能力、减少事故等方面起到重要作用。同时隧道交通具有流量大、行车速度快的特点，且内部含有大量照明、风机、水泵、指示器、情报板、供电等设备设施，若隧道...",
+    "url": "https://segmentfault.com/a/1190000042327153",
+    "author": "hightopo",
+    "home_url": "https://segmentfault.com/u/hightopo",
+    "votes": "1",
     "rank": 26
   },
   {
-    "title": "在阿里做前端程序员，我是这样规划的",
-    "description": "许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...",
-    "url": "https://segmentfault.com/a/1190000042334736",
-    "author": "大淘宝技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
-    "votes": "5",
+    "title": "Android 边播放边缓存视频框架AndroidVideoCache简析",
+    "description": "现在的移动应用，视频是一个非常重要的组成部分，好像里面不搞一点视频就不是一个正常的移动App。在视频开发方面，可以分为视频录制和视频播放，视频录制的场景可能还比较少，这方面可以使用Google开源的 grafika...",
+    "url": "https://segmentfault.com/a/1190000042342132",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "如何正确的中断线程？你的姿势是否正确",
-    "description": "在Java程序中，我们想要停止一个线程可以通过interrupt方法进行停止。但是当我们调用interrupt方法之后，它可能并不会立刻就会停止线程，而是通知线程需要停止。线程接收到通知之后会根据自身的情况判断是否需要...",
-    "url": "https://segmentfault.com/a/1190000042320179",
-    "author": "一个程序员的成长",
-    "home_url": "https://segmentfault.com/u/bingfengdada",
+    "title": "如何开发一款基于 Vite+Vue3 的在线表格系统（上）",
+    "description": "Vue是什么？大多前端开发者对这个词已毫不陌生了。三大框架孰优孰劣，众多开发者各抒己见，其中Vue以其“最简单、最易上手“的名号迅速积累了一大批粉丝，被广泛学习应用。同Angular、React框架一样，Vue也是MVVM类...",
+    "url": "https://segmentfault.com/a/1190000042329212",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "如何开发一个跨框架组件？",
-    "description": "你有这种感觉吗？几个大的前端框架把世界割裂了。我们会为你用Vue，我用React而争吵，甚至有鄙视链情况发生。争吵的原因有很多，我这篇文章主要是从组件的角度阐述。",
-    "url": "https://segmentfault.com/a/1190000042323852",
-    "author": "飞叶_前端",
-    "home_url": "https://segmentfault.com/u/yunhuangbeiqing",
+    "title": "连流量染色都没有，你说要搞微服务？",
+    "description": "在当下盛行的微服务架构下，服务数量多导致的依赖问题经常会成为开发过程中的绊脚石。也经常会在各种技术交流会上听到类似的话题，大家都在积极的讨论这种问题如何去解决。于是决定给大家介绍下流量染色的原理以...",
+    "url": "https://segmentfault.com/a/1190000042325664",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "HttpClient 在vivo内销浏览器的高并发实践优化",
-    "description": "HttpClient作为Java程序员最常用的Http工具，其对Http连接的管理能简化开发，并且提升连接重用效率；在正常情况下，HttpClient能帮助我们高效管理连接，但在一些并发高，报文体较大的情况下，如果再遇到网络波动...",
-    "url": "https://segmentfault.com/a/1190000042318840",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "1",
+    "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
+    "description": "你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会'卡死', 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...",
+    "url": "https://segmentfault.com/a/1190000042353870",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "6",
     "rank": 30
   }
 ]