@wcj/github-rank 21.10.27 → 21.10.31

package/web/data/sifou-daily.json

@@ -1,110 +1,65 @@
 [
   {
-    "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": "14",
-    "rank": 1
-  },
-  {
-    "title": "Python Type Hints 从入门到实践",
-    "description": "Python 想必大家都已经很熟悉了，甚至关于它有用或者无用的论点大家可能也已经看腻了。但是无论如何，它作为一个将加入高考科目的语言还是有它独到之处的，今天我们就再展开聊聊 Python。",
-    "url": "https://segmentfault.com/a/1190000040864758",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
-    "rank": 2
-  },
-  {
-    "title": "JuiceFS 如何帮助趣头条超大规模 HDFS 降负载",
-    "description": "高昌健，Juicedata 解决方案架构师，十年互联网行业从业经历，曾在知乎、即刻、小红书多个团队担任架构师职位，专注于分布式系统、大数据、AI 领域的技术研究。",
-    "url": "https://segmentfault.com/a/1190000040867703",
-    "author": "JuiceFS",
-    "home_url": "https://segmentfault.com/u/juicefs",
-    "votes": "3",
-    "rank": 3
-  },
-  {
-    "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": "3",
-    "rank": 4
-  },
-  {
-    "title": "程序员如何玩转力扣刷题？",
-    "description": "前言大家好，我是bigsai，好久不见！今天就给各位小伙伴分享我自己刷题力扣的一些小方法，不一定很有用但是可以参考，祝你更高效的变强！最近在一些群聊、私聊中遇到很多的一个问题就是：刷题，大家也都重视到算...",
-    "url": "https://segmentfault.com/a/1190000040866692",
-    "author": "bigsai",
-    "home_url": "https://segmentfault.com/u/bigsai",
+    "title": "Vue3源码分析——编译模块和编译器",
+    "description": "Parse 阶段将模板字符串转换为语法抽象树 AST。Transform 阶段对 AST 做一些转换处理。Codegen 阶段根据 AST 生成相应的渲染函数字符串。",
+    "url": "https://segmentfault.com/a/1190000040887536",
+    "author": "戎马",
+    "home_url": "https://segmentfault.com/u/lashoucuijs",
     "votes": "2",
-    "rank": 5
+    "rank": 1
   },
   {
-    "title": "JZ-006-旋转数组的最小数字",
-    "description": "把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个非递减排序的数组的一个旋转，输出旋转数组的最小元素。NOTE：给出的所有元素都大于0，若数组大小为0，请返回0。题目链接: 旋转数组...",
-    "url": "https://segmentfault.com/a/1190000040864268",
+    "title": "JZ-010-矩形覆盖",
+    "description": "矩形覆盖题目描述我们可以用21的小矩形横着或者竖着去覆盖更大的矩形。请问用n个21的小矩形无重叠地覆盖一个2*n的大矩形，总共有多少种方法？题目链接: 矩形覆盖代码 {代码...} 【每日寄语】 闲看花开，静待花落...",
+    "url": "https://segmentfault.com/a/1190000040886717",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "电脑关机了，内存就没数据了吗？",
-    "description": "大家好，我是周杰伦。提到网络攻击技术，你脑子里首先想到的是什么？是DDoS？是SQL注入、XSS？还是栈溢出、RCE（远程代码执行）？这些最常见的网络攻击技术，基本上都是与网络、软件、代码、程序这些东西相关。这...",
-    "url": "https://segmentfault.com/a/1190000040866883",
-    "author": "代码熬夜敲",
-    "home_url": "https://segmentfault.com/u/2uj39mdb",
-    "votes": "1",
-    "rank": 7
+    "rank": 2
   },
   {
-    "title": "云原生爱好者周刊：玩 Kubernetes 游戏，赢取免费机票",
-    "description": "云原生一周动态要闻：Grafana 8.2.2 发布OSM（Open Service Mesh）发布 v1.0 的第一个候选版本谷歌宣布推出 Google Distributed CloudKubeSphere 3.2.0 RC 版发布，支持 Kubernetes 1.22开源项目推荐文章推荐",
-    "url": "https://segmentfault.com/a/1190000040864482",
-    "author": "KubeSphere",
-    "home_url": "https://segmentfault.com/u/kubesphere",
+    "title": "Angular中的Subject与Observable",
+    "description": "我们在平时用的某些组件传入的值为数组，组件只能检测数组长度变化，而数组的值发生变化时组件不能检测到变化，也就无法重新加载，这时可以使用Subject解决此类问题。",
+    "url": "https://segmentfault.com/a/1190000040887939",
+    "author": "李国稳",
+    "home_url": "https://segmentfault.com/u/meng_60ba0d4174d72",
     "votes": "1",
-    "rank": 8
+    "rank": 3
   },
   {
-    "title": "跨平台通用账号系统如何选择？Facebook 成出海 App 强力后援",
-    "description": "注册或者登录 App 账号时输入账号或密码，对于大多数用户来说都是一件“难事儿”。一方面手机应用的指数级增加，使得用户记忆账号密码的成本不断叠增；另一方面是用户担心私有信息在账户的泄露问题，希望能有更加便...",
-    "url": "https://segmentfault.com/a/1190000040864385",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "【C进阶】19、编译过程简介",
+    "description": "2）点击Build之后，IDE会进行预编译（生成中间.i文件）、编译（生成汇编代码.s文件）、汇编（生成目标文件.o文件）、链接（生成可执行程序.out文件）。",
+    "url": "https://segmentfault.com/a/1190000040888314",
+    "author": "bryson",
+    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
     "votes": "1",
-    "rank": 9
+    "rank": 4
   },
   {
-    "title": "如何用 GPU硬件层加速优化Android系统的游戏流畅度",
-    "description": "作为一款VR实时操作游戏App，我们需要根据重力感应系统，实时监控手机的角度，并渲染出相应位置的VR图像，因此在不同 Android 设备之间，由于使用的芯片组和不同架构的GPU，游戏性能会因此受到影响。举例来说：游...",
-    "url": "https://segmentfault.com/a/1190000040864118",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "大概80%的前端小伙伴都不懂ParseInt是这么用的",
+    "description": "说到JavaScript中的parseInt函数，不少同学可能觉得这个函数比较简单，就是一个把字符串转成整数的方法，第一时间想到的例子是这样的：",
+    "url": "https://segmentfault.com/a/1190000040888294",
+    "author": "伯约同学",
+    "home_url": "https://segmentfault.com/u/yiye_613cabae8ef30",
     "votes": "1",
-    "rank": 10
+    "rank": 5
   },
   {
-    "title": "Collectors简单使用",
-    "description": "Collectors类给了toList()和toSet()方法,默认的是ArrayList和HashSet,所以要想使用其他的类型的集合就可以使用这个方法,例如使用LinkedList",
-    "url": "https://segmentfault.com/a/1190000040868807",
-    "author": "peng",
-    "home_url": "https://segmentfault.com/u/peng_586b5e9ca3d78",
+    "title": "常见框架的 Diff 算法",
+    "description": "完整高频题库仓库地址：[链接]完整高频题库阅读地址：[链接]相关问题虚拟 DOM 是什么虚拟 DOM 的作用讲一下 Vue 的 Diff 算法回答关键点虚拟 DOM 时间复杂度O(n)现代网站大多具有复杂布局，大量的节点和交互操作...",
+    "url": "https://segmentfault.com/a/1190000040887790",
+    "author": "HZFEStudio",
+    "home_url": "https://segmentfault.com/u/_6085362b65292",
     "votes": "1",
-    "rank": 11
+    "rank": 6
   },
   {
-    "title": "基于位运算的权限设计",
-    "description": "基于位运算的权限设计由于这里权限是基于 Bit 的所以需要大家对位以及位操作符需要有一定的认识[TOC]前置知识MDN 位运算符单一权限有且只有一位为 1从右向左，由低到高操作符速记：&按位与：对应位都是 1 则...",
-    "url": "https://segmentfault.com/a/1190000040866790",
-    "author": "伍陆柒",
-    "home_url": "https://segmentfault.com/u/n_makuangmo",
+    "title": "如何定位内存泄露",
+    "description": "完整高频题库仓库地址：[链接]完整高频题库阅读地址：[链接]相关问题垃圾回收机制回答关键点垃圾回收 DevTools内存泄漏是指不再使用的内存，没有被垃圾回收机制回收。当内存泄漏很大或足够频繁时，用户会有所感知...",
+    "url": "https://segmentfault.com/a/1190000040887757",
+    "author": "HZFEStudio",
+    "home_url": "https://segmentfault.com/u/_6085362b65292",
     "votes": "1",
-    "rank": 12
+    "rank": 7
   }
 ]

package/web/data/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": "43",
+    "votes": "46",
     "rank": 2
   },
   {
@@ -23,45 +23,27 @@
     "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",
+    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
+    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
+    "url": "https://segmentfault.com/a/1190000040846926",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "40",
+    "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": "28",
-    "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,7 +51,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "29",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "写个vscode插件, 帮助阅读i18n项目的代码",
@@ -77,17 +59,8 @@
     "url": "https://segmentfault.com/a/1190000040773678",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "26",
-    "rank": 9
-  },
-  {
-    "title": "前端如何防止用户修改水印？",
-    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
-    "url": "https://segmentfault.com/a/1190000040840891",
-    "author": "劉凯里",
-    "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "20",
-    "rank": 10
+    "votes": "27",
+    "rank": 7
   },
   {
     "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
@@ -96,16 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "26",
-    "rank": 11
-  },
-  {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "24",
-    "rank": 12
+    "rank": 8
   },
   {
     "title": "2021 VSCode前端插件推荐",
@@ -113,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": 13
+    "rank": 10
   },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
@@ -123,16 +96,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "22",
-    "rank": 14
-  },
-  {
-    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
-    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
-    "url": "https://segmentfault.com/a/1190000040846926",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "22",
-    "rank": 15
+    "rank": 11
   },
   {
     "title": "20 个值得学习的 Vue 开源项目",
@@ -140,17 +104,8 @@
     "url": "https://segmentfault.com/a/1190000040803238",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 16
-  },
-  {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "19",
-    "rank": 17
+    "rank": 12
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -158,8 +113,26 @@
     "url": "https://segmentfault.com/a/1190000040824814",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "20",
-    "rank": 18
+    "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题带你面试通关",
+    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
+    "url": "https://segmentfault.com/a/1190000040823877",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
+    "votes": "19",
+    "rank": 15
   },
   {
     "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
@@ -168,25 +141,25 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "20",
-    "rank": 19
+    "rank": 16
   },
   {
-    "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": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
+    "description": "我们都知道，npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。虽然作为命令行工具的 npm 近年来逐渐式微，但是作为广泛使用的存...",
+    "url": "https://segmentfault.com/a/1190000040875211",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "19",
+    "rank": 17
   },
   {
-    "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": "前端应该知道的：开放图谱协议（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": "聊聊开发日常的效率提升工具（全）",
@@ -194,8 +167,8 @@
     "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,8 +185,8 @@
     "url": "https://segmentfault.com/a/1190000040809122",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "19",
-    "rank": 24
+    "votes": "20",
+    "rank": 21
   },
   {
     "title": "正则表达式汇总",
@@ -222,7 +195,7 @@
     "author": "小蘑菇",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "17",
-    "rank": 25
+    "rank": 22
   },
   {
     "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
@@ -231,16 +204,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
-    "rank": 26
+    "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": "19",
-    "rank": 27
+    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040814521",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 24
+  },
+  {
+    "title": "CSS 实现文本\"不定行数\"截断",
+    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
+    "url": "https://segmentfault.com/a/1190000040859105",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
+    "rank": 25
   },
   {
     "title": "66道前端算法面试题附思路分析助你查漏补缺",
@@ -248,9 +230,36 @@
     "url": "https://segmentfault.com/a/1190000040797373",
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "12",
+    "votes": "13",
+    "rank": 26
+  },
+  {
+    "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": 27
+  },
+  {
+    "title": "关于 v-model 你需要知道的这一切！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040863402",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
     "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等十余篇源码文章。",
+    "url": "https://segmentfault.com/a/1190000040865299",
+    "author": "若川",
+    "home_url": "https://segmentfault.com/u/lxchuan12",
+    "votes": "14",
+    "rank": 29
+  },
   {
     "title": "前端代码评审通常注意些什么",
     "description": "代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...",
@@ -258,15 +267,6 @@
     "author": "_Vin",
     "home_url": "https://segmentfault.com/u/_vin_5d884143cd4cb",
     "votes": "9",
-    "rank": 29
-  },
-  {
-    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040814521",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
     "rank": 30
   }
 ]