@wcj/github-rank 21.9.14 → 21.9.18

package/web/data/sifou-daily.json

@@ -1,146 +1,83 @@
 [
   {
-    "title": "[Jenkins进阶]-后端CI/CD",
-    "description": "如果没有自动化， 我们的后端从开发到提测工作流程可能如下：1.本地机器上写代码2.提交代码，push 到 git 远程仓库3.执行mvn clean package单元测试并且打包jar包4.ssh/ftp发包至测试服务器等各种方式5.重启java...",
-    "url": "https://segmentfault.com/a/1190000040674102",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "3",
+    "title": "该来的还是来了，盘点 ES12 中有新特性！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040698866",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 1
   },
   {
-    "title": "从零开始使用create-react-app + react + typescript 完成一个网站",
-    "description": "也许有人咋一看，看到这个网站有些熟悉，没错，这个网站来源于[链接]。我花了三天时间，用create-react-app + react + typescript重构这个网站，与网站效果不同的是，我没有加入任何的动画，并且我添加了中英文切...",
-    "url": "https://segmentfault.com/a/1190000040677455",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "4",
+    "title": "LeetCode-326-3的幂",
+    "description": "题目描述：给定一个整数，写一个函数来判断它是否是 3 的幂次方。如果是，返回 true ；否则，返回 false 。整数 n 是 3 的幂次方需满足：存在整数 x 使得 n == $3^{x}$示例说明请见LeetCode官网。来源：力扣（Lee...",
+    "url": "https://segmentfault.com/a/1190000040699449",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "IPFS 技术发展新赛道，Jupiter 黑客松—IPFS 开发者大赛开拓全新应用场景",
-    "description": "为帮助使用IPFS技术的亚洲开发人员认证、加速、孵化他们的精彩创意，培养全球开发者社区基于IPFS协议创立新的初创企业、发展创新性的应用、解决主要问题和让网络的未来变得更加强大、安全和去中心化。",
-    "url": "https://segmentfault.com/a/1190000040674439",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "3",
+    "title": "最新！中国信通院可信开源评估结果正式发布",
+    "description": "随着近些年开源技术的广泛应用，我国开源生态不断发展壮大，企业在广泛使用开源软件的过程中逐步了解开源风险，从而关注开源治理。与此同时，市场上涌现了大量开源项目、开源治理方法和配套的开源治理工具。针对...",
+    "url": "https://segmentfault.com/a/1190000040700587",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "vivo营销自动化技术解密｜开篇",
-    "description": "营销自动化是指专门为营销部门或组织设计的软件平台和技术，可以更有效地在线进行多渠道营销并使重复性任务自动化。营销部门和销售人员通过制定任务和流程的操作标准，然后由IT系统进行解释、存储和执行，从而提...",
-    "url": "https://segmentfault.com/a/1190000040673071",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "2",
+    "title": "巧用git stash暂存代码到本地，解决冲突&&暂存文件",
+    "description": "（1）git stash save \"save message\": 执行存储时，添加备注，方便查找，只有git stash 也要可以的，但查找时不方便识别。",
+    "url": "https://segmentfault.com/a/1190000040700349",
+    "author": "起风了",
+    "home_url": "https://segmentfault.com/u/qifengliao_5e7f5b20ee3bd",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "前端瓦片地图加载之塞尔达传说旷野之息",
-    "description": "最近在 肝🤕 塞尔达旷野之息，希望 2022年 新作发布前可以救出公主 👸。 同时公司有地图加载的需求，于是想以 旷野之息 地图为例，学习实践一下前端开发相关的地图知识，本文内容主要介绍通过使用瓦片地图加载原理...",
-    "url": "https://segmentfault.com/a/1190000040678481",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "3",
+    "title": "微信小程序Canvas绘制证件照底色，小程序Canvas绘图",
+    "description": "小程序提供了Canvas绘图的API，我们很轻松就可以使用Canvas绘制一张图片并保存下来。本次案例使用绘制证件照的方式演示Canvas的示例。",
+    "url": "https://segmentfault.com/a/1190000040700247",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "CSS资源",
-    "description": "1、Layoutit Grid 是一个 CSS Grid 布局生成器地址：[链接]2、Sarah Drasner 的 CSS 网格生成器地址：[链接]3、Grid by Example地址：[链接]4、CSS Grid Garden地址：[链接]5、Grid Malven地址：[链接]6、CSS Tri...",
-    "url": "https://segmentfault.com/a/1190000040674426",
-    "author": "小蘑菇",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "3",
+    "title": "SSR服务化的落地",
+    "description": "本文分享了笔者在过往落地SSR时的一个不同落地思路，希望通过此文给尝试落地SSR的团队多一个可以尝试的方向。本文以VUE框架的实现为例说明整体落地过程，其它框架可在渲染层进行适配处理。",
+    "url": "https://segmentfault.com/a/1190000040700067",
+    "author": "周兴钢",
+    "home_url": "https://segmentfault.com/u/zhouxinggang",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "前端模块化规范",
-    "description": "完整高频题库仓库地址：[链接]完整高频题库阅读地址：[链接]相关问题JavaScript 主要有哪几种模块化规范AMD / CMD 有什么异同ESM 是什么模块化解决了什么问题/痛点回答关键点CommonJS AMD CMD UMD ESMCommonJS[1]...",
-    "url": "https://segmentfault.com/a/1190000040678412",
-    "author": "HZFEStudio",
-    "home_url": "https://segmentfault.com/u/_6085362b65292",
+    "title": "真香！原来 CLI 开发可以这么简单",
+    "description": "CLI（命令行工具，Command Line Interface）大家都非常熟悉了，比如 create-react-app 等。我们今天介绍一个 CLI 工具的开发框架，可以帮助我们快速构建 CLI 工具。",
+    "url": "https://segmentfault.com/a/1190000040699705",
+    "author": "广吾",
+    "home_url": "https://segmentfault.com/u/everfind",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "【HMS Core 6.0全球上线】Toolkit，您的智能辅助编程好帮手",
-    "description": "HMS Core 6.0已于7月15日全球上线。本次版本中，华为HMS Toolkit向广大开发者推出了智能辅助编程助手SmartCoder，帮助开发者轻松高效地集成HMS Core，开发新功能，创建新应用。",
-    "url": "https://segmentfault.com/a/1190000040673481",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
+    "title": "TypeScript系列🔥, 通过vue3实例说说declare module语法怎么用[🦕模块声明篇]",
+    "description": "欠你们的本系列文章是我20年开始写的, 这个模块声明也是本系列的最后一课, 中间因为时间安排间隔了1年, 当时答应大家要补充的, 现在来还债😊.中间的时间我写了vue3的入门教程, 现在写了一半了吧, 带视频的, 如果有...",
+    "url": "https://segmentfault.com/a/1190000040699170",
+    "author": "铁皮饭盒",
+    "home_url": "https://segmentfault.com/u/russell221",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "这 6 个 TS 新特性经常用到，用了之后我再也离不开它！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040679151",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "linux 切换软件源到国内代理加速地址",
+    "description": "经常会使用各种Linux的发行版本，很多时候需要使用yum和apt去安装软件，但是Linux镜像中的软件源使用的是国外的地址，访问速度非常慢，有些时候甚至访问失败，每次都需要去网上找对应的软件源地址。",
+    "url": "https://segmentfault.com/a/1190000040701569",
+    "author": "汤青松",
+    "home_url": "https://segmentfault.com/u/songboy",
     "votes": "1",
     "rank": 9
-  },
-  {
-    "title": "Tensorflow保存神经网络参数有妙招：Saver和Restore",
-    "description": "本文分享自华为云社区《[[Python人工智能] 十一.Tensorflow如何保存神经网络参数 丨【百变AI秀】]([链接])》，作者： eastmount。",
-    "url": "https://segmentfault.com/a/1190000040675686",
-    "author": "华为云开发者社区",
-    "home_url": "https://segmentfault.com/u/huaweiyunkaifazheshequ",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "2021 年度 TIOBE 9 月榜单出炉：Python 与 C 仅差 0.16%，有望冲击夺冠！",
-    "description": "近日，TIOBE 出炉了2021 年度 9 月份编程语言榜单。在入围该榜单的 100 种编程语言里，C、Python 和 Java 分别以 11.83%、11.67% 和 11.12% 的评级，位列该榜单前 3 甲。其中， 排名第 2 的 Python 与排名第 1 的...",
-    "url": "https://segmentfault.com/a/1190000040674414",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "玩转HTTPS",
-    "description": "前言最近在看《图解HTTP》这本书，今天来学习一下HTTPS。正文HTTP的缺点HTTP 主要有这些不足：通信使用明文（不加密），内容可能会被窃听不验证通信方的身份，因此有可能遭遇伪装无法证明报文的完整性，所以有可...",
-    "url": "https://segmentfault.com/a/1190000040673876",
-    "author": "超大只乌龟",
-    "home_url": "https://segmentfault.com/u/chenwugui",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "数据中台为什么要建标签体系，分类它不香吗？",
-    "description": "作者丨 石秀峰全文共3765个字，建议阅读8分钟数据中台为什么要建标签体系，分类它不香吗？在众多的数据中台的解决方案中，一个叫做“标签中心”或“标签体系”的应用，几乎成了数据中台的“标配”。乍一看，标签体系就...",
-    "url": "https://segmentfault.com/a/1190000040673676",
-    "author": "用友iuap",
-    "home_url": "https://segmentfault.com/u/iuap",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "前后端分离 Vue + Egg.js + Mysql 的JS全栈实践。动态菜单，RBAC权限模型，WebSocket实现站内信。",
-    "description": "这是一个Vue+Node.js的js全栈项目。基于RBAC模型做权限控制，动态配置菜单，前端实现页面元素级别的权限控制。通过WebSocket实现站内信功能，任务看板中，实现更新同步推送。一旦其他项目成员有对我们当前查看的...",
-    "url": "https://segmentfault.com/a/1190000040673222",
-    "author": "Imfdj",
-    "home_url": "https://segmentfault.com/u/imfdj_5a7841e179f6d",
-    "votes": "2",
-    "rank": 14
-  },
-  {
-    "title": "上帝视角看 “Go 项目标准布局” 之争",
-    "description": "前段时间 Go 语言社区有一件事情引爆了热议，那就是 golang-standards/project-layout 项目的 “Go 项目的标准布局” 之争。",
-    "url": "https://segmentfault.com/a/1190000040674612",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "数据可视化工具怎么挑选合适企业需求，看看符不符合这些条件",
-    "description": "​伴随着经济的快速发展，企业对数据分析的需求也在不断增加，同时对数据价值挖掘等方面也提出了更高的要求，即数据可视化的要求。要达到数据的可视化效果，可以借助一些优质的数据可视化工具来实现。",
-    "url": "https://segmentfault.com/a/1190000040673161",
-    "author": "Smartbi大数据",
-    "home_url": "https://segmentfault.com/u/smartbidashuju",
-    "votes": "1",
-    "rank": 16
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "大学四年一路走来，我把这些私藏的算法学习工具全贡献出来了！",
-    "description": "我们都知道数据结构和算法一个比较难以掌握的原因就是很难形象地在脑海中形成一个结构化的画面，尤其是当一些结构和算法比较复杂时，对人的想象能力有一定要求。",
-    "url": "https://segmentfault.com/a/1190000040525819",
-    "author": "CodeSheep",
-    "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "54",
+    "title": "MySQL 从入门到实践，万字详解！",
+    "description": "数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...",
+    "url": "https://segmentfault.com/a/1190000040642243",
+    "author": "SHERlocked93",
+    "home_url": "https://segmentfault.com/u/sherlocked93",
+    "votes": "52",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040563214",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "40",
+    "votes": "43",
     "rank": 2
   },
   {
@@ -23,35 +23,17 @@
     "url": "https://segmentfault.com/a/1190000040580887",
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "40",
+    "votes": "42",
     "rank": 3
   },
-  {
-    "title": "MySQL 从入门到实践，万字详解！",
-    "description": "数据库是往全栈发展不得不跨过的一道坎，大家不可避免会学到用到相关知识，最近查资料的时候发现网上很多内容要么就特别深，要么不成体系，对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机会学到 My...",
-    "url": "https://segmentfault.com/a/1190000040642243",
-    "author": "SHERlocked93",
-    "home_url": "https://segmentfault.com/u/sherlocked93",
-    "votes": "38",
-    "rank": 4
-  },
   {
     "title": "30 个有用的 Node.js NPM 包",
     "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
     "url": "https://segmentfault.com/a/1190000040594181",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "36",
-    "rank": 5
-  },
-  {
-    "title": "[Jenkins进阶]-前端CI/CD",
-    "description": "如果没有自动化， 我们的前端从开发到提测工作流程可能如下：1.本地机器上写代码2.在命令行输入 npm run unit/lint，查看单元测试/eslint校验结果3.提交代码，push 到 git 远程仓库4.执行 npm run build，构建项...",
-    "url": "https://segmentfault.com/a/1190000040534015",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "36",
-    "rank": 6
+    "votes": "38",
+    "rank": 4
   },
   {
     "title": "56 个 NPM 包解决 16 个 React 问题",
@@ -60,16 +42,7 @@
     "author": "破晓L",
     "home_url": "https://segmentfault.com/u/webinfoq",
     "votes": "28",
-    "rank": 7
-  },
-  {
-    "title": "常见的Web攻击手段，拿捏了！",
-    "description": "本文主要介绍 互联网中常见的 Web 攻击手段如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已开启，小菜良记，没关注的同学们记得关注哦！",
-    "url": "https://segmentfault.com/a/1190000040517973",
-    "author": "蔡不菜丶",
-    "home_url": "https://segmentfault.com/u/17689400062",
-    "votes": "40",
-    "rank": 8
+    "rank": 5
   },
   {
     "title": "爆肝一周，写给初级前端快速转TypeScript指南",
@@ -77,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000040582994",
     "author": "蛙人",
     "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "32",
-    "rank": 9
+    "votes": "34",
+    "rank": 6
   },
   {
     "title": "大概几集下饭剧时间就能懂的VUE3原理",
@@ -86,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000040611431",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "22",
-    "rank": 10
+    "votes": "23",
+    "rank": 7
   },
   {
     "title": "MySQL 数据库定时备份的几种方式（非常全面）",
@@ -96,7 +69,25 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "21",
-    "rank": 11
+    "rank": 8
+  },
+  {
+    "title": "高性能利器：CDN我建议你好好学一下！",
+    "description": "CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定",
+    "url": "https://segmentfault.com/a/1190000040643120",
+    "author": "九灵",
+    "home_url": "https://segmentfault.com/u/jaycekon",
+    "votes": "27",
+    "rank": 9
+  },
+  {
+    "title": "给自己点时间再记记这200条Git命令",
+    "description": "我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...",
+    "url": "https://segmentfault.com/a/1190000040685726",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "25",
+    "rank": 10
   },
   {
     "title": "当前端框架聊性能，聊的是同一个性能么？",
@@ -105,16 +96,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "17",
-    "rank": 12
+    "rank": 11
   },
   {
-    "title": "高性能利器：CDN我建议你好好学一下！",
-    "description": "CDN 全称 Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定",
-    "url": "https://segmentfault.com/a/1190000040643120",
-    "author": "九灵",
-    "home_url": "https://segmentfault.com/u/jaycekon",
-    "votes": "24",
-    "rank": 13
+    "title": "90行代码实现模块打包器",
+    "description": "大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...",
+    "url": "https://segmentfault.com/a/1190000040655590",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "19",
+    "rank": 12
   },
   {
     "title": "能说会道爱办公——“别人家的”Chrome插件到底怎么做",
@@ -123,8 +114,26 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "15",
+    "rank": 13
+  },
+  {
+    "title": "分享32个JavaScript工作中常用的代码片段",
+    "description": "前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...",
+    "url": "https://segmentfault.com/a/1190000040637925",
+    "author": "蛙人",
+    "home_url": "https://segmentfault.com/u/jack_code",
+    "votes": "25",
     "rank": 14
   },
+  {
+    "title": "纯CSS实现beautiful按钮",
+    "description": "近期工作中遇到一个需求——实现一些酷炫的按钮，看到效果图之后，按钮确实漂亮，有弹跳、颜色渐变、扫光、霓虹灯，瞬间激起了我的好奇心，开启了研究实现之路。（欢迎关注公众号前端点线面）",
+    "url": "https://segmentfault.com/a/1190000040562839",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "21",
+    "rank": 15
+  },
   {
     "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
     "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
@@ -132,7 +141,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "16",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "后端视野学 Webpack ，文武双全？",
@@ -141,7 +150,7 @@
     "author": "蔡不菜丶",
     "home_url": "https://segmentfault.com/u/17689400062",
     "votes": "23",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "热议：CSS为什么这么难学？一定是你方法不对",
@@ -150,43 +159,16 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "16",
-    "rank": 17
-  },
-  {
-    "title": "纯CSS实现beautiful按钮",
-    "description": "近期工作中遇到一个需求——实现一些酷炫的按钮，看到效果图之后，按钮确实漂亮，有弹跳、颜色渐变、扫光、霓虹灯，瞬间激起了我的好奇心，开启了研究实现之路。（欢迎关注公众号前端点线面）",
-    "url": "https://segmentfault.com/a/1190000040562839",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "20",
     "rank": 18
   },
-  {
-    "title": "分享32个JavaScript工作中常用的代码片段",
-    "description": "前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...",
-    "url": "https://segmentfault.com/a/1190000040637925",
-    "author": "蛙人",
-    "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "22",
-    "rank": 19
-  },
   {
     "title": "13个JavaScript 一行程序，让你看起来像个专家",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000040464301",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 20
-  },
-  {
-    "title": "万字详文：彻底搞懂 Jest 单元测试框架",
-    "description": "什么是Jest测试意味着什么我怎么知道要测试什么测试块，断言和匹配器如何实现测试块如何实现断言和匹配器CLI 和配置模拟怎么模拟一个函数执行环境作用域隔离V8 虚拟机运行单测回调钩子函数生成报告jest-clijest-c...",
-    "url": "https://segmentfault.com/a/1190000040539268",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "16",
-    "rank": 21
+    "votes": "17",
+    "rank": 19
   },
   {
     "title": "奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？",
@@ -195,7 +177,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "你还在认为TypeScirpt 是 AnyScript ？",
@@ -204,16 +186,25 @@
     "author": "大新",
     "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
     "votes": "14",
-    "rank": 23
+    "rank": 21
   },
   {
-    "title": "AlpineJS作者：不上班，一年10w刀",
-    "description": "大家好，我是卡颂。今天为大家介绍一位坦诚的老哥。有多坦诚呢？他在推上实时公布自己赚了多少钱。到去年6月，老哥的年收入是10w刀。关键是：老哥从19年1月就不上班了。接下来让我们看看这位坦诚的老哥是如何做到...",
-    "url": "https://segmentfault.com/a/1190000040527885",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "16",
-    "rank": 24
+    "title": "浓缩了这 20+ 站点的前端滋补汤~干了 ❗",
+    "description": "看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...",
+    "url": "https://segmentfault.com/a/1190000040634428",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "22",
+    "rank": 22
+  },
+  {
+    "title": "15个值得收藏的JavaScript函数",
+    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
+    "url": "https://segmentfault.com/a/1190000040661568",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "17",
+    "rank": 23
   },
   {
     "title": "前端“油画设计师”——双缓存绘制与油画分层机制",
@@ -222,16 +213,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "14",
-    "rank": 25
+    "rank": 24
   },
   {
-    "title": "输入 url 到页面展示发生了什么？",
-    "description": "整体上，可以分为以下几步：DNS 域名解析；建立 TCP 连接（三次握手）；发送 HTTP 请求；服务器处理请求；返回响应结果；关闭 TCP 连接（四次握手）；浏览器解析 HTML；浏览器布局渲染；1. DNS 域名解析域名的结...",
-    "url": "https://segmentfault.com/a/1190000040533922",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
-    "votes": "18",
-    "rank": 26
+    "title": "CSS 快速实现烟花绽放🎆",
+    "description": "什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画，CSS 动画就足够了，而一些对动画要求比较高的运营活动，创意小游戏等，JS 动画肯定是首选，必要情况下还需要借助一些图形库，比如 Pixi.js。",
+    "url": "https://segmentfault.com/a/1190000040635362",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
+    "rank": 25
   },
   {
     "title": "Vue 更新到 3.2 版本了，你还学得动吗？",
@@ -240,33 +231,42 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "15",
+    "rank": 26
+  },
+  {
+    "title": "从 0 到 1 开发一个聊天通讯 服务 复盘总结分享",
+    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
+    "url": "https://segmentfault.com/a/1190000040688086",
+    "author": "大新",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "14",
     "rank": 27
   },
   {
-    "title": "90行代码实现模块打包器",
-    "description": "大家好，我卡颂。今天来聊聊如何用90行代码实现一个现代JS模块打包器。我们的打包器虽然迷你，但是实现了webpack的核心功能。而且，我知道你看到大段代码头疼，所以这篇文章都是图。看完感兴趣的话，这里是完整代...",
-    "url": "https://segmentfault.com/a/1190000040655590",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "15",
+    "title": "从零到一实现企业级微前端框架，保姆级教学",
+    "description": "微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架，其中包含了以下功能：",
+    "url": "https://segmentfault.com/a/1190000040638020",
+    "author": "y_ck",
+    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
+    "votes": "11",
     "rank": 28
   },
   {
-    "title": "CSS 快速实现烟花绽放🎆",
-    "description": "什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画，CSS 动画就足够了，而一些对动画要求比较高的运营活动，创意小游戏等，JS 动画肯定是首选，必要情况下还需要借助一些图形库，比如 Pixi.js。",
-    "url": "https://segmentfault.com/a/1190000040635362",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
+    "title": "《Vue入门》| 一记敲门砖，敲近你我它！",
+    "description": "大家好，我是小菜。一个希望能够成为 吹着牛X谈架构 的男人！如果你也想成为我想成为的人，不然点个关注做个伴，让小菜不再孤单！本文主要介绍 Vue 入门介绍如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已...",
+    "url": "https://segmentfault.com/a/1190000040631615",
+    "author": "蔡不菜丶",
+    "home_url": "https://segmentfault.com/u/17689400062",
+    "votes": "12",
     "rank": 29
   },
   {
-    "title": "15个值得收藏的JavaScript函数",
-    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
-    "url": "https://segmentfault.com/a/1190000040661568",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "14",
+    "title": "微服务架构下的熔断框架：hystrix-go",
+    "description": "伴随着微服务架构被宣传得如火如茶，一些概念也被推到了我们的面前。一提到微服务，就离不开这几个字：高内聚低耦合；微服务的架构设计最终目的也就是实现这几个字。在微服务架构中，微服务就是完成一个单一的业...",
+    "url": "https://segmentfault.com/a/1190000040640072",
+    "author": "asong",
+    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "votes": "9",
     "rank": 30
   }
 ]