@wcj/github-rank 21.11.10 → 21.11.14

package/web/data/sifou-daily.json

@@ -1,65 +1,20 @@
 [
   {
-    "title": "一些常用的 Git 进阶知识与技巧",
-    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
-    "url": "https://segmentfault.com/a/1190000040930212",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "11",
-    "rank": 1
-  },
-  {
-    "title": "热门剧本杀与 SaaS 的不解之缘",
-    "description": "近年来，“剧本杀”这种以剧本为核心，玩家分别扮演不同角色推理案情找出真凶的娱乐项目在年轻人的范围内迅速传开，已悄然形成了一个市场规模超百亿的新兴产业，吸引了大量淘金者。而在互联网时代，针对玩家线上剧...",
-    "url": "https://segmentfault.com/a/1190000040932098",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
-    "rank": 2
-  },
-  {
-    "title": "LeetCode-096-不同的二叉搜索树",
-    "description": "题目描述：给你一个整数 n ，求恰由 n 个节点组成且节点值从 1 到 n 互不相同的 二叉搜索树 有多少种？返回满足题意的二叉搜索树的种数。二叉搜索树（Binary Search Tree）：又称二叉排序树，它或者是一棵空树，...",
-    "url": "https://segmentfault.com/a/1190000040929578",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
-    "rank": 3
-  },
-  {
-    "title": "在IntelliJ IDEA中，开发一个摸鱼看书插件",
-    "description": "总有人拿到产品的需求，就着急开干，反正也懒的想开发中会发生啥，上线后多少人使用，管它三七二十一先堆起来代码看一看，反正能跑就行，无论代码还是你！",
-    "url": "https://segmentfault.com/a/1190000040929376",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "2",
-    "rank": 4
-  },
-  {
-    "title": "用了很多动效，介绍 4个很  Nice 的 Veu 路由过渡动效！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040935668",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "「后端小伙伴来学前端了」关于 Vue中的 props",
+    "description": "校园的晚霞前言学vue必须要会的就是组件这玩意啦，不然可能就约等于白学。我自己前期完成老师布置的任务，不瞒你说，交上去，直接被骂，原因就是我一个组件没抽😂（一边学，一边敲，没想那么多，只想着实现）。一...",
+    "url": "https://segmentfault.com/a/1190000040955254",
+    "author": "宁在春",
+    "home_url": "https://segmentfault.com/u/wyh_study",
     "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "7.8k Star！一个强大的 JS 代码混淆工具",
-    "description": "JavaScript Obfuscator 是一款功能强大的免费 JavaScript 混淆器，包含多种功能，能将代码混淆成可读性低的代码，看上去是难以阅读的代码，其实具备和之前代码一样的功能，从而起到保护代码的作用。",
-    "url": "https://segmentfault.com/a/1190000040930890",
-    "author": "开源前哨",
-    "home_url": "https://segmentfault.com/u/kaiyuanqianshao",
-    "votes": "1",
-    "rank": 6
+    "rank": 1
   },
   {
-    "title": "Vim 诞生 30 周年：作者 Bram Moolenaar 、开发者 Alex Baldwin 分别撰文庆祝",
-    "description": "自 1991 年发布以来，Vim 如今已在两极分化的开发者社区里经历了整整 30 个年头。刚刚，作者 Bram Moolenaar、开发者 Alex Baldwin 就分别发文表达对“Vim 诞生 30 周年”的感慨和庆贺。",
-    "url": "https://segmentfault.com/a/1190000040931315",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "讲讲Java的注解",
+    "description": "Java SE 5 引入了许多的语言变化，注解（元数据）就是其中之一，主要是在代码中附加补充信息。注解不会影响代码的逻辑，只是在编译、运行时，为代码加入配置与描述等功能。",
+    "url": "https://segmentfault.com/a/1190000040955445",
+    "author": "hireny",
+    "home_url": "https://segmentfault.com/u/hireny",
     "votes": "1",
-    "rank": 7
+    "rank": 2
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,30 +1,21 @@
 [
   {
-    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
-    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
-    "url": "https://segmentfault.com/a/1190000040797816",
-    "author": "y_ck",
-    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "49",
+    "title": "熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！",
+    "description": "前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...",
+    "url": "https://segmentfault.com/a/1190000040906316",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "47",
     "rank": 1
   },
-  {
-    "title": "前端监控 SDK 的一些技术要点原理分析",
-    "description": "一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...",
-    "url": "https://segmentfault.com/a/1190000040796868",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "38",
-    "rank": 2
-  },
   {
     "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
     "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
     "url": "https://segmentfault.com/a/1190000040846926",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "35",
-    "rank": 3
+    "votes": "37",
+    "rank": 2
   },
   {
     "title": "肝完《浏览器基本原理与实践》，我总结了这些",
@@ -32,26 +23,8 @@
     "url": "https://segmentfault.com/a/1190000040896436",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "33",
-    "rank": 4
-  },
-  {
-    "title": "50天用react.js重写50个web项目，我学到了什么？",
-    "description": "1.Expanding Cards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信，我们通常使用useState方法。它的使用方式采用数组解构的方式，如下: {代码...} 解构的第一个参数是我们定义并且访问的数...",
-    "url": "https://segmentfault.com/a/1190000040813435",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "35",
-    "rank": 5
-  },
-  {
-    "title": "熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！",
-    "description": "前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...",
-    "url": "https://segmentfault.com/a/1190000040906316",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "37",
-    "rank": 6
+    "votes": "36",
+    "rank": 3
   },
   {
     "title": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
@@ -59,8 +32,17 @@
     "url": "https://segmentfault.com/a/1190000040875211",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "30",
-    "rank": 7
+    "votes": "32",
+    "rank": 4
+  },
+  {
+    "title": "一些常用的 Git 进阶知识与技巧",
+    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
+    "url": "https://segmentfault.com/a/1190000040930212",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "26",
+    "rank": 5
   },
   {
     "title": "前端如何防止用户修改水印？",
@@ -69,16 +51,7 @@
     "author": "劉凯里",
     "home_url": "https://segmentfault.com/u/kyrieliu",
     "votes": "24",
-    "rank": 8
-  },
-  {
-    "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
-    "description": "写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...",
-    "url": "https://segmentfault.com/a/1190000040803264",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "24",
-    "rank": 9
+    "rank": 6
   },
   {
     "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
@@ -86,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000040893750",
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
-    "votes": "28",
-    "rank": 10
+    "votes": "29",
+    "rank": 7
   },
   {
     "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
@@ -96,16 +69,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "27",
-    "rank": 11
-  },
-  {
-    "title": "前端如何实现token的无感刷新",
-    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
-    "url": "https://segmentfault.com/a/1190000040850857",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "26",
-    "rank": 12
+    "rank": 8
   },
   {
     "title": "前端架构师的 git 功力，你有几成火候？",
@@ -113,17 +77,8 @@
     "url": "https://segmentfault.com/a/1190000040879546",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "22",
-    "rank": 13
-  },
-  {
-    "title": "20 个值得学习的 Vue 开源项目",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040803238",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "19",
-    "rank": 14
+    "votes": "26",
+    "rank": 9
   },
   {
     "title": "MySQL灵魂拷问：36题带你面试通关",
@@ -131,8 +86,26 @@
     "url": "https://segmentfault.com/a/1190000040823877",
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
+    "votes": "22",
+    "rank": 10
+  },
+  {
+    "title": "前端如何实现token的无感刷新",
+    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
+    "url": "https://segmentfault.com/a/1190000040850857",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "26",
+    "rank": 11
+  },
+  {
+    "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
+    "description": "本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 <meter> 创建进度条通过 HTML 标签 <progress> 创建进度条HTML 实现进度条...",
+    "url": "https://segmentfault.com/a/1190000040908304",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "21",
-    "rank": 15
+    "rank": 12
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -141,7 +114,7 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "22",
-    "rank": 16
+    "rank": 13
   },
   {
     "title": "CSS 实现文本\"不定行数\"截断",
@@ -150,7 +123,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "22",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
@@ -159,43 +132,61 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "23",
-    "rank": 18
+    "rank": 15
   },
   {
-    "title": "前端实现很哇塞的浏览器端扫码功能🌟",
-    "description": "本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...",
-    "url": "https://segmentfault.com/a/1190000040809122",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "22",
-    "rank": 19
+    "title": "把程序做成系统服务",
+    "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
+    "url": "https://segmentfault.com/a/1190000040895843",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "13",
+    "rank": 16
   },
   {
-    "title": "关于 v-model 你需要知道的这一切！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040863402",
+    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
+    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
+    "url": "https://segmentfault.com/a/1190000040914312",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "23",
+    "rank": 17
+  },
+  {
+    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
+    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040875123",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
-    "rank": 20
+    "votes": "25",
+    "rank": 18
   },
   {
-    "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
-    "description": "本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 <meter> 创建进度条通过 HTML 标签 <progress> 创建进度条HTML 实现进度条...",
-    "url": "https://segmentfault.com/a/1190000040908304",
+    "title": "3D 穿梭效果？使用 CSS 轻松搞定",
+    "description": "背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...",
+    "url": "https://segmentfault.com/a/1190000040936266",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "16",
-    "rank": 21
+    "votes": "22",
+    "rank": 19
   },
   {
-    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
-    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040875123",
+    "title": "23 个非常有用的 NodeJs 库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040929396",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "21",
-    "rank": 22
+    "rank": 20
+  },
+  {
+    "title": "关于 v-model 你需要知道的这一切！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040863402",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "20",
+    "rank": 21
   },
   {
     "title": "聊聊开发日常的效率提升工具（全）",
@@ -203,16 +194,25 @@
     "url": "https://segmentfault.com/a/1190000040818832",
     "author": "树酱",
     "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "16",
+    "votes": "17",
+    "rank": 22
+  },
+  {
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040891379",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
     "rank": 23
   },
   {
-    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
-    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
-    "url": "https://segmentfault.com/a/1190000040914312",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "20",
+    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
+    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040902611",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "23",
     "rank": 24
   },
   {
@@ -225,32 +225,14 @@
     "rank": 25
   },
   {
-    "title": "把程序做成系统服务",
-    "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
-    "url": "https://segmentfault.com/a/1190000040895843",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "11",
+    "title": "Go 日常开发常备第三方库和工具",
+    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
+    "url": "https://segmentfault.com/a/1190000040896809",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "13",
     "rank": 26
   },
-  {
-    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
-    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040902611",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "22",
-    "rank": 27
-  },
-  {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040891379",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
-    "rank": 28
-  },
   {
     "title": "Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！",
     "description": "想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this等十余篇源码文章。",
@@ -258,15 +240,33 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "16",
+    "rank": 27
+  },
+  {
+    "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
+    "description": "大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得",
+    "url": "https://segmentfault.com/a/1190000040888747",
+    "author": "sluke",
+    "home_url": "https://segmentfault.com/u/sluke",
+    "votes": "11",
+    "rank": 28
+  },
+  {
+    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
+    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
+    "url": "https://segmentfault.com/a/1190000040855949",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "14",
     "rank": 29
   },
   {
-    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040814521",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
+    "title": "利用 CSS Overview 面板重构优化你的网站",
+    "description": "本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel，并且介绍如何更好地利用这个面板。通过 CSS Overview Panel，可能可以帮助我们：",
+    "url": "https://segmentfault.com/a/1190000040837145",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "14",
     "rank": 30
   }
 ]