@wcj/github-rank 21.11.19 → 21.11.23

package/web/data/sifou-daily.json

@@ -1,164 +1,119 @@
 [
   {
-    "title": "安排几款实用的内网穿透工具+教程",
-    "description": "nps是一款轻量级、高性能、功能强大的内网穿透代理服务器。目前支持tcp、udp流量转发，可支持任何tcp、udp上层协议（访问内网网站、本地支付接口调试、ssh访问、远程桌面，内网dns解析等等……），此外还支持内网ht...",
-    "url": "https://segmentfault.com/a/1190000040979218",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "7",
+    "title": "CSS mask 实现鼠标跟随镂空效果",
+    "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
+    "url": "https://segmentfault.com/a/1190000040996523",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "8",
     "rank": 1
   },
   {
-    "title": "一篇搞懂容器技术的基石： cgroup",
-    "description": "大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...",
-    "url": "https://segmentfault.com/a/1190000040980305",
-    "author": "张晋涛",
-    "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "4",
+    "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
+    "description": "大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！",
+    "url": "https://segmentfault.com/a/1190000040996585",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "10",
     "rank": 2
   },
   {
-    "title": "正则表达式实例搜集，通过实例来学习正则表达式。",
-    "description": "正则表达式实例搜集，通过实例来学习正则表达式。本仓库实例搜集整理来自于《一些正则表达式随记》，通过一个单独仓库专门整理这些正则实例，提供一个实例网站，方便正则实例验证和查询。也方便添加新的正则实例...",
-    "url": "https://segmentfault.com/a/1190000040984140",
-    "author": "小弟调调",
-    "home_url": "https://segmentfault.com/u/ichu",
+    "title": "精读《Rust 是 JS 基建的未来》",
+    "description": "Rust Is The Future of JavaScript Infrastructure 这篇文章讲述了 Rust 正在 JS 基建圈流行的事实：Webpack、Babel、Terser、Prettier、ESLint 这些前些年才流行起来的工具都已有了 Rust 替代方案，且性能有着 1...",
+    "url": "https://segmentfault.com/a/1190000040995772",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "2",
     "rank": 3
   },
   {
-    "title": "LeetCode-110-平衡二叉树",
-    "description": "题目描述：给定一个二叉树，判断它是否是高度平衡的二叉树。本题中，一棵高度平衡二叉树定义为：一个二叉树每个节点 的左右两个子树的高度差的绝对值不超过 1 。示例说明请见LeetCode官网。来源：力扣（LeetCode...",
-    "url": "https://segmentfault.com/a/1190000040980989",
+    "title": "LeetCode-117-填充每个节点的下一个右侧节点指针 II",
+    "description": "题目描述：给定一个二叉树： {代码...} 填充它的每个 next 指针，让这个指针指向其下一个右侧节点。如果找不到下一个右侧节点，则将 next 指针设置为 NULL。初始状态下，所有 next 指针都被设置为 NULL。示例说明...",
+    "url": "https://segmentfault.com/a/1190000040996100",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "votes": "4",
     "rank": 4
   },
   {
-    "title": "面霸篇：Java 集合容器大满贯（卷二）",
-    "description": "码哥在 《Redis 系列》的开篇 Redis 为什么这么快中说过：学习一个技术，通常只接触了零散的技术点，没有在脑海里建立一个完整的知识框架和架构体系，没有系统观。这样会很吃力，而且会出现一看好像自己会，过后...",
-    "url": "https://segmentfault.com/a/1190000040980911",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "2",
+    "title": "如何更好管理 Api 接口（续）",
+    "description": "哈喽，我是树酱。去年中旬的时候写过一篇关于如何更好管理 Api 接口。最近有朋友问我，我们都是根据Swagger文档，然后通过“阅读”swagger文档中每个微服务包含的CRUD(增刪查改)等API，再通过“手动”撸出各种service...",
+    "url": "https://segmentfault.com/a/1190000041000146",
+    "author": "树酱",
+    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
+    "votes": "3",
     "rank": 5
   },
   {
-    "title": "消息队列MQ/JMS/Kafka，你都了解吗？",
-    "description": "是不是平常听到说消息队列啊，JMS啊，MQ啊 、kafka啊巴啦啦的一堆术语，听不懂？关系混乱？今天就让我们来一起来看看他们都是什么吧。消息队列介绍首先举个收快递的栗子，传统的收快递，快递小哥把我们的快递送到...",
-    "url": "https://segmentfault.com/a/1190000040979517",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "title": "弃用 Windows /Office：德国又一州宣布使用开源软件及Linux / LibreOffice 以全面摆脱微软",
+    "description": "近日，德国又一州宣布弃用微软 Windows 和 Office，转而完全使用开源软件及 Linux / LibreOffice 替代，以摆脱来自科技巨头微软的“垄断”。",
+    "url": "https://segmentfault.com/a/1190000040997219",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
     "rank": 6
   },
   {
-    "title": "OceanBase简介及其与MySQL的比较",
-    "description": "OceanBase是阿里巴巴和蚂蚁金服完全自主研发的通用的分布式关系型数据库，定位为商用企业级数据库。OceanBase能提供金融级别的可靠性，目前主要应用用于金融行业，同时也适用于非金融行业场景。它融合传统关系数...",
-    "url": "https://segmentfault.com/a/1190000040981477",
-    "author": "哈",
-    "home_url": "https://segmentfault.com/u/ha_60e57a9849afa",
+    "title": "TypeScript 之 Generics",
+    "description": "软件工程的一个重要部分就是构建组件，组件不仅需要有定义良好和一致的 API，也需要是可复用的（reusable）。好的组件不仅能够兼容今天的数据类型，也能适用于未来可能出现的数据类型，这在构建大型软件系统时会...",
+    "url": "https://segmentfault.com/a/1190000040999251",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "很火的低代码，怎么才能解决复杂业务？",
-    "description": "你是否听过低代码？你是否知道最近几年低代码非常火，国内外产品非常多？你是否试用过一些低代码产品，期望很高却失望而止？我也一样！我试用过不下10种低代码产品，结论是：国内的低代码产品，当前只是玩具！",
-    "url": "https://segmentfault.com/a/1190000040981259",
-    "author": "酋长",
-    "home_url": "https://segmentfault.com/u/cloudtogo",
+    "title": "手把手教你汇编 Debug",
+    "description": "关于汇编的第一篇文章：爱了爱了，这篇寄存器讲的有点意思Hello大家好，我是程序员cxuan！我们上篇文章了解了一下基本的寄存器，这篇文章我们来进行实际操作一下。原文链接：手把手教你汇编 Debug我们以后将会用...",
+    "url": "https://segmentfault.com/a/1190000040996464",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "5个不容错过的高效开发工具",
-    "description": "Postman（[链接]）作为前端开发人员，我们需要经常查询API或交互的接口，调试网页是否能够正确是处理各种HTTP请求。Postman插件就充当着这种交互方式的“桥梁”，它可以把各种模拟用户HTTP请求的数据发送到服务器，...",
-    "url": "https://segmentfault.com/a/1190000040980785",
-    "author": "童同学",
-    "home_url": "https://segmentfault.com/u/77z85rx5",
+    "title": "美团主办ICCV2021研讨会及挑战赛，专家齐聚食品分析，论文比赛斩获佳绩",
+    "description": "近日，两年一度的计算机视觉领域顶级学术会议 ICCV (InternationalConference on Computer Vision) 圆满闭幕。本次大会中，美团入选2篇接收论文，一篇论文获HTCV研讨会最佳论文提名奖，拿下两项知名挑战赛亚军，...",
+    "url": "https://segmentfault.com/a/1190000040998855",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "观察者模式",
-    "description": "定义：属于行为型模式的一种，它定义了一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象。这个主题对象在状态变化时，会通知所有的观察者对象，使他们能够自动更新自己。",
-    "url": "https://segmentfault.com/a/1190000040980551",
-    "author": "不会写jsx的辣鸡",
-    "home_url": "https://segmentfault.com/u/buhuixiejsxdelaji",
+    "title": "【Less】给 CSS 加点料",
+    "description": "【Less】给 CSS 加点料博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！说明相比Sass的高调宣言，Less就比较低调了，看下面官网的介绍官...",
+    "url": "https://segmentfault.com/a/1190000041000508",
+    "author": "归子莫",
+    "home_url": "https://segmentfault.com/u/guizimo",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "2021 GitHub 报告解读：中国开发者数量全球第 2 | JavaScript 最受欢迎",
-    "description": "该报告数据显示，目前在 GitHub 上的全球开发者用户共有 7300 万+，其中来自中国的开发者用户已达 755 万，位居全球第二，而 JavaScript 则成为最受开发者欢迎的编程软件。",
-    "url": "https://segmentfault.com/a/1190000040980449",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "oeasy教您玩转vim - 67 - # 批量替换",
+    "description": "批量替换回忆上次我们可以用vimdiff快速的比较文件这很实用！！！实用的一些跳转方式遍历所有的修改change]c 下一条修改[c 上一条修改遍历所有的函数method]m 下一条修改[m 上一条修改面对不同点把当前的改成对比...",
+    "url": "https://segmentfault.com/a/1190000040995699",
+    "author": "oeasy",
+    "home_url": "https://segmentfault.com/u/oeasy",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "H5 webworker 坑",
-    "description": "Worker 线程所在的全局对象，与主线程不一样，无法读取主线程所在网页的 DOM 对象，也无法使用document、window、parent这些对象。但是，Worker 线程可以navigator对象和location对象。",
-    "url": "https://segmentfault.com/a/1190000040979563",
-    "author": "SeaBoat",
-    "home_url": "https://segmentfault.com/u/dinghaizhou",
+    "title": "React 父组件如何主动“联系”子组件",
+    "description": "在典型的 React 数据流中，props是父子组件交互的唯一方式。要修改一个子组件，需要使用新的 props 重新渲染它。但是，在某些情况下，需要在典型数据流之外主动查看或强制修改子组件，这时候就需要使用 Refs，将 ...",
+    "url": "https://segmentfault.com/a/1190000040997722",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
     "votes": "1",
     "rank": 12
   },
   {
-    "title": "低代码条件下的可视化表单设计",
-    "description": "表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分：表单标签，这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法； 表单域，包含了文本框、密码框、隐藏域、多行文本框、复选框...",
-    "url": "https://segmentfault.com/a/1190000040979321",
-    "author": "IT加班狗",
-    "home_url": "https://segmentfault.com/u/learun",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "那一天，我被Redis主从架构支配的恐惧",
-    "description": "面试官：要不你来讲讲你最近在看的点呗？可以拉出来一起讨论下(今天我也不知道要问什么)候选者：最近在看「Redis」相关的内容面试官：嗯，我记得已经问过Redis的基础和持久化了面试官：要不你来讲讲你公司的Redis...",
-    "url": "https://segmentfault.com/a/1190000040978635",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "一文搞定前端错误捕获和上报",
-    "description": "众所周知，几乎没有一个开发者能够做到开发时100%没有Bug，那么一旦我们的产品出了问题，快速定位问题是迫切需要做的事。好在我们在Web场景中Js运行出现异常不会导致JS引擎崩溃，最多只会终止当前执行的任务。然...",
-    "url": "https://segmentfault.com/a/1190000040983348",
-    "author": "GrowingIO",
-    "home_url": "https://segmentfault.com/u/growingio_5eb6702751d4b",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "【模型推理】deepstream-app 介绍",
-    "description": "关于 deepstream 的安装可以参考我之前写的文章《【经验分享】ubuntu 安装 deepstream6.0》、《【经验分享】ubuntu 安装 deepstream5.1》，成功安装后会在 /usr/bin 里生成一些例程可执行程序，如 deepstream-a...",
-    "url": "https://segmentfault.com/a/1190000040982311",
-    "author": "极智视界",
-    "home_url": "https://segmentfault.com/u/nbfsmfgo",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "SCTL 涅槃重生：投入 RAL 的怀抱",
-    "description": "在《DistSQL：像数据库一样使用 Apache ShardingSphere》一文中，PMC 孟浩然为大家介绍了 DistSQL 的设计初衷和语法体系，并通过实战操作展示了一条 SQL 创建分布式数据库表的强大能力，展现了 Apache ShardingSp...",
-    "url": "https://segmentfault.com/a/1190000040981052",
+    "title": "欢迎 Apache ShardingSphere 社区海外新晋 Committer！",
+    "description": "随着 Apache ShardingSphere 社区在海外的影响力逐渐扩大，越来越多的海外用户开始注意并参与到 Apache ShardingSphere 及相关生态的建设中来。",
+    "url": "https://segmentfault.com/a/1190000040997497",
     "author": "SphereEx",
     "home_url": "https://segmentfault.com/u/sphereex",
     "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "全国兼职 | PHP研发工程师，北大清华等大学项目，10-15K，自由工作 友好公平",
-    "description": "有需求也可以来我们这自由兼职，在家就能做，想多干就多干、想休息就休息，工作靠谱的话几乎随时有活干，按时计薪，能力强的话薪资涨得快，有的项目还有奖金。多了没有，2、3千的奖金还是有的。每月15号发报酬。",
-    "url": "https://segmentfault.com/a/1190000040980834",
-    "author": "左迹",
-    "home_url": "https://segmentfault.com/u/chmingjige",
-    "votes": "1",
-    "rank": 18
+    "rank": 13
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,53 +5,44 @@
     "url": "https://segmentfault.com/a/1190000040906316",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "52",
+    "votes": "57",
     "rank": 1
   },
-  {
-    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
-    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
-    "url": "https://segmentfault.com/a/1190000040846926",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "42",
-    "rank": 2
-  },
   {
     "title": "肝完《浏览器基本原理与实践》，我总结了这些",
     "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
     "url": "https://segmentfault.com/a/1190000040896436",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "38",
-    "rank": 3
+    "votes": "40",
+    "rank": 2
   },
   {
-    "title": "前端架构师的 git 功力，你有几成火候？",
-    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
-    "url": "https://segmentfault.com/a/1190000040879546",
+    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
+    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
+    "url": "https://segmentfault.com/a/1190000040948561",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "34",
-    "rank": 4
+    "votes": "38",
+    "rank": 3
   },
   {
-    "title": "一些常用的 Git 进阶知识与技巧",
-    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
-    "url": "https://segmentfault.com/a/1190000040930212",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "30",
-    "rank": 5
+    "title": "这几个高级前端常用的API，你用到了吗？",
+    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
+    "url": "https://segmentfault.com/a/1190000040942225",
+    "author": "lzg9527",
+    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
+    "votes": "40",
+    "rank": 4
   },
   {
-    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
-    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
-    "url": "https://segmentfault.com/a/1190000040948561",
+    "title": "前端架构师的 git 功力，你有几成火候？",
+    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
+    "url": "https://segmentfault.com/a/1190000040879546",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "34",
-    "rank": 6
+    "votes": "37",
+    "rank": 5
   },
   {
     "title": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
@@ -59,7 +50,16 @@
     "url": "https://segmentfault.com/a/1190000040875211",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "34",
+    "votes": "36",
+    "rank": 6
+  },
+  {
+    "title": "一些常用的 Git 进阶知识与技巧",
+    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
+    "url": "https://segmentfault.com/a/1190000040930212",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "31",
     "rank": 7
   },
   {
@@ -68,26 +68,17 @@
     "url": "https://segmentfault.com/a/1190000040936266",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "35",
+    "votes": "36",
     "rank": 8
   },
-  {
-    "title": "前端如何防止用户修改水印？",
-    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
-    "url": "https://segmentfault.com/a/1190000040840891",
-    "author": "劉凯里",
-    "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "24",
-    "rank": 9
-  },
   {
     "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
     "description": "想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等十余...",
     "url": "https://segmentfault.com/a/1190000040893750",
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
-    "votes": "30",
-    "rank": 10
+    "votes": "31",
+    "rank": 9
   },
   {
     "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
@@ -95,8 +86,8 @@
     "url": "https://segmentfault.com/a/1190000040908304",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 11
+    "votes": "25",
+    "rank": 10
   },
   {
     "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
@@ -105,26 +96,44 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "26",
+    "rank": 11
+  },
+  {
+    "title": "23 个非常有用的 NodeJs 库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040929396",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "24",
     "rank": 12
   },
   {
-    "title": "前端如何实现token的无感刷新",
-    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
-    "url": "https://segmentfault.com/a/1190000040850857",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "27",
+    "title": "处理可能超时的异步操作",
+    "description": "自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...",
+    "url": "https://segmentfault.com/a/1190000040963849",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "18",
     "rank": 13
   },
   {
-    "title": "这几个高级前端常用的API，你用到了吗？",
-    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
-    "url": "https://segmentfault.com/a/1190000040942225",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "26",
+    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
+    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040875123",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "28",
     "rank": 14
   },
+  {
+    "title": "Go 日常开发常备第三方库和工具",
+    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
+    "url": "https://segmentfault.com/a/1190000040896809",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "20",
+    "rank": 15
+  },
   {
     "title": "CSS 实现文本\"不定行数\"截断",
     "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
@@ -132,7 +141,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "22",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
@@ -141,7 +150,7 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "24",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "前端Node.js面试题",
@@ -150,7 +159,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "18",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "把程序做成系统服务",
@@ -159,42 +168,33 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "14",
-    "rank": 18
-  },
-  {
-    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
-    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040875123",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "26",
     "rank": 19
   },
   {
-    "title": "处理可能超时的异步操作",
-    "description": "自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...",
-    "url": "https://segmentfault.com/a/1190000040963849",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "title": "一文讲透自适应熔断的原理和实现",
+    "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
+    "url": "https://segmentfault.com/a/1190000040978572",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "17",
     "rank": 20
   },
   {
-    "title": "23 个非常有用的 NodeJs 库",
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040929396",
+    "url": "https://segmentfault.com/a/1190000040891379",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "23",
+    "votes": "22",
     "rank": 21
   },
   {
-    "title": "Go 日常开发常备第三方库和工具",
-    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
-    "url": "https://segmentfault.com/a/1190000040896809",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "17",
+    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
+    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040902611",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "25",
     "rank": 22
   },
   {
@@ -206,24 +206,6 @@
     "votes": "20",
     "rank": 23
   },
-  {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040891379",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "21",
-    "rank": 24
-  },
-  {
-    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
-    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040902611",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "25",
-    "rank": 25
-  },
   {
     "title": "PC端高倍屏适配方案实践",
     "description": "随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些...",
@@ -231,7 +213,7 @@
     "author": "野林",
     "home_url": "https://segmentfault.com/u/vleedesigntheory",
     "votes": "17",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "纯 Git 实现前端 CI/CD",
@@ -239,8 +221,17 @@
     "url": "https://segmentfault.com/a/1190000040904889",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "17",
-    "rank": 27
+    "votes": "18",
+    "rank": 25
+  },
+  {
+    "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
+    "description": "大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得",
+    "url": "https://segmentfault.com/a/1190000040888747",
+    "author": "sluke",
+    "home_url": "https://segmentfault.com/u/sluke",
+    "votes": "12",
+    "rank": 26
   },
   {
     "title": "Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！",
@@ -249,16 +240,7 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "16",
-    "rank": 28
-  },
-  {
-    "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
-    "description": "大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得",
-    "url": "https://segmentfault.com/a/1190000040888747",
-    "author": "sluke",
-    "home_url": "https://segmentfault.com/u/sluke",
-    "votes": "11",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "【一文秒懂】电商系统商品模块初建分析与设计",
@@ -267,6 +249,24 @@
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
     "votes": "14",
+    "rank": 28
+  },
+  {
+    "title": "CSS几个有趣的属性分享",
+    "description": "这篇文字给大家分享几个有意思的css属性directionunicode-bidiwriting-modetext-orientation按钮或者文本左右顺序置换置换按钮位置常规做法：HTML元素换个位置float:right,那还要居中呢？js置换dom顺序CSS，css可...",
+    "url": "https://segmentfault.com/a/1190000040950850",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "11",
+    "rank": 29
+  },
+  {
+    "title": "一篇搞懂容器技术的基石： cgroup",
+    "description": "大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...",
+    "url": "https://segmentfault.com/a/1190000040980305",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "10",
     "rank": 30
   }
 ]