@wcj/github-rank 21.10.16 → 21.10.17

package/dist/sifou-daily.json

@@ -1,65 +1,47 @@
 [
   {
-    "title": "Node.js 断路器简介",
-    "description": "当我们使用传统的 CS 架构时，服务端由于故障等原因将请求堵塞，可能会导致客户端的请求失去响应，进而在一段时间后导致一批用户无法获得服务。而这种情况可能影响范围是有限，可以预估的。然而，在微服务体系下...",
-    "url": "https://segmentfault.com/a/1190000040818039",
-    "author": "ES2049",
-    "home_url": "https://segmentfault.com/u/alisecued",
+    "title": "LeetCode-092-反转链表 II",
+    "description": "题目描述：给你单链表的头指针 head 和两个整数 left 和 right ，其中 left <= right 。请你反转从位置 left 到位置 right 的链表节点，返回 反转后的链表 。示例说明请见LeetCode官网。来源：力扣（LeetCode...",
+    "url": "https://segmentfault.com/a/1190000040819771",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
     "rank": 1
   },
   {
-    "title": "手动修改 node_modules 中的依赖包（patch-package）",
-    "description": "首先，问题是这样发生的，在项目中使用pdfvuer第三方插件，要将已经盖章成功的pdf显示出来，这个时候发现文章可以好好的显示出来，但是公司的签章怎么也显示不出来，这个时候终于找到了解决办法！！但是显示签章...",
-    "url": "https://segmentfault.com/a/1190000040817639",
-    "author": "阿一",
-    "home_url": "https://segmentfault.com/u/huhuy",
+    "title": "总线",
+    "description": "俗话说，要想富，先修路。国家修了大大小小很多的道路，有乡间小路，有省道，有国道，但是依然没有解决人们的出行难题，道路限速，道路复杂找不到路，车辆拥挤。于是，国家修建了高速公路。高速公路笔直宽阔，最...",
+    "url": "https://segmentfault.com/a/1190000040821251",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "文件编码， vim 修改编码",
-    "description": "概念：呈现再我们眼前的所有文字字符都是unicode 字符集， unicode 字符集如何保存？通常是用不同的编码编码成字节来存储，常见的有utf-8, gb2312等",
-    "url": "https://segmentfault.com/a/1190000040817263",
-    "author": "zed2015",
-    "home_url": "https://segmentfault.com/u/zed2015",
+    "title": "重识CurdRepository",
+    "description": "有一个需求：判断数据库中是否存在name为xxx的数据。由于在记忆中抹除了关于CurdRepository的提供的方法。所以在实现该功能的时候并没有想到findByxxx方法。",
+    "url": "https://segmentfault.com/a/1190000040821189",
+    "author": "郝泽龙_HZ",
+    "home_url": "https://segmentfault.com/u/haozelong_hz",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "Webpack 原理系列九：Tree-Shaking 实现原理",
-    "description": "Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确定 ESM 模块中哪些导出值未曾其它模块使用，并将其删除，以此实现打包产物的优化。",
-    "url": "https://segmentfault.com/a/1190000040814997",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
+    "title": "angular组验证器",
+    "description": "我们在对表单进行验证时，有时需要对多个字段同时进行验证，对不同字段的值进行比较，并针对它们的组合判断是否验证通过，在这种情况下使用对单一字段进行验证的验证器难以实现，这个时候就需要用到组验证器，在...",
+    "url": "https://segmentfault.com/a/1190000040821143",
+    "author": "李国稳",
+    "home_url": "https://segmentfault.com/u/meng_60ba0d4174d72",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "一位拖延症患者程序员的自我救赎！",
-    "description": "关于时间管理、如何做计划、如何提高执行力...等等相关的话题其实很早之前我就想写了，但一直拖着迟迟没有动笔。但是这次我想了又想，不能再拖了。",
-    "url": "https://segmentfault.com/a/1190000040814550",
-    "author": "CodeSheep",
-    "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "2",
-    "rank": 5
-  },
-  {
-    "title": "前端-JavaScript基础知识",
-    "description": "函数优先：编程语言中的函数可以被当作参数传递给其他函数，可以作为另一个函数的返回值，还可以被赋值给一个变量。解释型：对标编译型语言，编译型需预先将源码编成中间码，再由解释器解释运行。解释型不需要预...",
-    "url": "https://segmentfault.com/a/1190000040818642",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
+    "title": "算法（leetode，附思维导图 + 全部解法）300题之（4）寻找两个正序数组的中位数",
+    "description": "标题：算法（leetode，附思维导图 + 全部解法）300题之（4）寻找两个正序数组的中位数一 题目描述二 解法总览（思维导图）三 全部解法1 方案11)代码： {代码...} 2 方案21)代码： {代码...} 3 方案31)代码： {代...",
+    "url": "https://segmentfault.com/a/1190000040820997",
+    "author": "码农三少",
+    "home_url": "https://segmentfault.com/u/chenyob",
     "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "BFE Ingress Controller正式发布！",
-    "description": "BFE Ingress Controller是基于 BFE 实现的Kubernetes Ingress Controller，用于支持在 Kubernetes 中使用 Ingress来暴露服务并进行负载均衡、SSL终结等，目前已正式发布并可以下载使用。BFE Ingress Controller采...",
-    "url": "https://segmentfault.com/a/1190000040815822",
-    "author": "BFE开源项目",
-    "home_url": "https://segmentfault.com/u/bfe_project",
-    "votes": "1",
-    "rank": 7
+    "rank": 5
   }
 ]

package/dist/sifou-monthly.json

@@ -8,23 +8,14 @@
     "votes": "62",
     "rank": 1
   },
-  {
-    "title": "给自己点时间再记记这200条Git命令",
-    "description": "我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...",
-    "url": "https://segmentfault.com/a/1190000040685726",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "51",
-    "rank": 2
-  },
   {
     "title": "20+ css高频实用片段，提高幸福感的小技能你可以拥有噢",
     "description": "修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...",
     "url": "https://segmentfault.com/a/1190000040777100",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "44",
-    "rank": 3
+    "votes": "45",
+    "rank": 2
   },
   {
     "title": "前端监控 SDK 的一些技术要点原理分析",
@@ -32,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000040796868",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "30",
-    "rank": 4
+    "votes": "31",
+    "rank": 3
   },
   {
     "title": "从0到1开发一款自己的vscode插件",
@@ -42,7 +33,7 @@
     "author": "执鸢者",
     "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
     "votes": "31",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "Nginx服务器常见配置清单备忘录",
@@ -51,16 +42,16 @@
     "author": "CodeSheep",
     "home_url": "https://segmentfault.com/u/hansonwang99",
     "votes": "30",
-    "rank": 6
+    "rank": 5
   },
   {
-    "title": "基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇",
-    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
-    "url": "https://segmentfault.com/a/1190000040688086",
-    "author": "程序员海军",
-    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
-    "votes": "35",
-    "rank": 7
+    "title": "技术人必看的各类工具书籍",
+    "description": "一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...",
+    "url": "https://segmentfault.com/a/1190000040725587",
+    "author": "阿里巴巴淘系技术",
+    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "votes": "26",
+    "rank": 6
   },
   {
     "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
@@ -69,7 +60,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "27",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
@@ -78,25 +69,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "38",
-    "rank": 9
-  },
-  {
-    "title": "技术人必看的各类工具书籍",
-    "description": "一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...",
-    "url": "https://segmentfault.com/a/1190000040725587",
-    "author": "阿里巴巴淘系技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
-    "votes": "26",
-    "rank": 10
-  },
-  {
-    "title": "如何阅读源码 —— 以 Vetur 为例",
-    "description": "我很早就意识到，能熟练、高效阅读开源前端框架源码是成为一个高级前端工程师必须具备的基本技能之一，所以在我职业生涯的最早期，就已经开始做了很多次相关的尝试，但结果通常都以失败告终，原因五花八门：",
-    "url": "https://segmentfault.com/a/1190000040686256",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "26",
-    "rank": 11
+    "rank": 8
   },
   {
     "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
@@ -105,7 +78,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "34",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "📝 没 2 年 React Native 开发经验，你都遇不到这些坑",
@@ -114,7 +87,7 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "25",
-    "rank": 13
+    "rank": 10
   },
   {
     "title": "近 20k Star的项目说不做就不做了，但总结的内容值得借鉴",
@@ -123,7 +96,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "19",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
@@ -132,7 +105,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "24",
-    "rank": 15
+    "rank": 12
   },
   {
     "title": "从零搭建一个前端cli脚手架并发布到npm",
@@ -141,7 +114,7 @@
     "author": "lzg9527",
     "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
     "votes": "19",
-    "rank": 16
+    "rank": 13
   },
   {
     "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
@@ -150,7 +123,16 @@
     "author": "y_ck",
     "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
     "votes": "25",
-    "rank": 17
+    "rank": 14
+  },
+  {
+    "title": "2021 VSCode前端插件推荐",
+    "description": "2021 VSCode前端插件推荐前言推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉开发综合推荐别名路径跳转插件名： 别名路径跳转使用说明: 别名路径跳转插件，支持任何项目，使用...",
+    "url": "https://segmentfault.com/a/1190000040766151",
+    "author": "风不识途",
+    "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
+    "votes": "24",
+    "rank": 15
   },
   {
     "title": "妙用 background 实现花式文字效果",
@@ -159,7 +141,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "20",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "写个vscode插件, 帮助阅读i18n项目的代码",
@@ -168,16 +150,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "20",
-    "rank": 19
-  },
-  {
-    "title": "2021 VSCode前端插件推荐",
-    "description": "2021 VSCode前端插件推荐前言推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉开发综合推荐别名路径跳转插件名： 别名路径跳转使用说明: 别名路径跳转插件，支持任何项目，使用...",
-    "url": "https://segmentfault.com/a/1190000040766151",
-    "author": "风不识途",
-    "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
-    "votes": "23",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "尝试对 jsjiami 加密结果手工解密",
@@ -186,7 +159,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "15",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
@@ -195,7 +168,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 22
+    "rank": 19
   },
   {
     "title": "摊牌了，做为前端，我经常在用的15个国外网站",
@@ -204,7 +177,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "21",
-    "rank": 23
+    "rank": 20
   },
   {
     "title": "postTask：React的杀手锏被浏览器原生实现了？",
@@ -213,7 +186,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "13",
-    "rank": 24
+    "rank": 21
   },
   {
     "title": "用Java轻松完成一个分布式事务TCC，保姆级教程",
@@ -222,7 +195,7 @@
     "author": "叶东富",
     "home_url": "https://segmentfault.com/u/yedongfu",
     "votes": "15",
-    "rank": 25
+    "rank": 22
   },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
@@ -231,16 +204,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "18",
-    "rank": 26
-  },
-  {
-    "title": "高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗",
-    "description": "前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...",
-    "url": "https://segmentfault.com/a/1190000040686657",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "15",
-    "rank": 27
+    "rank": 23
   },
   {
     "title": "29个项目来让你的HTML CSS Javascript 更加炉火纯青",
@@ -249,7 +213,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "17",
-    "rank": 28
+    "rank": 24
   },
   {
     "title": "React 源码解析系列 - React 的 render 阶段（二）：beginWork",
@@ -258,7 +222,7 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "10",
-    "rank": 29
+    "rank": 25
   },
   {
     "title": "计算机网络经典20问！",
@@ -267,6 +231,42 @@
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "12",
+    "rank": 26
+  },
+  {
+    "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040704570",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "12",
+    "rank": 27
+  },
+  {
+    "title": "Sass速成课",
+    "description": "01. 使用 Sass 变量存储数据Sass与CSS不同的一个特性是它可以使用变量。它们可以被声明和设置为将数据存储为类似于JavaScript 的变量。在JavaScript中，变量是使用let和const关键字声明的。在Sass中，变量以$开头...",
+    "url": "https://segmentfault.com/a/1190000040724594",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "9",
+    "rank": 28
+  },
+  {
+    "title": "前端代码评审通常注意些什么",
+    "description": "代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...",
+    "url": "https://segmentfault.com/a/1190000040780312",
+    "author": "_Vin",
+    "home_url": "https://segmentfault.com/u/_vin_5d884143cd4cb",
+    "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "建立和维护大型Vue.js项目的10个最佳实践",
+    "description": "今年的自由职业生涯中，我有机会从事一些大型Vue应用程序的工作。我所谈论的项目有超过12个Vuex 存储，大量组件（有时数百个）和许多视图（页面）。实际上，这对我来说是非常有意义的经历，因为我发现了许多有趣...",
+    "url": "https://segmentfault.com/a/1190000040712187",
+    "author": "Yujiaao",
+    "home_url": "https://segmentfault.com/u/yujiaao",
+    "votes": "15",
     "rank": 30
   }
 ]

package/dist/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040796868",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "30",
+    "votes": "31",
     "rank": 1
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000040704570",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
+    "votes": "12",
     "rank": 4
   },
   {
@@ -107,15 +107,6 @@
     "votes": "7",
     "rank": 12
   },
-  {
-    "title": "左手IRR，右手NPV，掌握发家致富道路密码",
-    "description": "但是落脚到很小的例子之上，假如项目A和项目B都可以投资25W，而现在的贴现率是15%（贴现率：指将来的钱折算到现在后，少掉/多出的那部分钱与将来的钱的比值），我们投哪个项目更加划算呢？",
-    "url": "https://segmentfault.com/a/1190000040804260",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "3",
-    "rank": 13
-  },
   {
     "title": "(总结)项目经历一次更换ui组件库才知道的事: 共21种问题类型",
     "description": "写这篇文章的起因是作者不久前经历了一次项目整体ui组件库的替换, 本以为更换ui组件库只是改改样式并且改几处写法就行了, 但真正经历了才知道这里面遇到的问题还真是丰富多彩, 全程做下来我一共总结了21种问...",
@@ -123,8 +114,26 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "6",
+    "rank": 13
+  },
+  {
+    "title": "实战经验分享：使用 PyO3 来构建你的 Python 模块",
+    "description": "PyO3 主要用于创建原生 Python 的扩展模块。PyO3 还支持从 Rust 二进制文件运行 Python 代码并与之交互，可以实现 rust 与 Python 代码共存。在一些对性能要求较高的模块上，可以考虑使用 PyO3 构建对应的功能模...",
+    "url": "https://segmentfault.com/a/1190000040811460",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 14
   },
+  {
+    "title": "左手IRR，右手NPV，掌握发家致富道路密码",
+    "description": "但是落脚到很小的例子之上，假如项目A和项目B都可以投资25W，而现在的贴现率是15%（贴现率：指将来的钱折算到现在后，少掉/多出的那部分钱与将来的钱的比值），我们投哪个项目更加划算呢？",
+    "url": "https://segmentfault.com/a/1190000040804260",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "3",
+    "rank": 15
+  },
   {
     "title": "12种 vo2dto 方法，就 BeanUtils.copyProperties 压测最拉胯！【快双11了，别用错喽】",
     "description": "没有技术深度、短缺知识储备、匮乏经验积累的前提下，怎么写代码？百度呀，遇到问题这搜一点，那查一块，不管它是什么原理还是适合哪种场景，先粘贴到自己的工程里，看，能跑了，能跑就行。那这样的代码也就仅仅...",
@@ -132,15 +141,6 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "4",
-    "rank": 15
-  },
-  {
-    "title": "实战经验分享：使用 PyO3 来构建你的 Python 模块",
-    "description": "PyO3 主要用于创建原生 Python 的扩展模块。PyO3 还支持从 Rust 二进制文件运行 Python 代码并与之交互，可以实现 rust 与 Python 代码共存。在一些对性能要求较高的模块上，可以考虑使用 PyO3 构建对应的功能模...",
-    "url": "https://segmentfault.com/a/1190000040811460",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
     "rank": 16
   },
   {
@@ -162,12 +162,12 @@
     "rank": 18
   },
   {
-    "title": "从零开始实现一个颜色选择器（原生JavaScript实现）",
-    "description": "首先，我们无需搭建项目的环境，我们还是直接用最简单的方式，也就是引入的方式来创建这个项目，这样也就方便了我们一边编写一边测试。创建一个空目录，命名为ColorPicker,创建一个js文件，即color-picker.js,然...",
-    "url": "https://segmentfault.com/a/1190000040789940",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "4",
+    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040814521",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 19
   },
   {
@@ -179,6 +179,15 @@
     "votes": "7",
     "rank": 20
   },
+  {
+    "title": "从零开始实现一个颜色选择器（原生JavaScript实现）",
+    "description": "首先，我们无需搭建项目的环境，我们还是直接用最简单的方式，也就是引入的方式来创建这个项目，这样也就方便了我们一边编写一边测试。创建一个空目录，命名为ColorPicker,创建一个js文件，即color-picker.js,然...",
+    "url": "https://segmentfault.com/a/1190000040789940",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "4",
+    "rank": 21
+  },
   {
     "title": "基于HarmonyOS分布式技术，他们让绘画体验更为出色",
     "description": "绘画，是很多人的兴趣爱好，但是想要创作优秀的作品并不容易。这不仅依赖于个人的灵光乍现，往往还需要他人协作及灵感的支持。目前市面上大多数绘画应用在单设备上的体验已经足够优秀，但是对跨设备交互的支持仍...",
@@ -186,7 +195,7 @@
     "author": "第一视角",
     "home_url": "https://segmentfault.com/u/awly3q3a",
     "votes": "1",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "分享一些web前端开发好用的网站",
@@ -195,7 +204,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "5",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "详解es6的export和import命令",
@@ -204,15 +213,6 @@
     "author": "花怀樱",
     "home_url": "https://segmentfault.com/u/zero_599d47cbc8888zrn",
     "votes": "4",
-    "rank": 23
-  },
-  {
-    "title": "精读《可维护性思考》",
-    "description": "前端精读之前写了 23 篇设计模式总结文，再加上 6 种设计原则，开闭、单一职责、依赖倒置、接口分离、迪米特法则、里氏替换原则，基本上对代码的可维护性有了全面深刻的理解。",
-    "url": "https://segmentfault.com/a/1190000040791286",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "4",
     "rank": 24
   },
   {
@@ -225,11 +225,11 @@
     "rank": 25
   },
   {
-    "title": "超一半企业工作站无法运行 Windows 11；Python 3.10.0 正式发布；Android 12 发布 | 思否周刊",
-    "description": "40s 新闻速递市监总局对美团“二选一”垄断行为行政处罚,罚 34.42 亿苹果 NFC 芯片面临欧盟反垄断调查，或向对手开放Telegram 在 Facebook 宕机当天新增 7000 万用户英伟达已向欧盟做出初步让步，以确保 540 亿美元...",
-    "url": "https://segmentfault.com/a/1190000040787631",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "精读《可维护性思考》",
+    "description": "前端精读之前写了 23 篇设计模式总结文，再加上 6 种设计原则，开闭、单一职责、依赖倒置、接口分离、迪米特法则、里氏替换原则，基本上对代码的可维护性有了全面深刻的理解。",
+    "url": "https://segmentfault.com/a/1190000040791286",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "4",
     "rank": 26
   },
@@ -242,24 +242,6 @@
     "votes": "4",
     "rank": 27
   },
-  {
-    "title": "Kafka基础入门篇",
-    "description": "1、kafka简介 Kafka 是一个分布式的基于发布/订阅模式的消息队列（Message Queue），主要应用与大数据实时处理领域。其主要设计目标如下：",
-    "url": "https://segmentfault.com/a/1190000040786919",
-    "author": "LNMPRG源码研究",
-    "home_url": "https://segmentfault.com/u/php7internal",
-    "votes": "4",
-    "rank": 28
-  },
-  {
-    "title": "终于搞懂了服务器为啥产生大量的TIME_WAIT！",
-    "description": "写在开头，大概 4 年前，听到运维同学提到 TIME\\_WAIT 状态的 TCP 连接过多的问题，但是当时没有去细琢磨；最近又听人说起，是一个新手进行压测过程中，遇到的问题，因此，花点时间，细深究一下。",
-    "url": "https://segmentfault.com/a/1190000040786792",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "3",
-    "rank": 29
-  },
   {
     "title": "Elasticsearch 存储成本省 60%，稿定科技干货分享",
     "description": "稿定科技旗下稿定设计产品是一个聚焦商业设计的多场景在线设计平台，打破了软硬件间的技术限制，汇集创意内容与设计工具于一体，为不同场景下的设计需求提供优质的解决方案，满足图片、视频等全类型媒介的设计需...",
@@ -267,6 +249,24 @@
     "author": "JuiceFS",
     "home_url": "https://segmentfault.com/u/juicefs",
     "votes": "5",
+    "rank": 28
+  },
+  {
+    "title": "前端-选择开发工具",
+    "description": "Webstorm是一款针对前端的集成开发工具（IDE），研发公司是jetbrains，它提供社区版（免费）和商业版（付费），对于入门开发，社区版基本够用。优点是Webstorm环境集成比较完善，功能使用比较容易上手。",
+    "url": "https://segmentfault.com/a/1190000040800441",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "1",
+    "rank": 29
+  },
+  {
+    "title": "KonvaJS 原理解析",
+    "description": "为了解决这个痛点，诞生了例如 PIXI、ZRender、Fabric 等 Canvas 库。今天要讲的 Konva 也是一个很优秀的 Canvas 框架，API 封装简洁易懂，基于 TypeScript 实现，有 React 和 Vue 版本。",
+    "url": "https://segmentfault.com/a/1190000040790908",
+    "author": "尹光耀",
+    "home_url": "https://segmentfault.com/u/yinguangyao",
+    "votes": "3",
     "rank": 30
   }
 ]