@wcj/github-rank 21.10.24 → 21.10.28

package/dist/sifou-daily.json

@@ -1,38 +1,146 @@
 [
   {
-    "title": "JZ-003-从尾到头打印链表",
-    "description": "从尾到头打印链表题目描述输入一个链表，按链表从尾到头的顺序返回一个ArrayList。题目链接: 从尾到头打印链表代码 {代码...} 【每日寄语】 方向对了，就不怕路远。坚持不仅是一种品质，也是一种信念。",
-    "url": "https://segmentfault.com/a/1190000040853646",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "灵光一闪！帮你使用Vue，搞定无法解决的“动态挂载”",
+    "description": "在一些特殊场景下，使用组件的时机无法确定，或者无法在Vue的template中确定要我们要使用的组件，这时就需要动态的挂载组件，或者使用运行时编译动态创建组件并挂载。",
+    "url": "https://segmentfault.com/a/1190000040870566",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "还在用Jenkins？试试Gitlab的CI/CD功能吧",
-    "description": "在之前，要实现自动化打包部署，一般都需要借助Jenkins。不过，现在Gitlab的CI/CD功能也能实现自动化部署，并且操作更加简单。如果你也正在使用Gitlab作为Git仓库的话，不妨试试它的CI/CD功能。",
-    "url": "https://segmentfault.com/a/1190000040852485",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "2",
+    "title": "7个关于\"this\"面试题，你知道几个？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040869270",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "关于springboot时间的一些问题",
-    "description": "&useSSL=false&serverTimezone=UTC&useUnicode=true&characterEncoding=UTF8",
-    "url": "https://segmentfault.com/a/1190000040853743",
-    "author": "jovie_Hung",
-    "home_url": "https://segmentfault.com/u/jovie_hung",
-    "votes": "1",
+    "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": "缓存一致性",
-    "description": "在对数据进行变更时，对于缓存有两种处理方法，分别是更新和删除。一般这个时候我们会选择删除缓存，原因是更新缓存可能会导致脏数据问题，看下面的例子：",
-    "url": "https://segmentfault.com/a/1190000040853296",
-    "author": "willian",
-    "home_url": "https://segmentfault.com/u/willian_5eb152f03415c",
-    "votes": "1",
+    "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",
+    "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
+  },
+  {
+    "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",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "终于有人把云原生存储讲明白了",
+    "description": "云原生是一种开发和运行软件应用程序的新范式，它融合了云计算、容器化、Serverless 和微服务等技术趋势。云原生存储是一种旨在用于云原生环境的存储技术。",
+    "url": "https://segmentfault.com/a/1190000040872231",
+    "author": "青云技术社区",
+    "home_url": "https://segmentfault.com/u/qingclouddevelopers",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "Java 开发最容易写的 10 个bug",
+    "description": "作为 Java 开发，我们在写代码的过程中难免会产生各种奇思妙想的 bug ，有些 bug 就挺让人无奈的，比如说各种空指针异常，在 ArrayList 的迭代中进行删除操作引发异常，数组下标越界异常等。",
+    "url": "https://segmentfault.com/a/1190000040871114",
+    "author": "诚信共赢",
+    "home_url": "https://segmentfault.com/u/chengxingongying",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "Go 凭什么不支持三元运算符？",
+    "description": "大家好，我是煎鱼。这是一个很多其他语言工程师转 Go 语言的时间节点，这就难免不论一番比较。其中一个经典的运算上的就是 “三元运算符”：为什么 Go 语言不支持三元运算符，Go 不支持三元运算符就是设计的不好，...",
+    "url": "https://segmentfault.com/a/1190000040871004",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "1",
+    "rank": 16
   }
 ]

package/dist/sifou-monthly.json

@@ -1,20 +1,20 @@
 [
-  {
-    "title": "20 个杀手级 JavaScript 单行代码",
-    "description": "规范要求在写入剪贴板之前使用 Permissions API 获取“剪贴板写入”权限。但是，不同浏览器的具体要求不同，因为这是一个新的API。有关详细信息，请查看compatibility table and Clipboard availability in Clipboa...",
-    "url": "https://segmentfault.com/a/1190000040721650",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "67",
-    "rank": 1
-  },
   {
     "title": "20+ css高频实用片段，提高幸福感的小技能你可以拥有噢",
     "description": "修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...",
     "url": "https://segmentfault.com/a/1190000040777100",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "51",
+    "votes": "55",
+    "rank": 1
+  },
+  {
+    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
+    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
+    "url": "https://segmentfault.com/a/1190000040797816",
+    "author": "y_ck",
+    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
+    "votes": "45",
     "rank": 2
   },
   {
@@ -23,35 +23,17 @@
     "url": "https://segmentfault.com/a/1190000040796868",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "35",
+    "votes": "36",
     "rank": 3
   },
-  {
-    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
-    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
-    "url": "https://segmentfault.com/a/1190000040797816",
-    "author": "y_ck",
-    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "41",
-    "rank": 4
-  },
   {
     "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
     "description": "数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？",
     "url": "https://segmentfault.com/a/1190000040747951",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "40",
-    "rank": 5
-  },
-  {
-    "title": "技术人必看的各类工具书籍",
-    "description": "一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...",
-    "url": "https://segmentfault.com/a/1190000040725587",
-    "author": "阿里巴巴淘系技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
-    "votes": "28",
-    "rank": 6
+    "votes": "41",
+    "rank": 4
   },
   {
     "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
@@ -59,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000040692431",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "41",
-    "rank": 7
+    "votes": "42",
+    "rank": 5
   },
   {
     "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
@@ -68,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000040741939",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
-    "rank": 8
+    "votes": "29",
+    "rank": 6
   },
   {
     "title": "📝 没 2 年 React Native 开发经验，你都遇不到这些坑",
@@ -77,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000040748929",
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "27",
-    "rank": 9
+    "votes": "28",
+    "rank": 7
   },
   {
     "title": "50天用react.js重写50个web项目，我学到了什么？",
@@ -86,7 +68,25 @@
     "url": "https://segmentfault.com/a/1190000040813435",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "27",
+    "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
   },
   {
@@ -95,18 +95,9 @@
     "url": "https://segmentfault.com/a/1190000040773678",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "25",
+    "votes": "26",
     "rank": 11
   },
-  {
-    "title": "近 20k Star的项目说不做就不做了，但总结的内容值得借鉴",
-    "description": "大家好，我是零一。最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势。Fred...",
-    "url": "https://segmentfault.com/a/1190000040722202",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "19",
-    "rank": 12
-  },
   {
     "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
     "description": "本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：",
@@ -114,6 +105,15 @@
     "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
   },
   {
@@ -125,32 +125,14 @@
     "votes": "24",
     "rank": 14
   },
-  {
-    "title": "摊牌了，做为前端，我经常在用的15个国外网站",
-    "description": "作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040704577",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "23",
-    "rank": 15
-  },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
     "description": "写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...",
     "url": "https://segmentfault.com/a/1190000040803264",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "21",
-    "rank": 16
-  },
-  {
-    "title": "尝试对 jsjiami 加密结果手工解密",
-    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
-    "url": "https://segmentfault.com/a/1190000040735240",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "15",
-    "rank": 17
+    "votes": "22",
+    "rank": 15
   },
   {
     "title": "20 个值得学习的 Vue 开源项目",
@@ -158,26 +140,17 @@
     "url": "https://segmentfault.com/a/1190000040803238",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
-    "rank": 18
+    "votes": "16",
+    "rank": 16
   },
   {
-    "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
-    "description": "到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...",
-    "url": "https://segmentfault.com/a/1190000040764476",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "MySQL灵魂拷问：36题带你面试通关",
+    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
+    "url": "https://segmentfault.com/a/1190000040823877",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "19",
-    "rank": 19
-  },
-  {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "21",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -185,26 +158,17 @@
     "url": "https://segmentfault.com/a/1190000040824814",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "19",
-    "rank": 21
-  },
-  {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "17",
-    "rank": 22
+    "votes": "20",
+    "rank": 18
   },
   {
-    "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": 23
+    "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
+    "description": "到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...",
+    "url": "https://segmentfault.com/a/1190000040764476",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "20",
+    "rank": 19
   },
   {
     "title": "postTask：React的杀手锏被浏览器原生实现了？",
@@ -213,7 +177,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "13",
-    "rank": 24
+    "rank": 20
   },
   {
     "title": "聊聊开发日常的效率提升工具（全）",
@@ -222,7 +186,16 @@
     "author": "树酱",
     "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
     "votes": "13",
-    "rank": 25
+    "rank": 21
+  },
+  {
+    "title": "计算机网络经典20问！",
+    "description": "本文目录：网络分层结构三次握手两次握手可以吗？四次挥手第四次挥手为什么要等待2MSL？为什么是四次挥手？TCP有哪些特点？TCP和UDP的区别？HTTP协议的特点？HTTP报文格式HTTP状态码有哪些？HTTP1.0和HTTP1.1的区...",
+    "url": "https://segmentfault.com/a/1190000040770169",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
+    "votes": "13",
+    "rank": 22
   },
   {
     "title": "前端实现很哇塞的浏览器端扫码功能🌟",
@@ -230,8 +203,26 @@
     "url": "https://segmentfault.com/a/1190000040809122",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "18",
-    "rank": 26
+    "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
+  },
+  {
+    "title": "正则表达式汇总",
+    "description": "整理一部分比较常用的正则表达式、后续会持续更新1、手机号码的校验 {代码...} 2、身份证的校验 {代码...} 3、邮箱的校验 {代码...} 4、URL的校验 {代码...} 5、IPv4的校验 {代码...} 6、16进制颜色的校验 {代码....",
+    "url": "https://segmentfault.com/a/1190000040828004",
+    "author": "小蘑菇",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "17",
+    "rank": 25
   },
   {
     "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
@@ -240,32 +231,41 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
+    "rank": 26
+  },
+  {
+    "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": "就因为这三个知识点，我彻底学废了”正则表达式“",
-    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
-    "url": "https://segmentfault.com/a/1190000040846926",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "14",
+    "title": "66道前端算法面试题附思路分析助你查漏补缺",
+    "description": "本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，",
+    "url": "https://segmentfault.com/a/1190000040797373",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "12",
     "rank": 28
   },
   {
-    "title": "React 源码解析系列 - React 的 render 阶段（二）：beginWork",
-    "description": "系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...",
-    "url": "https://segmentfault.com/a/1190000040723029",
-    "author": "array_huang",
-    "home_url": "https://segmentfault.com/u/array_huang",
-    "votes": "10",
+    "title": "前端代码评审通常注意些什么",
+    "description": "代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...",
+    "url": "https://segmentfault.com/a/1190000040780312",
+    "author": "_Vin",
+    "home_url": "https://segmentfault.com/u/_vin_5d884143cd4cb",
+    "votes": "9",
     "rank": 29
   },
   {
-    "title": "计算机网络经典20问！",
-    "description": "本文目录：网络分层结构三次握手两次握手可以吗？四次挥手第四次挥手为什么要等待2MSL？为什么是四次挥手？TCP有哪些特点？TCP和UDP的区别？HTTP协议的特点？HTTP报文格式HTTP状态码有哪些？HTTP1.0和HTTP1.1的区...",
-    "url": "https://segmentfault.com/a/1190000040770169",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
+    "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",
     "rank": 30
   }