@wcj/github-rank 21.10.28 → 21.11.1

package/dist/sifou-daily.json

@@ -1,146 +1,56 @@
 [
   {
-    "title": "灵光一闪！帮你使用Vue，搞定无法解决的“动态挂载”",
-    "description": "在一些特殊场景下，使用组件的时机无法确定，或者无法在Vue的template中确定要我们要使用的组件，这时就需要动态的挂载组件，或者使用运行时编译动态创建组件并挂载。",
-    "url": "https://segmentfault.com/a/1190000040870566",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "MySQL事务的隔离级别与并发问题",
+    "description": "事务A先根据某个范围条件查询出了一些记录，而事务B写入了一些符合该条件的新记录，当事务A再次以相同的条件查询时，查询到了新的记录，就意味着发生了幻读现象。",
+    "url": "https://segmentfault.com/a/1190000040890911",
+    "author": "白菜1031",
+    "home_url": "https://segmentfault.com/u/baicai1031",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "7个关于\"this\"面试题，你知道几个？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040869270",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
-    "rank": 2
-  },
-  {
-    "title": "常见 SQL 面试题：经典 50 例",
-    "description": "多表连接: 内连接(省略默认inner) join ...on..左连接left join tableName as b on a.key ==b.key右连接right join 连接union(无重复(过滤去重))和union all(有重复[不过滤去重])",
-    "url": "https://segmentfault.com/a/1190000040874554",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "2",
-    "rank": 3
-  },
-  {
-    "title": "prettier 把我代码弄的很丑",
-    "description": "开篇一个小故事：近日组内多人反馈 eslint fix 后的代码很丑。我说我看看，然而 2 个月过去了，我都没有搞定。。。（老透明，想刷存在感。）又暴露了我的无知：是 eslint 修的，还是 prettier 修的这是什么奇怪的...",
-    "url": "https://segmentfault.com/a/1190000040873895",
-    "author": "混子的日常",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "2",
-    "rank": 4
-  },
-  {
-    "title": "JZ-007-斐波那契数列",
-    "description": "大家都知道斐波那契数列，现在要求输入一个整数n，请你输出斐波那契数列的第n项（从0开始，第0项为0，第1项是1）。n<=39题目链接: 斐波那契数列",
-    "url": "https://segmentfault.com/a/1190000040870607",
+    "title": "JZ-011-二进制中 1 的个数",
+    "description": "二进制中 1 的个数题目描述输入一个整数，输出该数32位二进制表示中1的个数。其中负数用补码表示。题目链接: 二进制中 1 的个数代码 {代码...} 【每日寄语】 你的微笑是最有治愈力的力量，胜过世间最美的风景。",
+    "url": "https://segmentfault.com/a/1190000040889172",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "3",
-    "rank": 5
-  },
-  {
-    "title": "在 laravel 中轻松容易的输出完整的 sql 语句",
-    "description": "guanguans/laravel-dump-sql - 在 laravel 中轻松容易的输出完整的 sql 语句。laravel 中查询构造方法得到的 sql 语句没有绑定条件参数，类似于select * from users where id= ?。这个扩展包可辅助你获取完整的 s...",
-    "url": "https://segmentfault.com/a/1190000040871826",
-    "author": "guanguans",
-    "home_url": "https://segmentfault.com/u/guanguans",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "如何评价抖音前端开源的 Semi Design ？",
-    "description": "开头我是Peter抖音系企业应用设计系统 Semi Design 开源了，这是我今天听到最大的消息，于是晚上回家赶紧去看了看打开知乎，果然跟我想的一样，第一件事肯定有人否定这个开源的库，是基于别人的开源库改造而来甚...",
-    "url": "https://segmentfault.com/a/1190000040874775",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "Spring Framework 中文官方文档",
-    "description": "Spring Framework 中文官方文档目前为最新版 5.3.11。其他spring文档不断更新中1.历史、设计理念、反馈、入门。Overview2.IoC 容器、事件、资源、i18n、验证、数据绑定、类型转换、SpEL、AOP。Core3.模拟对象、Te...",
-    "url": "https://segmentfault.com/a/1190000040874034",
-    "author": "ztianlong",
-    "home_url": "https://segmentfault.com/u/ztianlong",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "分辨率越高清晰度越高吗？",
-    "description": "显示屏清晰度对于计算机上显示的文字和图片，正常来说显示器分辨率越高清晰度就会更高，不过有时我们切换一些超高分辨率后也识别不出差异，这是为什么？简单来说显示清晰度由物理因素和视力因素。物理因素就是设...",
-    "url": "https://segmentfault.com/a/1190000040873601",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "3",
-    "rank": 9
-  },
-  {
-    "title": "前端公共模块替换",
-    "description": "公司中后台管理系统经历几年的迭代维护，其公共模块部分（Header、Slider）的主题与现在UI风格不一致，需要更换。但是，该项目几年前的老项目了，技术栈在逐步的演进，初始是Freemaker引擎搭建的前后端未分离项目...",
-    "url": "https://segmentfault.com/a/1190000040873491",
-    "author": "记得要微笑",
-    "home_url": "https://segmentfault.com/u/tosmile",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "技术期刊 · 白日照耀开鸿蒙 | 深入鸿蒙 ACE UI 框架解析;无限循环的 useEffect 类型……",
-    "description": "清气升，浊气降，事物发展总会遵循一定的规律，就好像 react hooks 更加简洁易的同时，也可能会有隐患；人工智能也会随着时间的流逝逐步渗透到我们日常开发，成为解决问题的一大利器；而鸿蒙正式发布之后吸引了大...",
-    "url": "https://segmentfault.com/a/1190000040870102",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "一文读懂 Go sync.Cond 设计",
-    "description": "Go 语言通过 go 关键字开启 goroutine 让开发者可以轻松地实现并发编程，而并发程序的有效运行，往往离不开 sync 包的保驾护航。目前，sync 包的赋能列表包括： sync.atomic 下的原子操作、sync.Map 并发安全 map...",
-    "url": "https://segmentfault.com/a/1190000040874443",
-    "author": "机器铃砍菜刀",
-    "home_url": "https://segmentfault.com/u/jiqilingkancaidao",
-    "votes": "1",
-    "rank": 12
+    "votes": "2",
+    "rank": 2
   },
   {
-    "title": "Git清空提交记录",
-    "description": "公开仓库有时候不小心把敏感信息带上去了，而且乱七八糟的提交记录比较多，索性直接清空。在网页把仓库清空本地切换到新的分支git checkout --orphan latest_branch缓存所有文件git add .提交跟踪过的文件git com...",
-    "url": "https://segmentfault.com/a/1190000040874225",
-    "author": "二毛",
-    "home_url": "https://segmentfault.com/u/erma0",
+    "title": "Hermes将成为React Native默认的JS引擎",
+    "description": "自 2019 年首次发布以来，小巧轻便的 JavaScript 引擎 Hermes 在社区中的名气越来越高，很多的框架也开始支持Hermes。作为 React Native 领域高人气元框架的缔造者，Expo 团队此前公布了对 Hermes 的实验性支持。...",
+    "url": "https://segmentfault.com/a/1190000040889788",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "1",
-    "rank": 13
+    "rank": 3
   },
   {
-    "title": "终于有人把云原生存储讲明白了",
-    "description": "云原生是一种开发和运行软件应用程序的新范式，它融合了云计算、容器化、Serverless 和微服务等技术趋势。云原生存储是一种旨在用于云原生环境的存储技术。",
-    "url": "https://segmentfault.com/a/1190000040872231",
-    "author": "青云技术社区",
-    "home_url": "https://segmentfault.com/u/qingclouddevelopers",
+    "title": "如何实现拖拽上传、上传进度条，以及取消上传？",
+    "description": "文件上传是最常见的一种业务需求，上传功能可简单，可复杂，简单就是把文件传上去就行，复杂就是涉及大文件断点续传、控制并发等，不知道大家对上传都了解多少。今天要给大家分享的是上传需求中最为常见的一些场...",
+    "url": "https://segmentfault.com/a/1190000040891097",
+    "author": "前端阿飞",
+    "home_url": "https://segmentfault.com/u/shuaifei_5cdd73e997a1f",
     "votes": "1",
-    "rank": 14
+    "rank": 4
   },
   {
-    "title": "Java 开发最容易写的 10 个bug",
-    "description": "作为 Java 开发，我们在写代码的过程中难免会产生各种奇思妙想的 bug ，有些 bug 就挺让人无奈的，比如说各种空指针异常，在 ArrayList 的迭代中进行删除操作引发异常，数组下标越界异常等。",
-    "url": "https://segmentfault.com/a/1190000040871114",
-    "author": "诚信共赢",
-    "home_url": "https://segmentfault.com/u/chengxingongying",
+    "title": "7年Java老后端不能说的秘密：怎么样更好的优化Redis性能？",
+    "description": "今天早上老板把我叫到办公室，对我说，“公司最近接了个电商小程序单子，你和王二狗，李狗蛋参与下需求分析和设计，然后下个月开发，3个月内完成测试，上线交付”。",
+    "url": "https://segmentfault.com/a/1190000040890232",
+    "author": "Java白叔",
+    "home_url": "https://segmentfault.com/u/gupao_anan",
     "votes": "1",
-    "rank": 15
+    "rank": 5
   },
   {
-    "title": "Go 凭什么不支持三元运算符？",
-    "description": "大家好，我是煎鱼。这是一个很多其他语言工程师转 Go 语言的时间节点，这就难免不论一番比较。其中一个经典的运算上的就是 “三元运算符”：为什么 Go 语言不支持三元运算符，Go 不支持三元运算符就是设计的不好，...",
-    "url": "https://segmentfault.com/a/1190000040871004",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
+    "title": "200 行代码实现一个高效缓存库",
+    "description": "这两天用到 cacheables 缓存库，觉得挺不错的，和大家分享一下我看完源码的总结。一、介绍「cacheables」正如它名字一样，是用来做内存缓存使用，其代码仅仅 200 行左右（不含注释），官方的介绍如下：一个简单的...",
+    "url": "https://segmentfault.com/a/1190000040890633",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "1",
-    "rank": 16
+    "rank": 6
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040777100",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "55",
+    "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": "45",
+    "votes": "46",
     "rank": 2
   },
   {
@@ -27,41 +27,23 @@
     "rank": 3
   },
   {
-    "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
-    "description": "数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？",
-    "url": "https://segmentfault.com/a/1190000040747951",
+    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
+    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
+    "url": "https://segmentfault.com/a/1190000040846926",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "41",
+    "votes": "27",
     "rank": 4
   },
   {
-    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040692431",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "42",
+    "title": "前端如何防止用户修改水印？",
+    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
+    "url": "https://segmentfault.com/a/1190000040840891",
+    "author": "劉凯里",
+    "home_url": "https://segmentfault.com/u/kyrieliu",
+    "votes": "23",
     "rank": 5
   },
-  {
-    "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
-    "description": "本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...",
-    "url": "https://segmentfault.com/a/1190000040741939",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "29",
-    "rank": 6
-  },
-  {
-    "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": "28",
-    "rank": 7
-  },
   {
     "title": "50天用react.js重写50个web项目，我学到了什么？",
     "description": "1.Expanding Cards效果如图所示:源码在线示例学到了什么?React的函数组件中建立数据通信，我们通常使用useState方法。它的使用方式采用数组解构的方式，如下: {代码...} 解构的第一个参数是我们定义并且访问的数...",
@@ -69,25 +51,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "29",
-    "rank": 8
-  },
-  {
-    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
-    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
-    "url": "https://segmentfault.com/a/1190000040846926",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "25",
-    "rank": 9
-  },
-  {
-    "title": "前端如何防止用户修改水印？",
-    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
-    "url": "https://segmentfault.com/a/1190000040840891",
-    "author": "劉凯里",
-    "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "21",
-    "rank": 10
+    "rank": 6
   },
   {
     "title": "写个vscode插件, 帮助阅读i18n项目的代码",
@@ -95,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000040773678",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "26",
-    "rank": 11
+    "votes": "27",
+    "rank": 7
   },
   {
     "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
@@ -105,16 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "26",
-    "rank": 12
-  },
-  {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "24",
-    "rank": 13
+    "rank": 8
   },
   {
     "title": "2021 VSCode前端插件推荐",
@@ -122,8 +77,17 @@
     "url": "https://segmentfault.com/a/1190000040766151",
     "author": "风不识途",
     "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
+    "votes": "25",
+    "rank": 9
+  },
+  {
+    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040824694",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "24",
-    "rank": 14
+    "rank": 10
   },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
@@ -132,7 +96,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "22",
-    "rank": 15
+    "rank": 11
   },
   {
     "title": "20 个值得学习的 Vue 开源项目",
@@ -140,8 +104,26 @@
     "url": "https://segmentfault.com/a/1190000040803238",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 16
+    "votes": "19",
+    "rank": 12
+  },
+  {
+    "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
+    "description": "严格意义上说，本篇文章要讨论的应该是 “Chrome 扩展(Extension)”而不是“Chrome 插件（Plugins）”，大家不妨先思考一个问题：“浏览器插件”和“浏览器扩展”之间有什么区别？如果您对此感到厌烦，不妨直接跳过此小节...",
+    "url": "https://segmentfault.com/a/1190000040824814",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "22",
+    "rank": 13
+  },
+  {
+    "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": 14
   },
   {
     "title": "MySQL灵魂拷问：36题带你面试通关",
@@ -150,34 +132,25 @@
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "19",
-    "rank": 17
+    "rank": 15
   },
   {
-    "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
-    "description": "严格意义上说，本篇文章要讨论的应该是 “Chrome 扩展(Extension)”而不是“Chrome 插件（Plugins）”，大家不妨先思考一个问题：“浏览器插件”和“浏览器扩展”之间有什么区别？如果您对此感到厌烦，不妨直接跳过此小节...",
-    "url": "https://segmentfault.com/a/1190000040824814",
+    "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": "20",
-    "rank": 18
-  },
-  {
-    "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
-    "description": "到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...",
-    "url": "https://segmentfault.com/a/1190000040764476",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "20",
-    "rank": 19
+    "rank": 16
   },
   {
-    "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": 20
+    "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": "21",
+    "rank": 17
   },
   {
     "title": "聊聊开发日常的效率提升工具（全）",
@@ -185,8 +158,8 @@
     "url": "https://segmentfault.com/a/1190000040818832",
     "author": "树酱",
     "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "13",
-    "rank": 21
+    "votes": "16",
+    "rank": 18
   },
   {
     "title": "计算机网络经典20问！",
@@ -195,7 +168,7 @@
     "author": "程序员大彬",
     "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "13",
-    "rank": 22
+    "rank": 19
   },
   {
     "title": "前端实现很哇塞的浏览器端扫码功能🌟",
@@ -203,17 +176,8 @@
     "url": "https://segmentfault.com/a/1190000040809122",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "19",
-    "rank": 23
-  },
-  {
-    "title": "前端如何实现token的无感刷新",
-    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
-    "url": "https://segmentfault.com/a/1190000040850857",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "20",
-    "rank": 24
+    "rank": 20
   },
   {
     "title": "正则表达式汇总",
@@ -222,7 +186,7 @@
     "author": "小蘑菇",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "17",
-    "rank": 25
+    "rank": 21
   },
   {
     "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
@@ -231,16 +195,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
-    "rank": 26
+    "rank": 22
   },
   {
-    "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": "17",
-    "rank": 27
+    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040814521",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 23
+  },
+  {
+    "title": "CSS 实现文本\"不定行数\"截断",
+    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
+    "url": "https://segmentfault.com/a/1190000040859105",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
+    "rank": 24
   },
   {
     "title": "66道前端算法面试题附思路分析助你查漏补缺",
@@ -248,7 +221,34 @@
     "url": "https://segmentfault.com/a/1190000040797373",
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "12",
+    "votes": "13",
+    "rank": 25
+  },
+  {
+    "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": 26
+  },
+  {
+    "title": "关于 v-model 你需要知道的这一切！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040863402",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 27
+  },
+  {
+    "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等十余篇源码文章。",
+    "url": "https://segmentfault.com/a/1190000040865299",
+    "author": "若川",
+    "home_url": "https://segmentfault.com/u/lxchuan12",
+    "votes": "14",
     "rank": 28
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "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": "12",
+    "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
   }
 ]