@wcj/github-rank 21.10.26 → 21.10.30

package/dist/sifou-daily.json

@@ -1,128 +1,101 @@
 [
   {
-    "title": "CSS 实现文本\"不定行数\"截断",
-    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
-    "url": "https://segmentfault.com/a/1190000040859105",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "5",
+    "title": "未来已来，HMS Core 展现元宇宙落地价值",
+    "description": "当你坐在家中，你是否曾经这样幻想，远处的会议有数字分身替你参与；远方的美景可以通过AR直接投影在你面前；人与人之间的距离因种种成像技术和全新交互模式而改变……",
+    "url": "https://segmentfault.com/a/1190000040881913",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "9",
     "rank": 1
   },
   {
-    "title": "第七期:前端九条启发分享",
-    "description": "事情是这样的, 周五的时候需要做一个小优化, 某个文件里面原本导出3个 \"json对象\", 我需要改成导出三个function方便根据传参改变导出内容, 这时就发生了奇怪的类型报错, 假设当前有如下的代码:     下面代码...",
-    "url": "https://segmentfault.com/a/1190000040857798",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
+    "title": "一条曲线的诞生",
+    "description": "在图可视化领域有着大量和曲线相关的场景，然而想要得到一条合适的曲线却并不容易。笔者最近在使用 AntV G6 的时候，就遇到了这样的问题。形状扁平，箭头方向和连线趋势不一致，连线起点和终点被隐藏等等，好看的...",
+    "url": "https://segmentfault.com/a/1190000040883655",
+    "author": "ES2049",
+    "home_url": "https://segmentfault.com/u/alisecued",
     "votes": "3",
     "rank": 2
   },
   {
-    "title": "JZ-005-用两个栈实现队列",
-    "description": "用两个栈实现队列题目描述用两个栈来实现一个队列，完成队列的Push和Pop操作。 队列中的元素为int类型。题目链接: 用两个栈实现队列代码 {代码...} 【每日寄语】 所有看起来的幸运，都源自坚持不懈的努力。",
-    "url": "https://segmentfault.com/a/1190000040858362",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "议程全览 | 中国开源年会线上会议 + 多地线下聚会即将启幕",
+    "description": "作为业界最具影响力的开源盛事，2021 中国开源年会（COSCon'21）将于 10 月 30-31 日由开源社举办。今年的中国开源年会分为线上论坛，和线下聚会两部分。",
+    "url": "https://segmentfault.com/a/1190000040882505",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "【C进阶】17、++和--操作符分析",
-    "description": "Summary1）++和--参与混合运算结果是不确定的，如r = (i++) + (i++);等C++只规定了++和--对应指令的相对执行次序（取值和自增的相对顺序）++和--对应的汇编指令不一定连续执行在混合运算中，++和--的汇编指令可能...",
-    "url": "https://segmentfault.com/a/1190000040862612",
-    "author": "bryson",
-    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
-    "votes": "1",
+    "title": "JZ-009-变态跳台阶",
+    "description": "变态跳台阶题目描述一只青蛙一次可以跳上1级台阶，也可以跳上2级……它也可以跳上n级。求该青蛙跳上一个n级的台阶总共有多少种跳法。题目链接: 变态跳台阶代码 {代码...} 【每日寄语】 昨日之深渊，来日之浅谈。",
+    "url": "https://segmentfault.com/a/1190000040882449",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "[Git系列] Git 基本概念",
-    "description": "版本控制系统版本控制系统是一种帮助软件开发者实现团队合作和历史版本维护的软件，一个版本控制系统应具备以下列出的这几个基本功能：允许开发者并发工作；不允许一个开发者覆写另一个开发者的修改；保存所有版...",
-    "url": "https://segmentfault.com/a/1190000040861576",
-    "author": "良许",
-    "home_url": "https://segmentfault.com/u/liangxu_5d63396040bb5",
-    "votes": "1",
+    "title": "无需 Dockerfile 的镜像构建：BuildPack vs Dockerfile",
+    "description": "过去的工作中，我们使用微服务、容器化以及服务编排构建了技术平台。为了提升开发团队的研发效率，我们同时还提供了 CICD 平台，用来将代码快速的部署到 Openshift（企业级的 Kubernetes） 集群。",
+    "url": "https://segmentfault.com/a/1190000040881122",
+    "author": "云原生指北",
+    "home_url": "https://segmentfault.com/u/datou_60933f1aa8c7c",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "ABF平台设计（六）微前端渲染框架-YseraMicroServer",
-    "description": "YseraMicroServer 是基于qiankun的微前端平台化解决方案。他基于qiankun的沙箱能力、重新定义的通信机制和接入方式以及ui快照等能力，提供一种微前端快速接入的解决方案。本文将从业务背景、实现思路、运行机制等...",
-    "url": "https://segmentfault.com/a/1190000040861569",
-    "author": "阿里巴巴文娱技术",
-    "home_url": "https://segmentfault.com/u/alibabawenyujishu",
+    "title": "MySQL: 使用explain 优化查询性能",
+    "description": "DESCRIBE和EXPLAIN语句是同义词。实际上，DESCRIBE关键字更常用于获取有关表结构的信息，而EXPLAIN用于获取查询执行计划（即，解释MySQL将如何执行查询）。",
+    "url": "https://segmentfault.com/a/1190000040881061",
+    "author": "风是客",
+    "home_url": "https://segmentfault.com/u/zhinanzhenxiansheng",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "切记，这样打日志定位 Bug 又快又准！",
-    "description": "日常工作中，程序员需要经常处理线上的各种大小故障，如果业务代码没打印日志或者日志打印的不好，会极大的加大了定位问题的难度，使得解决bug的时间变长了。对于那种影响比较大的bug，处理时间是分秒必争的，慢...",
-    "url": "https://segmentfault.com/a/1190000040857882",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "title": "【C进阶】18、三目运算符和逗号表达式",
+    "description": "Summary1）在C语言中，三目运算符返回的结果是一个右值，并不是一个变量（不能放在赋值符号左侧） 2）三目运算符的返回类型：通过隐式类型转换规则返回b和c中的较高类型（注意：char和short在运算时会隐式转换成i...",
+    "url": "https://segmentfault.com/a/1190000040885841",
+    "author": "bryson",
+    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "Prometheus+InfluxDB+Grafana 打造高逼格监控平台！",
-    "description": "在本模块中，我将把几个常用的监控部分给梳理一下。前面我们提到过，在性能监控图谱中，有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点...",
-    "url": "https://segmentfault.com/a/1190000040857814",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "title": "Linux at命令详解",
+    "description": "大家好，我是良许。生活中，我们有太多场景需要使用到闹钟，比如早上 7 点起床，下午 4 点开会，晚上 8 点购物，等等。在 Linux 系统里，我们同样也有类似的需求。比如我们想在凌晨 1 点将文件上传服务器，或者在...",
+    "url": "https://segmentfault.com/a/1190000040885631",
+    "author": "良许",
+    "home_url": "https://segmentfault.com/u/liangxu_5d63396040bb5",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "超牛逼的性能监控神器！快速定位线上问题",
-    "description": "今天想总结的东西是最近工作中使用到的测试工具JMH以及Java运行时监控工具Arthas。他们在我的实际工作中也算是帮了大忙。所以在这里抛砖引玉一下这些工具的使用方法。同时也加深一下自己对这些工具的熟悉程度。对...",
-    "url": "https://segmentfault.com/a/1190000040857744",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "title": "一张图彻底搞懂Spring循环依赖",
+    "description": "BeanA类依赖了BeanB类，同时BeanB类又依赖了BeanA类。这种依赖关系形成了一个闭环，我们把这种依赖关系就称之为循环依赖。同理，再如下图的情况：",
+    "url": "https://segmentfault.com/a/1190000040883489",
+    "author": "Tom弹架构",
+    "home_url": "https://segmentfault.com/u/gupaoedu_tom",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "JavaScript 数学曲线—等角螺线",
-    "description": "引子继阿基米德螺线之后，发现等角螺线。OriginMy GitHub简介等角螺线又称为黄金螺线或对数螺线，1638 年 Descartes 发现了等角螺线，后来 Jakob Bernoulli 研究发现了等角螺线自再造的特性，Jakob Bernoulli 对...",
-    "url": "https://segmentfault.com/a/1190000040857182",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
+    "title": "写一个简单的插入排序",
+    "description": "我们先简单举个例子，假设现在有这样一个无序数组首先，我们把索引为0的元素看作区域，该区域是有序的，因为就只有一个元素，怎样排序都是它一个元素，所以就认为它是有序的。",
+    "url": "https://segmentfault.com/a/1190000040884679",
+    "author": "node_bin",
+    "home_url": "https://segmentfault.com/u/node_bin",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "linux之rsync远程同步文件",
-    "description": "rsync全名Remote Sync,是类unix下数据镜像的备份工具。可以方便的实现本地,远程备份文件,rsync最重要的一点是支持增量备份。",
-    "url": "https://segmentfault.com/a/1190000040862756",
-    "author": "入门小站",
-    "home_url": "https://segmentfault.com/u/rumenz",
+    "title": "微软杀疯了，系列第 4 弹，又开源了 1 个入门课程",
+    "description": "【导语】：微软开源的初学者数据分析学习课程。这是本系列第四弹！《微软开源的机器学习课程》《微软开源的 Web 开发课程》《微软开源的物联网学习课程》简介Data-Science-For-Beginners 是微软开源的数据分析入...",
+    "url": "https://segmentfault.com/a/1190000040882185",
+    "author": "开源前哨",
+    "home_url": "https://segmentfault.com/u/kaiyuanqianshao",
     "votes": "1",
     "rank": 11
-  },
-  {
-    "title": "《算法通关之路》邀请你来试读",
-    "description": "第 6 章二分法，虽然二分法是一个比较经典的算法，但对于大部分人一直是个头痛的问题。我每次刷 LeetCode 的时候，常常看不出来要使用二分法，或者知道要用二分法，但花了很长的时间在调试二分法的边界问题。通过...",
-    "url": "https://segmentfault.com/a/1190000040860440",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "「The Data Way」1024 特别节目｜一线工程师的开源路",
-    "description": "关于「The Data Way」「The Data Way」是由 SphereEx 公司出品的一档播客节目。这里有开源、数据、技术的故事，同时我们关注开发者的工作日常，也讨论开发者的生活日常；我们聚焦开源，也鼓励开发者积极拥抱开源...",
-    "url": "https://segmentfault.com/a/1190000040859936",
-    "author": "SphereEx",
-    "home_url": "https://segmentfault.com/u/sphereex",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "炸！1024我的故事，一个写了两年博客的大厂码农！",
-    "description": "两年来，11前睡觉，早上6:20起床洗漱🧽、7:20跑步回来🏃，写作✏️或看书一小时，到了周末基本就可以全时间投入到自己到这个小世界里：编写案例、整理博客、发布文章、技术交流、同好扯皮。",
-    "url": "https://segmentfault.com/a/1190000040858009",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "1",
-    "rank": 14
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040777100",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "53",
+    "votes": "57",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040797816",
     "author": "y_ck",
     "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "42",
+    "votes": "46",
     "rank": 2
   },
   {
@@ -23,44 +23,35 @@
     "url": "https://segmentfault.com/a/1190000040796868",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "35",
+    "votes": "36",
     "rank": 3
   },
-  {
-    "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
-    "description": "数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？",
-    "url": "https://segmentfault.com/a/1190000040747951",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "40",
-    "rank": 4
-  },
   {
     "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000040692431",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "42",
-    "rank": 5
+    "votes": "43",
+    "rank": 4
   },
   {
-    "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
-    "description": "本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...",
-    "url": "https://segmentfault.com/a/1190000040741939",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "28",
-    "rank": 6
+    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
+    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
+    "url": "https://segmentfault.com/a/1190000040846926",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "27",
+    "rank": 5
   },
   {
-    "title": "📝 没 2 年 React Native 开发经验，你都遇不到这些坑",
-    "description": "React Native 开发时，如果只是写些简单的页面，基本上按着官方文档 reactnative.dev就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。",
-    "url": "https://segmentfault.com/a/1190000040748929",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "27",
-    "rank": 7
+    "title": "前端如何防止用户修改水印？",
+    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
+    "url": "https://segmentfault.com/a/1190000040840891",
+    "author": "劉凯里",
+    "home_url": "https://segmentfault.com/u/kyrieliu",
+    "votes": "23",
+    "rank": 6
   },
   {
     "title": "50天用react.js重写50个web项目，我学到了什么？",
@@ -69,7 +60,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "29",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "写个vscode插件, 帮助阅读i18n项目的代码",
@@ -77,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000040773678",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "26",
-    "rank": 9
+    "votes": "27",
+    "rank": 8
   },
   {
     "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
@@ -87,7 +78,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "26",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "2021 VSCode前端插件推荐",
@@ -95,6 +86,15 @@
     "url": "https://segmentfault.com/a/1190000040766151",
     "author": "风不识途",
     "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
+    "votes": "25",
+    "rank": 10
+  },
+  {
+    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040824694",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "24",
     "rank": 11
   },
@@ -107,23 +107,14 @@
     "votes": "22",
     "rank": 12
   },
-  {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "23",
-    "rank": 13
-  },
   {
     "title": "20 个值得学习的 Vue 开源项目",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000040803238",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 14
+    "votes": "19",
+    "rank": 13
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -131,16 +122,25 @@
     "url": "https://segmentfault.com/a/1190000040824814",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "20",
+    "votes": "22",
+    "rank": 14
+  },
+  {
+    "title": "前端如何实现token的无感刷新",
+    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
+    "url": "https://segmentfault.com/a/1190000040850857",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "25",
     "rank": 15
   },
   {
-    "title": "尝试对 jsjiami 加密结果手工解密",
-    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
-    "url": "https://segmentfault.com/a/1190000040735240",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "15",
+    "title": "MySQL灵魂拷问：36题带你面试通关",
+    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
+    "url": "https://segmentfault.com/a/1190000040823877",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
+    "votes": "19",
     "rank": 16
   },
   {
@@ -153,49 +153,22 @@
     "rank": 17
   },
   {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "17",
+    "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
+    "description": "Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。",
+    "url": "https://segmentfault.com/a/1190000040863000",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "20",
     "rank": 18
   },
-  {
-    "title": "前端如何防止用户修改水印？",
-    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
-    "url": "https://segmentfault.com/a/1190000040840891",
-    "author": "劉凯里",
-    "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "15",
-    "rank": 19
-  },
-  {
-    "title": "用Java轻松完成一个分布式事务TCC，保姆级教程",
-    "description": "什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。",
-    "url": "https://segmentfault.com/a/1190000040735898",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "15",
-    "rank": 20
-  },
-  {
-    "title": "postTask：React的杀手锏被浏览器原生实现了？",
-    "description": "大家好，我卡颂。React这几年一直在完善的并发模式主要由以下两部分组成：基于fiber实现的可中断更新的架构基于调度器的优先级调度可以说，从16年开始重构fiber架构到今年底（或明年初）React18发布正式版，这期...",
-    "url": "https://segmentfault.com/a/1190000040751671",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "13",
-    "rank": 21
-  },
   {
     "title": "聊聊开发日常的效率提升工具（全）",
     "description": "前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具",
     "url": "https://segmentfault.com/a/1190000040818832",
     "author": "树酱",
     "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "13",
-    "rank": 22
+    "votes": "15",
+    "rank": 19
   },
   {
     "title": "计算机网络经典20问！",
@@ -204,7 +177,7 @@
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "13",
-    "rank": 23
+    "rank": 20
   },
   {
     "title": "前端实现很哇塞的浏览器端扫码功能🌟",
@@ -212,17 +185,8 @@
     "url": "https://segmentfault.com/a/1190000040809122",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "19",
-    "rank": 24
-  },
-  {
-    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
-    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
-    "url": "https://segmentfault.com/a/1190000040846926",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "16",
-    "rank": 25
+    "votes": "20",
+    "rank": 21
   },
   {
     "title": "正则表达式汇总",
@@ -230,8 +194,17 @@
     "url": "https://segmentfault.com/a/1190000040828004",
     "author": "小蘑菇",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "16",
-    "rank": 26
+    "votes": "17",
+    "rank": 22
+  },
+  {
+    "title": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
+    "description": "我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...",
+    "url": "https://segmentfault.com/a/1190000040875211",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "15",
+    "rank": 23
   },
   {
     "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
@@ -240,7 +213,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
-    "rank": 27
+    "rank": 24
+  },
+  {
+    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040814521",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 25
   },
   {
     "title": "66道前端算法面试题附思路分析助你查漏补缺",
@@ -248,7 +230,25 @@
     "url": "https://segmentfault.com/a/1190000040797373",
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "12",
+    "votes": "13",
+    "rank": 26
+  },
+  {
+    "title": "CSS 实现文本\"不定行数\"截断",
+    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
+    "url": "https://segmentfault.com/a/1190000040859105",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
+    "rank": 27
+  },
+  {
+    "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": "13",
     "rank": 28
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040814521",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
+    "title": "聊聊TypeScript中枚举对象(Enum)",
+    "description": "什么是枚举，顾名思义我们看到枚举这个词，脑子里就已经想到这是一个键值对的形式，就可以看做是我们JavaScript中的json对象一样。在ts中声明枚举对象的关键字是使用enum，枚举成员一但定义就不可改变了。下面来...",
+    "url": "https://segmentfault.com/a/1190000040817957",
+    "author": "蛙人",
+    "home_url": "https://segmentfault.com/u/jack_code",
+    "votes": "7",
     "rank": 30
   }
 ]