@wcj/github-rank 21.11.23 → 21.11.24

package/dist/sifou-daily.json

@@ -1,119 +1,263 @@
 [
   {
-    "title": "CSS mask 实现鼠标跟随镂空效果",
-    "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
-    "url": "https://segmentfault.com/a/1190000040996523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "8",
+    "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": "「万字总结」熬夜总结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",
+    "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": "精读《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",
+    "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": "LeetCode-117-填充每个节点的下一个右侧节点指针 II",
-    "description": "题目描述：给定一个二叉树： {代码...} 填充它的每个 next 指针，让这个指针指向其下一个右侧节点。如果找不到下一个右侧节点，则将 next 指针设置为 NULL。初始状态下，所有 next 指针都被设置为 NULL。示例说明...",
-    "url": "https://segmentfault.com/a/1190000040996100",
+    "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",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
-    "rank": 4
+    "rank": 8
+  },
+  {
+    "title": "远程工作的这几年",
+    "description": "这几年一直在做远程开发工作，一个原因是陪读，老婆留学的地方一半说法语一半说荷兰语，基本不说英语，所以英语都半吊子的我不好找工作，只能去陪读；另一方面也是想尝试一下这种新鲜的工作方式，毕竟新奇的事物...",
+    "url": "https://segmentfault.com/a/1190000041006322",
+    "author": "程序员铮铮",
+    "home_url": "https://segmentfault.com/u/tychio",
+    "votes": "2",
+    "rank": 9
   },
   {
-    "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",
+    "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": 5
+    "rank": 11
   },
   {
-    "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",
+    "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": 6
+    "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 之 Generics",
-    "description": "软件工程的一个重要部分就是构建组件，组件不仅需要有定义良好和一致的 API，也需要是可复用的（reusable）。好的组件不仅能够兼容今天的数据类型，也能适用于未来可能出现的数据类型，这在构建大型软件系统时会...",
-    "url": "https://segmentfault.com/a/1190000040999251",
+    "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": 7
+    "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": "手把手教你汇编 Debug",
-    "description": "关于汇编的第一篇文章：爱了爱了，这篇寄存器讲的有点意思Hello大家好，我是程序员cxuan！我们上篇文章了解了一下基本的寄存器，这篇文章我们来进行实际操作一下。原文链接：手把手教你汇编 Debug我们以后将会用...",
-    "url": "https://segmentfault.com/a/1190000040996464",
-    "author": "程序员cxuan",
-    "home_url": "https://segmentfault.com/u/cxuan",
+    "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": 8
+    "rank": 19
   },
   {
-    "title": "美团主办ICCV2021研讨会及挑战赛，专家齐聚食品分析，论文比赛斩获佳绩",
-    "description": "近日，两年一度的计算机视觉领域顶级学术会议 ICCV (InternationalConference on Computer Vision) 圆满闭幕。本次大会中，美团入选2篇接收论文，一篇论文获HTCV研讨会最佳论文提名奖，拿下两项知名挑战赛亚军，...",
-    "url": "https://segmentfault.com/a/1190000040998855",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "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": 9
+    "rank": 20
   },
   {
-    "title": "【Less】给 CSS 加点料",
-    "description": "【Less】给 CSS 加点料博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！说明相比Sass的高调宣言，Less就比较低调了，看下面官网的介绍官...",
-    "url": "https://segmentfault.com/a/1190000041000508",
-    "author": "归子莫",
-    "home_url": "https://segmentfault.com/u/guizimo",
+    "title": "恒源云_长尾分布的多标签文本分类平衡方法(论文学习笔记)",
+    "description": "文章来源 | 恒源云社区（专注人工智能/深度学习云GPU服务器训练平台，官方体验网址：[链接]）原文地址 | [链接]原文作者 | Mathor长尾分布各位肯定并不陌生，指的是少数几个类别却有大量样本，而大部分类别都只有...",
+    "url": "https://segmentfault.com/a/1190000041003963",
+    "author": "恒源云",
+    "home_url": "https://segmentfault.com/u/gpushare",
     "votes": "1",
-    "rank": 10
+    "rank": 21
   },
   {
-    "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",
+    "title": "dubbo QOS运维命令",
+    "description": "本篇主要介绍一下 Dubbo 运维命令的使用以及实现原理。平时我们的服务已经上线了之后出现问题怎么下线？如何知道我们上线的服务有哪些？通过 Dubbo QOS可以一一实现。",
+    "url": "https://segmentfault.com/a/1190000041003358",
+    "author": "爱炒股的程序猿",
+    "home_url": "https://segmentfault.com/u/wanghuidon",
     "votes": "1",
-    "rank": 11
+    "rank": 22
   },
   {
-    "title": "React 父组件如何主动“联系”子组件",
-    "description": "在典型的 React 数据流中，props是父子组件交互的唯一方式。要修改一个子组件，需要使用新的 props 重新渲染它。但是，在某些情况下，需要在典型数据流之外主动查看或强制修改子组件，这时候就需要使用 Refs，将 ...",
-    "url": "https://segmentfault.com/a/1190000040997722",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "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": 12
+    "rank": 24
   },
   {
-    "title": "欢迎 Apache ShardingSphere 社区海外新晋 Committer！",
-    "description": "随着 Apache ShardingSphere 社区在海外的影响力逐渐扩大，越来越多的海外用户开始注意并参与到 Apache ShardingSphere 及相关生态的建设中来。",
-    "url": "https://segmentfault.com/a/1190000040997497",
-    "author": "SphereEx",
-    "home_url": "https://segmentfault.com/u/sphereex",
+    "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": 13
+    "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
   }
 ]

package/dist/sifou-monthly.json

@@ -8,6 +8,15 @@
     "votes": "57",
     "rank": 1
   },
+  {
+    "title": "这几个高级前端常用的API，你用到了吗？",
+    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
+    "url": "https://segmentfault.com/a/1190000040942225",
+    "author": "lzg9527",
+    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
+    "votes": "42",
+    "rank": 2
+  },
   {
     "title": "肝完《浏览器基本原理与实践》，我总结了这些",
     "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
@@ -15,7 +24,7 @@
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
     "votes": "40",
-    "rank": 2
+    "rank": 3
   },
   {
     "title": "前端架构师神技，三招统一代码风格（一文讲透）",
@@ -23,16 +32,7 @@
     "url": "https://segmentfault.com/a/1190000040948561",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "38",
-    "rank": 3
-  },
-  {
-    "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",
+    "votes": "39",
     "rank": 4
   },
   {
@@ -44,22 +44,22 @@
     "votes": "37",
     "rank": 5
   },
-  {
-    "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": "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",
+    "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
   },
   {
@@ -98,6 +98,15 @@
     "votes": "26",
     "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 [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -105,7 +114,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "24",
-    "rank": 12
+    "rank": 13
   },
   {
     "title": "处理可能超时的异步操作",
@@ -114,15 +123,6 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "18",
-    "rank": 13
-  },
-  {
-    "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
   },
   {
@@ -131,7 +131,7 @@
     "url": "https://segmentfault.com/a/1190000040896809",
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "20",
+    "votes": "21",
     "rank": 15
   },
   {
@@ -140,27 +140,36 @@
     "url": "https://segmentfault.com/a/1190000040859105",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "22",
+    "votes": "23",
     "rank": 16
   },
-  {
-    "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": 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": "18",
+    "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
+  },
   {
     "title": "把程序做成系统服务",
     "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
@@ -168,7 +177,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "14",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -177,7 +186,16 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "17",
-    "rank": 20
+    "rank": 21
+  },
+  {
+    "title": "面试题整理之Vue篇",
+    "description": "又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。",
+    "url": "https://segmentfault.com/a/1190000040971075",
+    "author": "Aaron",
+    "home_url": "https://segmentfault.com/u/aaronblog",
+    "votes": "23",
+    "rank": 22
   },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
@@ -186,7 +204,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "22",
-    "rank": 21
+    "rank": 23
   },
   {
     "title": "这些 JavaScript函数让你的工作更加 So Easy!",
@@ -195,7 +213,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "25",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "关于 v-model 你需要知道的这一切！",
@@ -204,7 +222,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "20",
-    "rank": 23
+    "rank": 25
+  },
+  {
+    "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": "19",
+    "rank": 26
   },
   {
     "title": "PC端高倍屏适配方案实践",
@@ -213,16 +240,7 @@
     "author": "野林",
     "home_url": "https://segmentfault.com/u/vleedesigntheory",
     "votes": "17",
-    "rank": 24
-  },
-  {
-    "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": "18",
-    "rank": 25
+    "rank": 27
   },
   {
     "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
@@ -231,7 +249,7 @@
     "author": "sluke",
     "home_url": "https://segmentfault.com/u/sluke",
     "votes": "12",
-    "rank": 26
+    "rank": 28
   },
   {
     "title": "Vue 团队公开快如闪电的全新脚手架工具 create-vue，未来将替代 Vue-CLI，才300余行代码，学它！",
@@ -240,16 +258,7 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "16",
-    "rank": 27
-  },
-  {
-    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
-    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
-    "url": "https://segmentfault.com/a/1190000040855949",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "14",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "CSS几个有趣的属性分享",
@@ -258,15 +267,6 @@
     "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
   }
 ]