@wcj/github-rank 21.10.23 → 21.10.27

package/dist/sifou-daily.json

@@ -1,164 +1,110 @@
 [
   {
-    "title": "前端如何实现token的无感刷新",
-    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
-    "url": "https://segmentfault.com/a/1190000040850857",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "10",
+    "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": "javascript实现网页截图导出方案",
-    "description": "首先，我们必须明白正常javascript是运行在浏览器里的，本身没有截图的能力。所以要想实现截图，必须通过其他迂回方案实现，废话少说，直接上结论。",
-    "url": "https://segmentfault.com/a/1190000040849728",
-    "author": "donglegend",
-    "home_url": "https://segmentfault.com/u/donglegend",
-    "votes": "2",
+    "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": "windows10安装多个版本node",
-    "description": "1.vue2/vue32.电脑系统 windows10专业版3.在使用vue2/vue3开发项目的使用,我们需要安装node,然后配置node环境,但是我们有的时候需要使用node高一点的版本,有的时候需要使用node低一点的版本,那么我们如何同时安装...",
-    "url": "https://segmentfault.com/a/1190000040849079",
-    "author": "灰太狼的情与殇",
-    "home_url": "https://segmentfault.com/u/huitailangdeqingyu",
-    "votes": "1",
+    "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": "JZ-002-替换空格",
-    "description": "请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。题目链接: 替换空格",
-    "url": "https://segmentfault.com/a/1190000040851436",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "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": "Vue3源码分析之compositionApi",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...",
-    "url": "https://segmentfault.com/a/1190000040848951",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "3",
+    "title": "程序员如何玩转力扣刷题？",
+    "description": "前言大家好，我是bigsai，好久不见！今天就给各位小伙伴分享我自己刷题力扣的一些小方法，不一定很有用但是可以参考，祝你更高效的变强！最近在一些群聊、私聊中遇到很多的一个问题就是：刷题，大家也都重视到算...",
+    "url": "https://segmentfault.com/a/1190000040866692",
+    "author": "bigsai",
+    "home_url": "https://segmentfault.com/u/bigsai",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "你设计的秒杀系统，能通过 “双十一” 大考吗？",
-    "description": "10月20日一年一度的双十一拉开帷幕，当日下午两点半，李佳琦准时开播，连续直播时长共计12个小时26分，共上架439件商品，直播间累计交易额高达115亿元，预估销量达3771万。这个交易额近乎数百个小规模公司年营收...",
-    "url": "https://segmentfault.com/a/1190000040849064",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "JZ-006-旋转数组的最小数字",
+    "description": "把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个非递减排序的数组的一个旋转，输出旋转数组的最小元素。NOTE：给出的所有元素都大于0，若数组大小为0，请返回0。题目链接: 旋转数组...",
+    "url": "https://segmentfault.com/a/1190000040864268",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
     "rank": 6
   },
   {
-    "title": "通过闭包巧解React Hook中接口请求时序问题",
-    "description": "点击按钮，调用getDataImmediate模拟ajax请求，传入数字，promise立刻返回数组，然后展示在页面上。结果符合预期，点n下，就显示n,n。",
-    "url": "https://segmentfault.com/a/1190000040851094",
-    "author": "阿古达木",
-    "home_url": "https://segmentfault.com/u/chenxiang_594a1cea112c2",
+    "title": "电脑关机了，内存就没数据了吗？",
+    "description": "大家好，我是周杰伦。提到网络攻击技术，你脑子里首先想到的是什么？是DDoS？是SQL注入、XSS？还是栈溢出、RCE（远程代码执行）？这些最常见的网络攻击技术，基本上都是与网络、软件、代码、程序这些东西相关。这...",
+    "url": "https://segmentfault.com/a/1190000040866883",
+    "author": "代码熬夜敲",
+    "home_url": "https://segmentfault.com/u/2uj39mdb",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "Nodejs CMS——基于 NestJS/NuxtJS 的完整开源项目",
-    "description": "这是一款轻量级的基于 Node.js 的开源 CMS，采用前后端分离开发模式，集成了 API、后台管理、WEB 展示三个完整项目。开箱即是一套完整的企业网站，适合企业、个人直接使用或二次开发。",
-    "url": "https://segmentfault.com/a/1190000040850136",
-    "author": "王培",
-    "home_url": "https://segmentfault.com/u/givebest",
-    "votes": "4",
+    "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",
+    "votes": "1",
     "rank": 8
   },
   {
-    "title": "快速入门上手Markdown",
-    "description": "第一次接触Markdown是写代码初期看很多大佬的github，他们的项目一定会有一份文件叫Readme.md的文件 他们由一些简单美观的符号和汉字字母组成，编译之后成为一篇简单直观的文档 深入了解之后我才知道，原来还有这...",
-    "url": "https://segmentfault.com/a/1190000040850009",
-    "author": "fx67ll",
-    "home_url": "https://segmentfault.com/u/wensandaoshi",
+    "title": "跨平台通用账号系统如何选择？Facebook 成出海 App 强力后援",
+    "description": "注册或者登录 App 账号时输入账号或密码，对于大多数用户来说都是一件“难事儿”。一方面手机应用的指数级增加，使得用户记忆账号密码的成本不断叠增；另一方面是用户担心私有信息在账户的泄露问题，希望能有更加便...",
+    "url": "https://segmentfault.com/a/1190000040864385",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "解决微信公众平台图片不能第三方引用,显示不出来问题",
-    "description": "没有处理之前在html中的meta加入下面两行就行了 {代码...}",
-    "url": "https://segmentfault.com/a/1190000040849607",
-    "author": "王李",
-    "home_url": "https://segmentfault.com/u/wanglicode",
+    "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",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "vue打开页面同时播放多个视频",
-    "description": "1、安装依赖 {代码...} 2、全局引入 {代码...} 3、组件使用 {代码...}",
-    "url": "https://segmentfault.com/a/1190000040849039",
-    "author": "fantaofan",
-    "home_url": "https://segmentfault.com/u/fantaofan",
+    "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",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "golang微服务之注册与发现",
-    "description": "因为是上层调用是基于接口调用的，所以需要将discover和register接口化。 在discover发现endpoint有变化时，需要调用callback去更新本地的缓存，所以也需要endpoint的接口。如下",
-    "url": "https://segmentfault.com/a/1190000040848490",
-    "author": "lokabin",
-    "home_url": "https://segmentfault.com/u/lokabin",
+    "title": "基于位运算的权限设计",
+    "description": "基于位运算的权限设计由于这里权限是基于 Bit 的所以需要大家对位以及位操作符需要有一定的认识[TOC]前置知识MDN 位运算符单一权限有且只有一位为 1从右向左，由低到高操作符速记：&按位与：对应位都是 1 则...",
+    "url": "https://segmentfault.com/a/1190000040866790",
+    "author": "伍陆柒",
+    "home_url": "https://segmentfault.com/u/n_makuangmo",
     "votes": "1",
     "rank": 12
-  },
-  {
-    "title": "vue中使用Vue.extend方法仿写一个loading加载中效果",
-    "description": "需求描述本文我们使用vue的extend方法实现一个全屏loading加载效果，需求如下：通过命令就可以让弹框开启或关闭，比如this.$showDialog()开启，this.$hideDialog()关闭方法可以传参更改loading中的文字也可以传参...",
-    "url": "https://segmentfault.com/a/1190000040848258",
-    "author": "水冗水孚",
-    "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "前端实现iPhone绕过AppStore从浏览器安装App",
-    "description": "都知道 iPhone 苹果手机应用只能通过 AppStore 进行安装，测试包只能通过官方提供的 TestFlight 等工具安装，而且通常有较长的审核流程，无法及时更新安装包，非常不方便。本文主要介绍前端实现对签名成功的 App...",
-    "url": "https://segmentfault.com/a/1190000040846993",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "前端-JavaScript运行原理",
-    "description": "简介理解JavaScript运行原理，我们需要理解以下两方面内容。JavaScript引擎。JavaScript运行时环境。JavaScript引擎什么是JavaScript引擎JavaScript引擎是一个计算机程序，它的主要作用是JavaScript运行时将源码...",
-    "url": "https://segmentfault.com/a/1190000040851732",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "得物技术时间切片的实践与应用",
-    "description": "每一个拥有【高级资深】title的前端工程师，必定会对项目的整体性能优化有自己的独到见解。这是往前端业务架构方向转变的必须要具备的能力之一。",
-    "url": "https://segmentfault.com/a/1190000040851156",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "React全新文档终于来了",
-    "description": "React一直被吐槽官方文档对新手不友好，而且自从v16.8出现Hooks后，Hooks逐渐成为React主要发展方向，新特性都会基于Hooks开发。",
-    "url": "https://segmentfault.com/a/1190000040848627",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "wget命令8种实用用法",
-    "description": "wget 是一个可以从网络上下载文件的免费实用程序，它的工作原理是从 Internet 上获取数据，并将其保存到本地文件中或显示在你的终端上。",
-    "url": "https://segmentfault.com/a/1190000040848581",
-    "author": "良许",
-    "home_url": "https://segmentfault.com/u/liangxu_5d63396040bb5",
-    "votes": "2",
-    "rank": 18
   }
 ]

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": "65",
-    "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": "43",
     "rank": 2
   },
   {
@@ -26,41 +26,14 @@
     "votes": "35",
     "rank": 3
   },
-  {
-    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
-    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
-    "url": "https://segmentfault.com/a/1190000040797816",
-    "author": "y_ck",
-    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "40",
-    "rank": 4
-  },
-  {
-    "title": "从0到1开发一款自己的vscode插件",
-    "description": "大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...",
-    "url": "https://segmentfault.com/a/1190000040720760",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "31",
-    "rank": 5
-  },
   {
     "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
     "description": "数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？",
     "url": "https://segmentfault.com/a/1190000040747951",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "38",
-    "rank": 6
-  },
-  {
-    "title": "Nginx服务器常见配置清单备忘录",
-    "description": "Nginx是高性能轻量级WEB服务器的优秀代表，由于其提供HTTP代理和反向代理、负载均衡、缓存等一系列重要特性，从而广泛应用于当今的Web后端服务之中，而且各大互联网公司也都在重度使用，所以作为一个开发者，学会...",
-    "url": "https://segmentfault.com/a/1190000040717509",
-    "author": "CodeSheep",
-    "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "31",
-    "rank": 7
+    "votes": "40",
+    "rank": 4
   },
   {
     "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
@@ -68,17 +41,8 @@
     "url": "https://segmentfault.com/a/1190000040692431",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "41",
-    "rank": 8
-  },
-  {
-    "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": "26",
-    "rank": 9
+    "votes": "42",
+    "rank": 5
   },
   {
     "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
@@ -86,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000040741939",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
-    "rank": 10
+    "votes": "28",
+    "rank": 6
   },
   {
     "title": "📝 没 2 年 React Native 开发经验，你都遇不到这些坑",
@@ -95,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000040748929",
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "27",
-    "rank": 11
+    "votes": "28",
+    "rank": 7
   },
   {
     "title": "50天用react.js重写50个web项目，我学到了什么？",
@@ -104,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000040813435",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "26",
-    "rank": 12
+    "votes": "29",
+    "rank": 8
   },
   {
     "title": "写个vscode插件, 帮助阅读i18n项目的代码",
@@ -113,17 +77,17 @@
     "url": "https://segmentfault.com/a/1190000040773678",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "25",
-    "rank": 13
+    "votes": "26",
+    "rank": 9
   },
   {
-    "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": 14
+    "title": "前端如何防止用户修改水印？",
+    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
+    "url": "https://segmentfault.com/a/1190000040840891",
+    "author": "劉凯里",
+    "home_url": "https://segmentfault.com/u/kyrieliu",
+    "votes": "20",
+    "rank": 10
   },
   {
     "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
@@ -132,16 +96,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "26",
-    "rank": 15
+    "rank": 11
   },
   {
-    "title": "从零搭建一个前端cli脚手架并发布到npm",
-    "description": "在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...",
-    "url": "https://segmentfault.com/a/1190000040719719",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "19",
-    "rank": 16
+    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040824694",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "24",
+    "rank": 12
   },
   {
     "title": "2021 VSCode前端插件推荐",
@@ -150,7 +114,7 @@
     "author": "风不识途",
     "home_url": "https://segmentfault.com/u/tudou_5e2d76940fbaa",
     "votes": "24",
-    "rank": 17
+    "rank": 13
   },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
@@ -158,44 +122,17 @@
     "url": "https://segmentfault.com/a/1190000040803264",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "21",
-    "rank": 18
-  },
-  {
-    "title": "摊牌了，做为前端，我经常在用的15个国外网站",
-    "description": "作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040704577",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "22",
-    "rank": 19
-  },
-  {
-    "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": 20
-  },
-  {
-    "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
-    "description": "到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...",
-    "url": "https://segmentfault.com/a/1190000040764476",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
-    "rank": 21
+    "rank": 14
   },
   {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "21",
-    "rank": 22
+    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
+    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
+    "url": "https://segmentfault.com/a/1190000040846926",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "22",
+    "rank": 15
   },
   {
     "title": "20 个值得学习的 Vue 开源项目",
@@ -203,8 +140,17 @@
     "url": "https://segmentfault.com/a/1190000040803238",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
-    "rank": 23
+    "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
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -212,17 +158,17 @@
     "url": "https://segmentfault.com/a/1190000040824814",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "17",
-    "rank": 24
+    "votes": "20",
+    "rank": 18
   },
   {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "17",
-    "rank": 25
+    "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": "用Java轻松完成一个分布式事务TCC，保姆级教程",
@@ -231,7 +177,7 @@
     "author": "叶东富",
     "home_url": "https://segmentfault.com/u/yedongfu",
     "votes": "15",
-    "rank": 26
+    "rank": 20
   },
   {
     "title": "postTask：React的杀手锏被浏览器原生实现了？",
@@ -240,7 +186,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "13",
-    "rank": 27
+    "rank": 21
   },
   {
     "title": "聊聊开发日常的效率提升工具（全）",
@@ -249,7 +195,16 @@
     "author": "树酱",
     "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
     "votes": "13",
-    "rank": 28
+    "rank": 22
+  },
+  {
+    "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": 23
   },
   {
     "title": "前端实现很哇塞的浏览器端扫码功能🌟",
@@ -257,16 +212,61 @@
     "url": "https://segmentfault.com/a/1190000040809122",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "19",
+    "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 个技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040704570",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 26
+  },
+  {
+    "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": "66道前端算法面试题附思路分析助你查漏补缺",
+    "description": "本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，",
+    "url": "https://segmentfault.com/a/1190000040797373",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "12",
+    "rank": 28
+  },
+  {
+    "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": "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": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040814521",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "11",
     "rank": 30
   }
 ]