@wcj/github-rank 21.11.23 → 21.11.27

package/web/data/sifou-daily.json

@@ -1,119 +1,65 @@
 [
   {
-    "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": "「万字总结」熬夜总结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": "精读《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-117-填充每个节点的下一个右侧节点指针 II",
-    "description": "题目描述：给定一个二叉树： {代码...} 填充它的每个 next 指针，让这个指针指向其下一个右侧节点。如果找不到下一个右侧节点，则将 next 指针设置为 NULL。初始状态下，所有 next 指针都被设置为 NULL。示例说明...",
-    "url": "https://segmentfault.com/a/1190000040996100",
+    "title": "LeetCode-129-求根节点到叶节点数字之和",
+    "description": "题目描述：给你一个二叉树的根节点 root ，树中每个节点都存放有一个 0 到 9 之间的数字。每条从根节点到叶节点的路径都代表一个数字：例如，从根节点到叶节点的路径 1 -> 2 -> 3 表示数字 123 。计算从根...",
+    "url": "https://segmentfault.com/a/1190000041020499",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
-    "rank": 4
-  },
-  {
-    "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
+    "rank": 1
   },
   {
-    "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": "为了生成唯一id，React18专门引入了新Hook：useId",
+    "description": "大家好，我卡颂。看看如下组件有什么问题： {代码...} 如果应用是CSR（客户端渲染），id是稳定的，App组件没有问题。但如果应用是SSR（服务端渲染），那么App.tsx会经历：React在服务端渲染，生成随机id（假设为0...",
+    "url": "https://segmentfault.com/a/1190000041020566",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "2",
-    "rank": 6
-  },
-  {
-    "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": "手把手教你汇编 Debug",
-    "description": "关于汇编的第一篇文章：爱了爱了，这篇寄存器讲的有点意思Hello大家好，我是程序员cxuan！我们上篇文章了解了一下基本的寄存器，这篇文章我们来进行实际操作一下。原文链接：手把手教你汇编 Debug我们以后将会用...",
-    "url": "https://segmentfault.com/a/1190000040996464",
-    "author": "程序员cxuan",
-    "home_url": "https://segmentfault.com/u/cxuan",
-    "votes": "1",
-    "rank": 8
+    "rank": 2
   },
   {
-    "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": "你说你会Promise？那你解决一下项目中的这五个难题？",
+    "description": "大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，众所周知哈， Promise 在咱们的开发中是相当的重要，我觉得对于 Promise 的使用等级，可以分为三个等级",
+    "url": "https://segmentfault.com/a/1190000041025373",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "1",
-    "rank": 9
+    "rank": 3
   },
   {
-    "title": "【Less】给 CSS 加点料",
-    "description": "【Less】给 CSS 加点料博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！说明相比Sass的高调宣言，Less就比较低调了，看下面官网的介绍官...",
-    "url": "https://segmentfault.com/a/1190000041000508",
-    "author": "归子莫",
-    "home_url": "https://segmentfault.com/u/guizimo",
+    "title": "TypeScript 官方手册翻译计划【六】：类型操控-泛型",
+    "description": "说明：目前网上没有 TypeScript 最新官方文档的中文翻译，所以有了这么一个翻译计划。因为我也是 TypeScript 的初学者，所以无法保证翻译百分之百准确，若有错误，欢迎评论区指出；翻译内容：暂定翻译内容为 Type...",
+    "url": "https://segmentfault.com/a/1190000041025313",
+    "author": "Chor",
+    "home_url": "https://segmentfault.com/u/chor",
     "votes": "1",
-    "rank": 10
+    "rank": 4
   },
   {
-    "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": "解决prettier和eslint冲突详细配置",
+    "description": "这是我的vscode设置，主要是设置vetｕr里对vue文件各部分的校验工具。解决问题的话就给我点个赞吧！需要安装prettier-eslint这个插件",
+    "url": "https://segmentfault.com/a/1190000041023812",
+    "author": "悠悠江水流",
+    "home_url": "https://segmentfault.com/u/isgavin",
     "votes": "1",
-    "rank": 11
+    "rank": 5
   },
   {
-    "title": "React 父组件如何主动“联系”子组件",
-    "description": "在典型的 React 数据流中，props是父子组件交互的唯一方式。要修改一个子组件，需要使用新的 props 重新渲染它。但是，在某些情况下，需要在典型数据流之外主动查看或强制修改子组件，这时候就需要使用 Refs，将 ...",
-    "url": "https://segmentfault.com/a/1190000040997722",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "title": "又一款性能监控利器——火焰图",
+    "description": "工具的进化一直是人类生产力进步的标志，合理使用工具能大大提高我们的工作效率，遇到问题时，合理使用工具更能加快问题排查的进度。这也是我为什么非常喜欢 shell 的原因，它丰富的命令行工具集加管道特性处理起...",
+    "url": "https://segmentfault.com/a/1190000041020301",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "1",
-    "rank": 12
+    "rank": 6
   },
   {
-    "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": "面试官问我JVM调优，我忍不住了，哈哈哈哈",
+    "description": "面试官：今天要不来聊聊JVM调优相关的吧？面试官：你曾经在生产环境下有过调优JVM的经历吗？候选者：没有面试官：…候选者：嗯…是这样的，我们一般优化系统的思路是这样的候选者：1. 一般来说关系型数据库是先到瓶...",
+    "url": "https://segmentfault.com/a/1190000041019991",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
     "votes": "1",
-    "rank": 13
+    "rank": 7
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,17 +5,35 @@
     "url": "https://segmentfault.com/a/1190000040906316",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "57",
+    "votes": "58",
     "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": "49",
+    "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": 2
+    "votes": "41",
+    "rank": 4
   },
   {
     "title": "前端架构师神技，三招统一代码风格（一文讲透）",
@@ -23,17 +41,8 @@
     "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",
-    "rank": 4
+    "votes": "41",
+    "rank": 5
   },
   {
     "title": "前端架构师的 git 功力，你有几成火候？",
@@ -41,16 +50,7 @@
     "url": "https://segmentfault.com/a/1190000040879546",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "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",
+    "votes": "38",
     "rank": 6
   },
   {
@@ -59,17 +59,26 @@
     "url": "https://segmentfault.com/a/1190000040930212",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "31",
+    "votes": "33",
     "rank": 7
   },
+  {
+    "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": 8
+  },
   {
     "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": 9
   },
   {
     "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
@@ -78,7 +87,7 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "31",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
@@ -87,7 +96,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
-    "rank": 10
+    "rank": 11
+  },
+  {
+    "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": 12
   },
   {
     "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
@@ -95,8 +113,8 @@
     "url": "https://segmentfault.com/a/1190000040914312",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "26",
-    "rank": 11
+    "votes": "27",
+    "rank": 13
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -104,25 +122,7 @@
     "url": "https://segmentfault.com/a/1190000040929396",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "24",
-    "rank": 12
-  },
-  {
-    "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": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
-    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040875123",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "28",
+    "votes": "25",
     "rank": 14
   },
   {
@@ -131,35 +131,26 @@
     "url": "https://segmentfault.com/a/1190000040896809",
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "20",
+    "votes": "22",
     "rank": 15
   },
   {
-    "title": "CSS 实现文本\"不定行数\"截断",
-    "description": "偶然发现，在某乎热榜页有一个很有意思的布局，这里的标题会制约内容的行数，所以文本超出是\"不定行\"的。详细规则如下：整个容器高度是固定的，标题和内容总共 3 行标题最多2行，超出省略内容由剩余空间决定，如...",
-    "url": "https://segmentfault.com/a/1190000040859105",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "22",
+    "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": 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",
-    "rank": 18
+    "votes": "19",
+    "rank": 17
   },
   {
     "title": "把程序做成系统服务",
@@ -168,7 +159,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "14",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -176,7 +167,16 @@
     "url": "https://segmentfault.com/a/1190000040978572",
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "17",
+    "votes": "20",
+    "rank": 19
+  },
+  {
+    "title": "面试题整理之Vue篇",
+    "description": "又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。",
+    "url": "https://segmentfault.com/a/1190000040971075",
+    "author": "Aaron",
+    "home_url": "https://segmentfault.com/u/aaronblog",
+    "votes": "24",
     "rank": 20
   },
   {
@@ -197,32 +197,23 @@
     "votes": "25",
     "rank": 22
   },
-  {
-    "title": "关于 v-model 你需要知道的这一切！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040863402",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
-    "rank": 23
-  },
-  {
-    "title": "PC端高倍屏适配方案实践",
-    "description": "随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些...",
-    "url": "https://segmentfault.com/a/1190000040885865",
-    "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
+    "votes": "19",
+    "rank": 23
+  },
+  {
+    "title": "以 Vuex 为引，一窥状态管理全貌",
+    "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。",
+    "url": "https://segmentfault.com/a/1190000041005444",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "19",
+    "rank": 24
   },
   {
     "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
@@ -231,42 +222,51 @@
     "author": "sluke",
     "home_url": "https://segmentfault.com/u/sluke",
     "votes": "12",
+    "rank": 25
+  },
+  {
+    "title": "PC端高倍屏适配方案实践",
+    "description": "随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些...",
+    "url": "https://segmentfault.com/a/1190000040885865",
+    "author": "野林",
+    "home_url": "https://segmentfault.com/u/vleedesigntheory",
+    "votes": "17",
     "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",
+    "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": 27
   },
   {
-    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
-    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
-    "url": "https://segmentfault.com/a/1190000040855949",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "14",
+    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041000841",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "15",
     "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",
+    "votes": "11",
+    "rank": 29
+  },
+  {
+    "title": "使用这11个代码，可以大大地简化我们的代码。",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040759530",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
     "rank": 30
   }
 ]