@wcj/github-rank 21.11.14 → 21.11.18

package/web/data/sifou-daily.json

@@ -1,20 +1,236 @@
 [
   {
-    "title": "「后端小伙伴来学前端了」关于 Vue中的 props",
-    "description": "校园的晚霞前言学vue必须要会的就是组件这玩意啦，不然可能就约等于白学。我自己前期完成老师布置的任务，不瞒你说，交上去，直接被骂，原因就是我一个组件没抽😂（一边学，一边敲，没想那么多，只想着实现）。一...",
-    "url": "https://segmentfault.com/a/1190000040955254",
-    "author": "宁在春",
-    "home_url": "https://segmentfault.com/u/wyh_study",
-    "votes": "1",
+    "title": "前进吧，开发者: Google 官方学习资源首发集结",
+    "description": "Google 开发者在线课程是由 Google 产品团队打造的免费中文在线课程，包含 80+ 文章、110+ 视频深度解析、170+ 引导式编程练习 (Codelab)，覆盖 10+ 项 Google 产品或服务。开发者可以借助循序渐进的课程，按自己...",
+    "url": "https://segmentfault.com/a/1190000040973077",
+    "author": "Android开发者",
+    "home_url": "https://segmentfault.com/u/androiddevs",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "讲讲Java的注解",
-    "description": "Java SE 5 引入了许多的语言变化，注解（元数据）就是其中之一，主要是在代码中附加补充信息。注解不会影响代码的逻辑，只是在编译、运行时，为代码加入配置与描述等功能。",
-    "url": "https://segmentfault.com/a/1190000040955445",
-    "author": "hireny",
-    "home_url": "https://segmentfault.com/u/hireny",
-    "votes": "1",
+    "title": "Develop as One | 2021 Google 开发者大会主旨演讲精彩回顾",
+    "description": "2021 年世界比起过往更需要彼此联结谷歌始终与大家携手共进共创机遇，共谋发展一分钟回顾 2021 Google 开发者大会主旨演讲精彩亮点!涵盖 18 条产品线，超 70 场技术专题演讲从这里出发，继续探索更多精彩前往官网...",
+    "url": "https://segmentfault.com/a/1190000040972907",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "2",
     "rank": 2
+  },
+  {
+    "title": "前进吧，开发者：Google 官方学习资源首发集结",
+    "description": "技术与产品的每一次迭代和更新，都伴随着机遇与挑战。你，或是每一位开发者，从学习开发知识，到掌握一门技术，激发创意灵感，直至亲手打造一个更美好的世界。谷歌希望助你一臂之力，提升个人开发技能，高效创新...",
+    "url": "https://segmentfault.com/a/1190000040972891",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
+    "rank": 3
+  },
+  {
+    "title": "使用这11个代码，可以大大地简化我们的代码。",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040759530",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
+    "rank": 4
+  },
+  {
+    "title": "Flutter使用ScreenUtil获取屏幕宽高初始化报错",
+    "description": "我们在布局中使用ScreenUtil().screenWidth获取屏幕宽度是，在初始化未装载视图时，第一次获取时拿不到，会出现如上的崩溃。",
+    "url": "https://segmentfault.com/a/1190000040974016",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "无法访问GitHub网站及无法正常操作仓库的处理方法",
+    "description": "住的地方换了WiFi后发现使用Mac的时候GitHub网站登不上了，但是手机却可以正常登录，同时使用push推送代码的时候提示Failed to connect to github.com port 443: Operation timed out，push很难成功，于是在网上...",
+    "url": "https://segmentfault.com/a/1190000040978462",
+    "author": "Lynx",
+    "home_url": "https://segmentfault.com/u/michaellynx",
+    "votes": "2",
+    "rank": 6
+  },
+  {
+    "title": "LeetCode-109-有序链表转换二叉搜索树",
+    "description": "题目描述：给定一个单链表，其中的元素按升序排序，将其转换为高度平衡的二叉搜索树。本题中，一个高度平衡二叉树是指一个二叉树每个节点 的左右两个子树的高度差的绝对值不超过 1。示例说明请见LeetCode官网。来...",
+    "url": "https://segmentfault.com/a/1190000040972985",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
+    "rank": 7
+  },
+  {
+    "title": "手把手教你基于Netty实现一个基础的RPC框架（通俗易懂）",
+    "description": "阅读这篇文章之前，建议先阅读和这篇文章关联的内容。1.详细剖析分布式微服务架构下网络通信的底层实现原理（图解）2.(年薪60W的技巧)工作了5年，你真的理解Netty以及为什么要用吗？（深度干货）3.深度解析Netty...",
+    "url": "https://segmentfault.com/a/1190000040972809",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "2",
+    "rank": 8
+  },
+  {
+    "title": "微服务化后，这4点一定要注意 | IDCF",
+    "description": "随着业务发展，很多系统需要经历服务拆分的过程。微服务化过程踩坑也是很正常的事。如果在服务拆分之前做好充分准备，能帮我们少走很多弯路。本文主要从服务依赖，接口版本，隔离，数据一致等方面说说微服务化过...",
+    "url": "https://segmentfault.com/a/1190000040971423",
+    "author": "IDCF",
+    "home_url": "https://segmentfault.com/u/idcf",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "来 OpenInfra Live: Keynotes 与 OpenStack 和 K8S 等全球社区领袖互动",
+    "description": "根据今年的 OpenStack 用户调查，由 OpenStack 管理的核心的数量在去年增长了66%。是的! 有超过2500万个 OpenStack 的核心在生产中，其中 Workday、雅虎和沃尔玛各运行超过 100 万个核心，中国移动运行超过 600 ...",
+    "url": "https://segmentfault.com/a/1190000040978078",
+    "author": "茕茕码字",
+    "home_url": "https://segmentfault.com/u/qiongwrite",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "2021 技术展望丨AV1 在 RTC 应用实践中的现状与展望",
+    "description": "线上会议、在线教育、电商直播等多个场景的兴起，也使得实时互动技术从幕后走到台前，得到了更多人的关注。编解码、网络传输、计算机视觉等 RTE 相关的一系列技术也正焕发出更强的生命力。2021 年，在深度学习、5...",
+    "url": "https://segmentfault.com/a/1190000040977702",
+    "author": "声网Agora",
+    "home_url": "https://segmentfault.com/u/agora",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "这可能是，Flutter 中最“强悍”的内存泄漏检测方案......",
+    "description": "近两年来，无论是创新型应用还是老牌旗舰型应用，都在或多或少地使用 Flutter 技术。然而，目前 Flutter 业务团队反馈最普遍的问题是，Flutter 内存占用过高。",
+    "url": "https://segmentfault.com/a/1190000040974138",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "【Sass/SCSS】预加载器中的“轩辕剑”",
+    "description": "随着前端技术发展的越来越迅速，前端的样式也需要更加贴近时代的审美，那么CSS就需要承担更多的工作，（强调！这不是煽情！这是宣讲背景。😄），为了给CSS怼上去，预加载器出现了，没错，CSS用上了武器。Sass/SCSS...",
+    "url": "https://segmentfault.com/a/1190000040978301",
+    "author": "归子莫",
+    "home_url": "https://segmentfault.com/u/guizimo",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "Linux系统查看磁盘可用空间的5个命令",
+    "description": "工作中，经常会遇到磁盘爆满的情况，尤其是一台服务器运行了 N 年之后，里面会充满各种各样垃圾文件，比如：编译产生的中间文件、打包的镜像文件、日志文件，等等。",
+    "url": "https://segmentfault.com/a/1190000040977627",
+    "author": "良许",
+    "home_url": "https://segmentfault.com/u/liangxu_5d63396040bb5",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "【Tryhackme】Blueprint(RCE攻击)",
+    "description": "本文渗透的主机经过合法授权。本文使用的工具和方法仅限学习交流使用，请不要将文中使用的工具和渗透思路用于任何非法用途，对此产生的一切后果，本人不承担任何责任，也不对造成的任何误用或损害负责。",
+    "url": "https://segmentfault.com/a/1190000040977231",
+    "author": "天线锅仔",
+    "home_url": "https://segmentfault.com/u/maxwe86",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "SpringBoot+RabbitMQ 实现 RPC 调用",
+    "description": "说到 RPC（Remote Procedure Call Protocol 远程过程调用协议），小伙伴们脑海里蹦出的估计都是 RESTful API、Dubbo、WebService、Java RMI、CORBA 等。",
+    "url": "https://segmentfault.com/a/1190000040974321",
+    "author": "江湖大侠",
+    "home_url": "https://segmentfault.com/u/msjhw_com",
+    "votes": "1",
+    "rank": 16
+  },
+  {
+    "title": "八种常见排序算法细讲",
+    "description": "⾸先，我们将数组中的数据分为两个区间，已排序区间和未排序区间。初始已排序区间只有⼀个元素，就是数组的第⼀个元素。插⼊算法的核⼼思想是取未排序区间中的元素，在已排序区间中找到合适的插⼊位置将其插⼊，...",
+    "url": "https://segmentfault.com/a/1190000040974250",
+    "author": "江湖大侠",
+    "home_url": "https://segmentfault.com/u/msjhw_com",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "微软发布 Win10 2021 年 11 月更新（21H2）正式版，此后 Win10、11 皆为年更",
+    "description": "11 月 17 日，微软宣布正式推出Windows 10 2021 年11月更新（又名Windows 10 版本21H2），并宣布了一些更新节奏信息，以及 Win11 加快推进的消息。",
+    "url": "https://segmentfault.com/a/1190000040974235",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "dubbo 异步调用",
+    "description": "先看下整体流程：再来看下怎么调用，有两种方式，定义 CompletableFuture 返回类型的接口以及使用 RpcContext。第一种：定义一个 CompletableFuture 返回类型的接口及实现",
+    "url": "https://segmentfault.com/a/1190000040974063",
+    "author": "爱炒股的程序猿",
+    "home_url": "https://segmentfault.com/u/wanghuidon",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "JDK成长记21：  ReentrantLock (4) 公平、非公平、可重入锁是什么？",
+    "description": "经过前面的三节，相信你对ReentrantLock底层的AQS原理已经很清楚了。接下来给大家介绍几个ReentrantLock中的几个概念：",
+    "url": "https://segmentfault.com/a/1190000040973351",
+    "author": "繁茂",
+    "home_url": "https://segmentfault.com/u/fanmao",
+    "votes": "1",
+    "rank": 20
+  },
+  {
+    "title": "Kafka -- 网络响应处理",
+    "description": "broker的响应，是通过监听OP_READ事件开始的。当有read事件的时候，就会通过SelectionKey找到对应的KafkaChannel。",
+    "url": "https://segmentfault.com/a/1190000040972703",
+    "author": "大军",
+    "home_url": "https://segmentfault.com/u/dajun2733",
+    "votes": "1",
+    "rank": 21
+  },
+  {
+    "title": "回调方法探索",
+    "description": "那你在看到这种图的时候是否会有这样的疑惑：为什么这个 res 对象不是 null, 是谁给你赋的值呢，这个命名是我掉的方法啊？我没有在这边给它传值啊？下面我们就来以前端 axios 组件为引，深入探讨一下回调方法。",
+    "url": "https://segmentfault.com/a/1190000040972591",
+    "author": "啊哈",
+    "home_url": "https://segmentfault.com/u/aha_6193074832a65",
+    "votes": "1",
+    "rank": 22
+  },
+  {
+    "title": "CQRS在一条订单系统中的实践(二)--DDD与CQRS结合",
+    "description": "聚合根的概念很抽象，但却是领域建模核心中的核心。这里不讨论领域划分或者聚合根如何建立，仅谈谈我对\"遵守不变性规则设计的聚合边界\"这句话的理解。首先我们得认识到领域建模本质上是一种知识建模的方案，在这...",
+    "url": "https://segmentfault.com/a/1190000040975687",
+    "author": "答案在风中",
+    "home_url": "https://segmentfault.com/u/daanzaifengzhong_594ce4e2e6fa6",
+    "votes": "1",
+    "rank": 23
+  },
+  {
+    "title": "极客星球 | 数据质量监控的设计与实现",
+    "description": "前言讲数据质量监控重要性和理论的文章，去网上可以搜到很多，这篇文章主要讲怎么设计和开发数据质量监控平台。第一部分：介绍数据质量监控平台（DQC）是支持多数据源的根据用户配置的质量监控规则及时发现问题，...",
+    "url": "https://segmentfault.com/a/1190000040975502",
+    "author": "MobTech袤博",
+    "home_url": "https://segmentfault.com/u/mobtech",
+    "votes": "1",
+    "rank": 24
+  },
+  {
+    "title": "一图看懂 Apache ShardingSphere 5.0.0",
+    "description": "",
+    "url": "https://segmentfault.com/a/1190000040973392",
+    "author": "SphereEx",
+    "home_url": "https://segmentfault.com/u/sphereex",
+    "votes": "1",
+    "rank": 25
+  },
+  {
+    "title": "HandlerThread 源码分析",
+    "description": "HandlerThread 相信大家都比较熟悉了，从名字上看是一个带有Handler消息循环机制的一个线程，比一般的线程多了消息循环的机制，可以说是Handler+Thread的结合，从源码上看也是如此的设计，一般情况下如果需要子线...",
+    "url": "https://segmentfault.com/a/1190000040972659",
+    "author": "先定一个小目标",
+    "home_url": "https://segmentfault.com/u/5gz5hi3e",
+    "votes": "1",
+    "rank": 26
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040906316",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "47",
+    "votes": "51",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040846926",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "37",
+    "votes": "40",
     "rank": 2
   },
   {
@@ -23,26 +23,44 @@
     "url": "https://segmentfault.com/a/1190000040896436",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "36",
+    "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": "29",
+    "rank": 4
+  },
   {
     "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": "32",
-    "rank": 4
+    "votes": "34",
+    "rank": 5
   },
   {
-    "title": "一些常用的 Git 进阶知识与技巧",
-    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
-    "url": "https://segmentfault.com/a/1190000040930212",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "26",
-    "rank": 5
+    "title": "前端架构师的 git 功力，你有几成火候？",
+    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
+    "url": "https://segmentfault.com/a/1190000040879546",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "33",
+    "rank": 6
+  },
+  {
+    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
+    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
+    "url": "https://segmentfault.com/a/1190000040948561",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "33",
+    "rank": 7
   },
   {
     "title": "前端如何防止用户修改水印？",
@@ -51,7 +69,16 @@
     "author": "劉凯里",
     "home_url": "https://segmentfault.com/u/kyrieliu",
     "votes": "24",
-    "rank": 6
+    "rank": 8
+  },
+  {
+    "title": "3D 穿梭效果？使用 CSS 轻松搞定",
+    "description": "背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...",
+    "url": "https://segmentfault.com/a/1190000040936266",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "33",
+    "rank": 9
   },
   {
     "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
@@ -59,35 +86,26 @@
     "url": "https://segmentfault.com/a/1190000040893750",
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
-    "votes": "29",
-    "rank": 7
-  },
-  {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "27",
-    "rank": 8
+    "votes": "30",
+    "rank": 10
   },
   {
-    "title": "前端架构师的 git 功力，你有几成火候？",
-    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
-    "url": "https://segmentfault.com/a/1190000040879546",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "26",
-    "rank": 9
+    "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
+    "description": "本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 <meter> 创建进度条通过 HTML 标签 <progress> 创建进度条HTML 实现进度条...",
+    "url": "https://segmentfault.com/a/1190000040908304",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "23",
+    "rank": 11
   },
   {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "22",
-    "rank": 10
+    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
+    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
+    "url": "https://segmentfault.com/a/1190000040914312",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "25",
+    "rank": 12
   },
   {
     "title": "前端如何实现token的无感刷新",
@@ -96,25 +114,16 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "26",
-    "rank": 11
-  },
-  {
-    "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
-    "description": "本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 <meter> 创建进度条通过 HTML 标签 <progress> 创建进度条HTML 实现进度条...",
-    "url": "https://segmentfault.com/a/1190000040908304",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
-    "rank": 12
+    "rank": 13
   },
   {
-    "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": "这几个高级前端常用的API，你用到了吗？",
+    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
+    "url": "https://segmentfault.com/a/1190000040942225",
+    "author": "lzg9527",
+    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
+    "votes": "24",
+    "rank": 14
   },
   {
     "title": "CSS 实现文本\"不定行数\"截断",
@@ -123,7 +132,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "22",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
@@ -131,8 +140,26 @@
     "url": "https://segmentfault.com/a/1190000040863000",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "23",
-    "rank": 15
+    "votes": "24",
+    "rank": 16
+  },
+  {
+    "title": "处理可能超时的异步操作",
+    "description": "自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...",
+    "url": "https://segmentfault.com/a/1190000040963849",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "17",
+    "rank": 17
+  },
+  {
+    "title": "前端Node.js面试题",
+    "description": "Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。我们可以理解为：Node.js 就是一个...",
+    "url": "https://segmentfault.com/a/1190000040937008",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "17",
+    "rank": 18
   },
   {
     "title": "把程序做成系统服务",
@@ -141,16 +168,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "13",
-    "rank": 16
-  },
-  {
-    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
-    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
-    "url": "https://segmentfault.com/a/1190000040914312",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "23",
-    "rank": 17
+    "rank": 19
   },
   {
     "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
@@ -159,16 +177,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "25",
-    "rank": 18
-  },
-  {
-    "title": "3D 穿梭效果？使用 CSS 轻松搞定",
-    "description": "背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...",
-    "url": "https://segmentfault.com/a/1190000040936266",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -176,8 +185,8 @@
     "url": "https://segmentfault.com/a/1190000040929396",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "21",
-    "rank": 20
+    "votes": "22",
+    "rank": 21
   },
   {
     "title": "关于 v-model 你需要知道的这一切！",
@@ -186,43 +195,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "20",
-    "rank": 21
-  },
-  {
-    "title": "聊聊开发日常的效率提升工具（全）",
-    "description": "前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具",
-    "url": "https://segmentfault.com/a/1190000040818832",
-    "author": "树酱",
-    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "17",
     "rank": 22
   },
-  {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040891379",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
-    "rank": 23
-  },
   {
     "title": "这些 JavaScript函数让你的工作更加 So Easy!",
     "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000040902611",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "23",
-    "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": "18",
-    "rank": 25
+    "votes": "25",
+    "rank": 23
   },
   {
     "title": "Go 日常开发常备第三方库和工具",
@@ -230,8 +212,17 @@
     "url": "https://segmentfault.com/a/1190000040896809",
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "13",
-    "rank": 26
+    "votes": "16",
+    "rank": 24
+  },
+  {
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040891379",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "20",
+    "rank": 25
   },
   {
     "title": "Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！",
@@ -240,7 +231,7 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "16",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
@@ -249,7 +240,7 @@
     "author": "sluke",
     "home_url": "https://segmentfault.com/u/sluke",
     "votes": "11",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "【一文秒懂】电商系统商品模块初建分析与设计",
@@ -258,6 +249,15 @@
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
     "votes": "14",
+    "rank": 28
+  },
+  {
+    "title": "纯 Git 实现前端 CI/CD",
+    "description": "最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...",
+    "url": "https://segmentfault.com/a/1190000040904889",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "16",
     "rank": 29
   },
   {