@wcj/github-rank 21.11.24 → 21.11.28

package/dist/sifou-daily.json

@@ -1,263 +1,11 @@
 [
   {
-    "title": "数字化时代，纯前端表格控件或将成为协同办公的解决方案",
-    "description": "毫无疑问，人类社会的发展进程已经步入到数字化时代，数字化变革成为了各行各业的关注焦点。据IDC发布的《未来企业效率白皮书》，到2022年，全球GDP的60%以上都将是数字化，每个行业的增长都将由数字化增强的产品...",
-    "url": "https://segmentfault.com/a/1190000041003686",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "2",
-    "rank": 1
-  },
-  {
-    "title": "2021 Google 开发者大会丨 共建全球技术生态",
-    "description": "今年 Google 开发者大会上移动应用全球化、Firebase、Google Cloud、Google Maps Platform 带来全球趋势洞见分享与众多技术更新，从各个维度为开发者提供综合支持与服务助力成长共建全球技术生态 —— Develop as O...",
-    "url": "https://segmentfault.com/a/1190000041001355",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
-    "rank": 2
-  },
-  {
-    "title": "2021 Google 开发者大会丨解锁奇遇，启发灵感创意",
-    "description": "2021 Google 开发者大会不仅技术干货满满，更为大家展现了技术加持之下，创意灵感迸发的无限可能。增强现实超酷体验、艺术零距离互动、智能家居让生活更轻松。一篇带你回顾 ARCore by Google、谷歌艺术与文化、Go...",
-    "url": "https://segmentfault.com/a/1190000041001473",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "git进阶（撤销pull、撤销merge、撤销add）",
-    "description": "1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...",
-    "url": "https://segmentfault.com/a/1190000041004054",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "6",
-    "rank": 4
-  },
-  {
-    "title": "如何让你的大文件上传变得又稳又快？",
-    "description": "相较于文本内容而言，多媒体在易用性和情感表达上更有优势，当然相对文本，体积也大了很多。比如一条文本消息只有不到 100 字节，但一条视频消息可能超过 100 MB。这就导致多媒体在网络传输、实时触达等方面相对...",
-    "url": "https://segmentfault.com/a/1190000041002019",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "7",
-    "rank": 5
-  },
-  {
-    "title": "后端一次给你10万条数据，如何优雅展示，到底考察我什么?",
-    "description": "大家好，我是林三心，用最通俗的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天跟大家来唠唠嗑，如果后端真的返回给前端10万条数据，咱们前端要怎么优雅地展示出来呢？（哈哈假设后端真的能传1...",
-    "url": "https://segmentfault.com/a/1190000041003321",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "4",
-    "rank": 6
-  },
-  {
-    "title": "以 Vuex 为引，一窥状态管理全貌",
-    "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而我看过许多 Vue 项目，正因为其用法灵活，很多开发者在 Vuex 的设计和使用上反而有些混乱。",
-    "url": "https://segmentfault.com/a/1190000041005444",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "3",
-    "rank": 7
-  },
-  {
-    "title": "LeetCode-120-三角形最小路径和",
-    "description": "题目描述：给定一个三角形 triangle ，找出自顶向下的最小路径和。每一步只能移动到下一行中相邻的结点上。相邻的结点 在这里指的是 下标 与 上一层结点下标 相同或者等于 上一层结点下标 + 1 的两个结点。也就是...",
-    "url": "https://segmentfault.com/a/1190000041001513",
+    "title": "LeetCode-130-被围绕的区域",
+    "description": "题目描述：给你一个 m x n 的矩阵 board ，由若干字符 'X' 和 'O' ，找到所有被 'X' 围绕的区域，并将这些区域里所有的 'O' 用 'X' 填充。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权...",
+    "url": "https://segmentfault.com/a/1190000041026034",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
-    "rank": 8
-  },
-  {
-    "title": "远程工作的这几年",
-    "description": "这几年一直在做远程开发工作，一个原因是陪读，老婆留学的地方一半说法语一半说荷兰语，基本不说英语，所以英语都半吊子的我不好找工作，只能去陪读；另一方面也是想尝试一下这种新鲜的工作方式，毕竟新奇的事物...",
-    "url": "https://segmentfault.com/a/1190000041006322",
-    "author": "程序员铮铮",
-    "home_url": "https://segmentfault.com/u/tychio",
-    "votes": "2",
-    "rank": 9
-  },
-  {
-    "title": "深度剖析Saga分布式事务",
-    "description": "saga是分布式事务领域里一个非常重要的事务模式，特别适合解决出行订票这类的长事务，本文将深度剖析saga事务的设计原理，以及在解决订票问题上的最佳实践",
-    "url": "https://segmentfault.com/a/1190000041001954",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "4",
-    "rank": 10
-  },
-  {
-    "title": "知乎利用 JuiceFS 给 Flink 容器启动加速实践",
-    "description": "Flink 因为其可靠性和易用性，已经成为当前最流行的流处理框架之一，在流计算领域占据了主导地位。早在 18 年知乎就引入了 Flink，发展到现在，Flink 已经成为知乎内部最重要的组件之一，积累了 4000 多个 Flink ...",
-    "url": "https://segmentfault.com/a/1190000041001759",
-    "author": "JuiceFS",
-    "home_url": "https://segmentfault.com/u/juicefs",
-    "votes": "3",
-    "rank": 11
-  },
-  {
-    "title": "高性能javascript开源在线excel：x-sheet初体验",
-    "description": "随着互联网技术特别是网页应用的发展，我们对在线文档、轻应用的需求越来越高，很多小伙伴都已经习惯云办公，在线协同办公了，常用的就是腾讯文档、金山文档、石墨文档、飞书等，国外主要就是Google Sheet，最近...",
-    "url": "https://segmentfault.com/a/1190000041006221",
-    "author": "Dushusir",
-    "home_url": "https://segmentfault.com/u/dushusir",
-    "votes": "2",
-    "rank": 12
-  },
-  {
-    "title": "@lombok注解背后的原理是什么，让我们走近自定义Java注解处理器",
-    "description": "本文介绍了如何自定义Java注解处理器及涉及到的相关知识，看完本文可以很轻松看懂并理解各大开源框架的注解处理器的应用。《游园不值》应怜屐齿印苍苔 ，小扣柴扉久不开 。春色满园关不住 ，一枝红杏出墙来 。-宋...",
-    "url": "https://segmentfault.com/a/1190000041004503",
-    "author": "黄小斜学Java",
-    "home_url": "https://segmentfault.com/u/h2pl",
-    "votes": "2",
-    "rank": 13
-  },
-  {
-    "title": "面试官：系统需求多变时如何设计？",
-    "description": "面试官：实际的例子：现在有多个第三方渠道，系统需要对各种渠道进行订单归因。但是归因的逻辑很有可能会发生变化，不同的渠道归因的逻辑也不太一样，此时系统里的逻辑相对比较复杂。",
-    "url": "https://segmentfault.com/a/1190000041000917",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
-    "votes": "2",
-    "rank": 14
-  },
-  {
-    "title": "TypeScript 之 Keyof Type Operator",
-    "description": "对一个对象类型使用 keyof 操作符，会返回该对象属性名组成的一个字符串或者数字字面量的联合。这个例子中的类型 P 就等同于 \"x\" | \"y\"：",
-    "url": "https://segmentfault.com/a/1190000041006452",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "Vue CLI 2.x本地开启https运行并代理后端https接口",
-    "description": "1.本地生成证书 {代码...} （在第四步生成的私钥生成证书时，其中的Common Name配置输入后端接口的host）2.修改本地启动项目的配置文件app.js 或者 ./build/dev-server.js，这里截取部分改动代码 {代码...} 3.重...",
-    "url": "https://segmentfault.com/a/1190000041005989",
-    "author": "Layla",
-    "home_url": "https://segmentfault.com/u/layla_5a780d9b1579e",
-    "votes": "3",
-    "rank": 16
-  },
-  {
-    "title": "前端必备！5大mock省时提效小tips，用了提前下班一小时",
-    "description": "一般这种情况下，商务那边谈合同，走流程，等第三方审核，我们这边会直接开始开发，而这个时候还没有外部接口可以使用；或者是合同都谈妥了，但是第三方对接的工作人员排期还没有排到。总之是需要等。",
-    "url": "https://segmentfault.com/a/1190000041005583",
-    "author": "长霁",
-    "home_url": "https://segmentfault.com/u/chang_619c9ed23f3e9",
-    "votes": "3",
-    "rank": 17
-  },
-  {
-    "title": "Apifox接口测试教程（一）接口测试的原理与工具",
-    "description": "笔者在网络上看过不少接口测试教程，一上来就开始讲怎么操作工具，而不告诉读者为什么要这么操作。读者可能照猫画虎成功了，也可能操作失败了但不知为何出错。",
-    "url": "https://segmentfault.com/a/1190000041005164",
-    "author": "长霁",
-    "home_url": "https://segmentfault.com/u/chang_619c9ed23f3e9",
-    "votes": "3",
-    "rank": 18
-  },
-  {
-    "title": "使用 KubeSphere 应用商店 5 分钟内快速部署 JuiceFS",
-    "description": "JuiceFS 是为海量数据设计的分布式文件系统，使用对象存储来做数据持久化，避免重复造轮子，还能大大降低工程复杂度，让用户专注解决元数据和访问协议部分的难题。",
-    "url": "https://segmentfault.com/a/1190000041004348",
-    "author": "KubeSphere",
-    "home_url": "https://segmentfault.com/u/kubesphere",
-    "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "前端面试js",
-    "description": "1.js特点 {代码...} 2.数据类型： {代码...} 3.数据类型： {代码...} 4.使用typeof查看js变量得数据类型 {代码...} array和date无法通过typeof来判断他们的类型，因为返回的都是object5.使用instanceof判断对象的...",
-    "url": "https://segmentfault.com/a/1190000041004143",
-    "author": "看兔",
-    "home_url": "https://segmentfault.com/u/kantu_612deac64a0fe",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "恒源云_长尾分布的多标签文本分类平衡方法(论文学习笔记)",
-    "description": "文章来源 | 恒源云社区（专注人工智能/深度学习云GPU服务器训练平台，官方体验网址：[链接]）原文地址 | [链接]原文作者 | Mathor长尾分布各位肯定并不陌生，指的是少数几个类别却有大量样本，而大部分类别都只有...",
-    "url": "https://segmentfault.com/a/1190000041003963",
-    "author": "恒源云",
-    "home_url": "https://segmentfault.com/u/gpushare",
-    "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "dubbo QOS运维命令",
-    "description": "本篇主要介绍一下 Dubbo 运维命令的使用以及实现原理。平时我们的服务已经上线了之后出现问题怎么下线？如何知道我们上线的服务有哪些？通过 Dubbo QOS可以一一实现。",
-    "url": "https://segmentfault.com/a/1190000041003358",
-    "author": "爱炒股的程序猿",
-    "home_url": "https://segmentfault.com/u/wanghuidon",
-    "votes": "1",
-    "rank": 22
-  },
-  {
-    "title": "深度揭秘Netty中的FastThreadLocal为什么比ThreadLocal效率更高？",
-    "description": "阅读这篇文章之前，建议先阅读和这篇文章关联的内容。1. 详细剖析分布式微服务架构下网络通信的底层实现原理（图解）2. (年薪60W的技巧)工作了5年，你真的理解Netty以及为什么要用吗？（深度干货）3. 深度解析Net...",
-    "url": "https://segmentfault.com/a/1190000041002596",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "2",
-    "rank": 23
-  },
-  {
-    "title": "前端开发之React框架入门学习",
-    "description": "安装Reactnpm i -S react react-domreact：react 是React库的入口点react-dom：提供了针对DOM的方法，比如：把创建的虚拟DOM，渲染到页面上什么是ReactReact框架的开发中心思想就是封装组件，以组件为核心而不是M...",
-    "url": "https://segmentfault.com/a/1190000041001691",
-    "author": "IT小尚",
-    "home_url": "https://segmentfault.com/u/huidadewanzi",
-    "votes": "1",
-    "rank": 24
-  },
-  {
-    "title": "rm命令弱爆了！",
-    "description": "创建、删除和修改文件是用户在 Linux 系统中执行的非常常见操作。大家都知道，在 Linux 系统里使用 rm 命令删除单个文件时，几乎一瞬间就完成了。但是如果文件数量很大，那么删除操作就需要很长时间才能完成。",
-    "url": "https://segmentfault.com/a/1190000041006696",
-    "author": "良许",
-    "home_url": "https://segmentfault.com/u/liangxu_5d63396040bb5",
-    "votes": "2",
-    "rank": 25
-  },
-  {
-    "title": "NGINX 入门到企业级应用实践-基础篇",
-    "description": "这是一系列免费的知识，有图文版和视频版，你现在看到的是图文版。NGINX 系列课分为三篇，基础篇、进阶篇和企业实践篇，你现在正在阅读的是基础篇。视频版发布在我自己的社区，喜欢看视频的朋友可前往社区，微信...",
-    "url": "https://segmentfault.com/a/1190000041003208",
-    "author": "今日长剑在握",
-    "home_url": "https://segmentfault.com/u/sfhfpc",
-    "votes": "1",
-    "rank": 26
-  },
-  {
-    "title": "微服务治理之如何优雅应对突发流量洪峰",
-    "description": "最常见的保护机制莫过于限流机制，使用限流器的前提是必须知道自身的能够处理的最大并发数，一般在上线前通过压测来得到最大并发数，而且日常请求过程中每个接口的限流参数都不一样，同时系统一直在不断的迭代其...",
-    "url": "https://segmentfault.com/a/1190000041001728",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "1",
-    "rank": 27
-  },
-  {
-    "title": "Chrome 插件特性及实战场景案例分析",
-    "description": "提起Chrome扩展插件(Chrome Extension)，每个人的浏览器中或多或少都安装了几个插件，像一键翻译、广告屏蔽、录屏等等，通过使用这些插件，可以有效的提高我们的工作效率；但有时候，我们想要的某个功能市面上没...",
-    "url": "https://segmentfault.com/a/1190000041001449",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "1",
-    "rank": 28
-  },
-  {
-    "title": "淘宝 NPM 镜像站换新域名",
-    "description": "淘宝 NPM 镜像站（[链接]）自 2014 年 正式对外服务，一开始只是想简单地做 NPM 的中国镜像站点，回馈国内前端社区，不知不觉竟然一直运行到现在。当年参考 Ruby Gems 淘宝镜像 的方式，跟阿里开源组织申请了 tao...",
-    "url": "https://segmentfault.com/a/1190000041001163",
-    "author": "fangjunai",
-    "home_url": "https://segmentfault.com/u/fangjunai",
-    "votes": "1",
-    "rank": 29
+    "rank": 1
   }
 ]

package/dist/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": "57",
+    "votes": "60",
     "rank": 1
   },
   {
@@ -14,17 +14,26 @@
     "url": "https://segmentfault.com/a/1190000040942225",
     "author": "lzg9527",
     "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "42",
+    "votes": "50",
     "rank": 2
   },
+  {
+    "title": "CSS mask 实现鼠标跟随镂空效果",
+    "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
+    "url": "https://segmentfault.com/a/1190000040996523",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "30",
+    "rank": 3
+  },
   {
     "title": "肝完《浏览器基本原理与实践》，我总结了这些",
     "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
     "url": "https://segmentfault.com/a/1190000040896436",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "40",
-    "rank": 3
+    "votes": "41",
+    "rank": 4
   },
   {
     "title": "前端架构师神技，三招统一代码风格（一文讲透）",
@@ -32,16 +41,7 @@
     "url": "https://segmentfault.com/a/1190000040948561",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "39",
-    "rank": 4
-  },
-  {
-    "title": "前端架构师的 git 功力，你有几成火候？",
-    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
-    "url": "https://segmentfault.com/a/1190000040879546",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "37",
+    "votes": "41",
     "rank": 5
   },
   {
@@ -53,23 +53,14 @@
     "votes": "33",
     "rank": 6
   },
-  {
-    "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": "37",
-    "rank": 7
-  },
   {
     "title": "3D 穿梭效果？使用 CSS 轻松搞定",
     "description": "背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...",
     "url": "https://segmentfault.com/a/1190000040936266",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "36",
-    "rank": 8
+    "votes": "38",
+    "rank": 7
   },
   {
     "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
@@ -78,7 +69,7 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "31",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
@@ -87,6 +78,15 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
+    "rank": 9
+  },
+  {
+    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
+    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040875123",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "32",
     "rank": 10
   },
   {
@@ -95,25 +95,25 @@
     "url": "https://segmentfault.com/a/1190000040914312",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "26",
+    "votes": "27",
     "rank": 11
   },
-  {
-    "title": "CSS mask 实现鼠标跟随镂空效果",
-    "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
-    "url": "https://segmentfault.com/a/1190000040996523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
-    "rank": 12
-  },
   {
     "title": "23 个非常有用的 NodeJs 库",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000040929396",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "24",
+    "votes": "25",
+    "rank": 12
+  },
+  {
+    "title": "Go 日常开发常备第三方库和工具",
+    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
+    "url": "https://segmentfault.com/a/1190000040896809",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "22",
     "rank": 13
   },
   {
@@ -125,24 +125,6 @@
     "votes": "18",
     "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": "21",
-    "rank": 15
-  },
-  {
-    "title": "CSS 实现文本\"不定行数\"截断",
-    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
-    "url": "https://segmentfault.com/a/1190000040859105",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
-    "rank": 16
-  },
   {
     "title": "前端Node.js面试题",
     "description": "Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。我们可以理解为：Node.js 就是一个...",
@@ -150,25 +132,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "19",
-    "rank": 17
-  },
-  {
-    "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": 18
-  },
-  {
-    "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": "24",
-    "rank": 19
+    "rank": 15
   },
   {
     "title": "把程序做成系统服务",
@@ -177,7 +141,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "14",
-    "rank": 20
+    "rank": 16
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -185,8 +149,8 @@
     "url": "https://segmentfault.com/a/1190000040978572",
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "17",
-    "rank": 21
+    "votes": "20",
+    "rank": 17
   },
   {
     "title": "面试题整理之Vue篇",
@@ -194,8 +158,8 @@
     "url": "https://segmentfault.com/a/1190000040971075",
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
-    "votes": "23",
-    "rank": 22
+    "votes": "24",
+    "rank": 18
   },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
@@ -204,7 +168,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "22",
-    "rank": 23
+    "rank": 19
   },
   {
     "title": "这些 JavaScript函数让你的工作更加 So Easy!",
@@ -213,16 +177,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "25",
-    "rank": 24
+    "rank": 20
   },
   {
-    "title": "关于 v-model 你需要知道的这一切！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040863402",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
-    "rank": 25
+    "title": "以 Vuex 为引，一窥状态管理全貌",
+    "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。",
+    "url": "https://segmentfault.com/a/1190000041005444",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "19",
+    "rank": 21
   },
   {
     "title": "纯 Git 实现前端 CI/CD",
@@ -231,7 +195,25 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 26
+    "rank": 22
+  },
+  {
+    "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": 23
+  },
+  {
+    "title": "git进阶（撤销pull、撤销merge、撤销add）",
+    "description": "1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...",
+    "url": "https://segmentfault.com/a/1190000041004054",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "12",
+    "rank": 24
   },
   {
     "title": "PC端高倍屏适配方案实践",
@@ -240,25 +222,34 @@
     "author": "野林",
     "home_url": "https://segmentfault.com/u/vleedesigntheory",
     "votes": "17",
-    "rank": 27
+    "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": 28
+    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041000841",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 26
   },
   {
-    "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": "16",
-    "rank": 29
+    "title": "一篇搞懂容器技术的基石： cgroup",
+    "description": "大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...",
+    "url": "https://segmentfault.com/a/1190000040980305",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "11",
+    "rank": 27
+  },
+  {
+    "title": "使用这11个代码，可以大大地简化我们的代码。",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040759530",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
+    "rank": 28
   },
   {
     "title": "CSS几个有趣的属性分享",
@@ -267,6 +258,15 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "11",
+    "rank": 29
+  },
+  {
+    "title": "可以中断的异步操作",
+    "description": "前面我们聊到了可能超时的异步操作，其中提到对 fetch() 异步操作的“中断”处理。这次我们就来聊一聊“中断”异步操作。由于 JavaScript 的单线程特性，能在 JavaScript 中进行的异步场景其实不多，大概有如下一些：...",
+    "url": "https://segmentfault.com/a/1190000040972018",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "10",
     "rank": 30
   }
 ]