@wcj/github-rank 21.11.16 → 21.11.20

package/dist/sifou-daily.json

@@ -1,146 +1,83 @@
 [
   {
-    "title": "程序员开源新项目“碾压”价值 7.5 亿的官方版，皆因孩子的 “IT 灾难”校务系统太垃圾",
-    "description": "无处不在的开源，为科技领域带来巨大变革和创新的同时，安全问题也成为全球关注的焦点。最近，来自瑞典斯德哥尔摩市的程序员 Landgren ，就因为看不惯自家孩子学校的 IT 系统（Skolplattform），拉上其他家长一起...",
-    "url": "https://segmentfault.com/a/1190000040960011",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
+    "title": "自动化生成骨架屏的技术方案设计与落地",
+    "description": "性能优化，减少页面加载等待时间一直是前端领域永恒的话题。如今大部分业务合作模式都是前后端分离方案，便利性的同时也带来了非常多的弊端，比如 FCP 时间显著增加（多了更多的 HTTP 请求往返的时间消耗），这也...",
+    "url": "https://segmentfault.com/a/1190000040985203",
+    "author": "isNealyang",
+    "home_url": "https://segmentfault.com/u/nealyang231",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "Flutter 页面滚动吸顶详解（NestedScrollView）",
-    "description": "在业务开发中我们经常会有滚动吸顶的效果，目前Flutter也有很多种实现方式，这里介绍一下本人在开发中使用到的基于NestedScrollView实现的滚动吸顶组件；以及中间涉及的各种定位的布局操作；",
-    "url": "https://segmentfault.com/a/1190000040961263",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "2",
+    "title": "为什么要用Redis集群？",
+    "description": "面试官：聊下Redis的分片集群，先聊 Redis Cluster好咯？面试官：Redis Cluser是Redis 3.x才有的官方集群方案，这块你了解多少？候选者：嗯，要不还是从基础讲起呗？候选者：在前面聊Redis的时候，提到的Redis都...",
+    "url": "https://segmentfault.com/a/1190000040984629",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "第八期:前端九条启发分享",
-    "description": "在一般情况下, 我们每次执行git commit -m'提交信息'的时候, 会触发针对commit信息的校验以及代码风格的校验, 如果没通过校验会导致commit失败, 那么这些校验是如何加入到项目中的那?",
-    "url": "https://segmentfault.com/a/1190000040962801",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "3",
+    "title": "“公开处刑”| curl 创始人发文“质问”苹果：靠开源年赚数十亿，却把开发者当免费\"工具人\"",
+    "description": "据悉，本次事件的原因，是一位名为 @Michael Rieder 的用户在推特上向苹果官方账号 @AppleSupport 寻求帮助，但苹果却只是附上了curl 的页面地址让该用户自行联系 curl。",
+    "url": "https://segmentfault.com/a/1190000040986202",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "Puppeteer 入门指引",
-    "description": "Puppeteer 是一个 Node library，提供了一套完整的通过 DevTools 协议操纵 Chrome 或 Chromium 的 API。Puppeteer 默认以 无头（headless） 的方式运行, 也可以使用 GUI 的方式运行 Chrome 和 Chromium。",
-    "url": "https://segmentfault.com/a/1190000040961411",
-    "author": "MudOnTire",
-    "home_url": "https://segmentfault.com/u/mudontire",
+    "title": "有了这25个正则表达式，代码效率提高80%",
+    "description": "大家好，我是林三心，在日常开发中，正则表达式是非常有用的，正则表达式在每个语言中都是可以使用的，他就跟JSON一样，是通用的。在日常开发中，了解一些常用的正则表达式，能大大提高你的工作效率，例如",
+    "url": "https://segmentfault.com/a/1190000040984840",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "3",
     "rank": 4
   },
   {
-    "title": "CodeGuide 300+文档、100+代码库，一个指导程序员写代码的，Github 仓库开源啦！",
-    "description": "作者：小傅哥<br/>博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、路怎样走，让你们自己挑B站 视频：[[链接])五年前，香河大厂村，开张大吉。我和弟兄们雄心壮志，坐公交车去面试，谁知道...",
-    "url": "https://segmentfault.com/a/1190000040959107",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "3",
+    "title": "vue3 不支持 IE11的本质",
+    "description": "文章很水，核心只有一句：由于 ES5 的限制，Proxy 语法无法用 ES5 写出来（Proxies cannot be transpiled or polyfilled）",
+    "url": "https://segmentfault.com/a/1190000040989415",
+    "author": "混子的日常",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "LeetCode-107-二叉树的层序遍历 II",
-    "description": "题目描述：给定一个二叉树，返回其节点值自底向上的层序遍历。 （即按从叶子节点所在层到根节点所在的层，逐层从左向右遍历）示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所...",
-    "url": "https://segmentfault.com/a/1190000040959999",
+    "title": "LeetCode-113-路径总和 II",
+    "description": "题目描述：给你二叉树的根节点 root 和一个整数目标和 targetSum ，找出所有 从根节点到叶子节点 路径总和等于给定目标和的路径。叶子节点 是指没有子节点的节点。示例说明请见LeetCode官网。来源：力扣（LeetCod...",
+    "url": "https://segmentfault.com/a/1190000040986407",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
     "rank": 6
   },
   {
-    "title": "处理可能超时的异步操作",
-    "description": "自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...",
-    "url": "https://segmentfault.com/a/1190000040963849",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "1",
+    "title": "stylelint 规范你的 css",
+    "description": "TL;DR：👉 stylelint 简介👉 stylelint 配置👉 stylelint 原理stylelint 简介A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.一个强大、现代的 linter 帮助团队避免...",
+    "url": "https://segmentfault.com/a/1190000040985397",
+    "author": "混子的日常",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "2",
     "rank": 7
   },
   {
-    "title": "【JavaScript定时器小案例】常见的几种定时器实现的案例",
-    "description": "【JavaScript定时器小案例】常见的几种定时器实现的案例博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！说明在日常开发中定时器的使用...",
-    "url": "https://segmentfault.com/a/1190000040963664",
-    "author": "归子莫",
-    "home_url": "https://segmentfault.com/u/guizimo",
+    "title": "基于 Rush 的 Monorepo 多包发布实践",
+    "description": "五月份分享了 应用级 Monorepo 优化方案 ，主要阐述了之前 monorepo （Yarn + Lerna）存在的问题以及解决方案，但在该分享里，并没有涉及到 pacakge 发布相关的内容（在那段时期主要是以应用 app 开发为主），偶...",
+    "url": "https://segmentfault.com/a/1190000040988970",
+    "author": "海秋",
+    "home_url": "https://segmentfault.com/u/haiqiu",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "Webstorm 插件开发",
-    "description": "PSI(Program Structure Interface) 文件是表示一个文件的内容作为在一个特定的编程语言元素的层次结构的结构的根。",
-    "url": "https://segmentfault.com/a/1190000040959562",
-    "author": "MangoGoing",
-    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "2",
-    "rank": 9
-  },
-  {
-    "title": "CODING Compass —— 打造行云流水般的软件工厂",
-    "description": "本文根据 CODING Compass 产品总监程胜聪在腾讯云 CIF 工程效能峰会上所做的分享，进行了整理与更新。文末可前往峰会官网，观看回放并下载 PPT。",
-    "url": "https://segmentfault.com/a/1190000040963121",
-    "author": "CODING",
-    "home_url": "https://segmentfault.com/u/codingnet",
+    "title": "CentOS7安装RabbitMQ",
+    "description": "安装erlang由于rabbitmq是基于erlang语言开发的，所以必须先安装erlang。安装依赖 {代码...} 下载（会比较慢，请耐心等待） {代码...} 解压 {代码...} 如果遇到这个错 你就假装没看到安装 {代码...} 查看一下是否...",
+    "url": "https://segmentfault.com/a/1190000040988795",
+    "author": "大爷来玩呀你懂得",
+    "home_url": "https://segmentfault.com/u/_silence12138",
     "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "Fabric.js - 轻而易举操作canvas的神奇库",
-    "description": "本文来自于Fabricjs中文版，这个站点是我经过社区允许后部署的一份国内版，希望招募同样对fabricjs感兴趣的人一起来翻译建设，在每篇文章下面都有提PR的链接，只要使用github在写编辑即可",
-    "url": "https://segmentfault.com/a/1190000040959897",
-    "author": "阿古达木",
-    "home_url": "https://segmentfault.com/u/chenxiang_594a1cea112c2",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "MySQL打印死锁日志",
-    "description": "在 MySQL 运维过程中，难免会遇到 MySQL 死锁的情况，一旦线上业务日渐复杂，各种业务操作之间往往会产生锁冲突，有些会导致死锁异常。这种死锁异常一般要在特定时间特定数据和特定业务操作才会复现，有时候处理...",
-    "url": "https://segmentfault.com/a/1190000040959047",
-    "author": "MySQL技术",
-    "home_url": "https://segmentfault.com/u/mysqljs",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "分布式事务框架dtm1.5.4发布，支持更友好的gRPC类型",
-    "description": "更新日志更加友好的gRPC类型支持，输入输出支持任何类型添加例子启动时等待mysql，避免因mysql启动慢而退出新功能示例旧的proto文件示例： {代码...} 使用时需要进行转化 {代码...} 新的proto文件示例 {代码...} ...",
-    "url": "https://segmentfault.com/a/1190000040958801",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "3",
-    "rank": 13
-  },
-  {
-    "title": "oeasy教您玩转vim - 62 - # 缓冲buffer",
-    "description": "编辑过程回忆上次我们这次了解了编辑过程默认有一个替换文件swap修改的内容会保存到一个swap文件如果swp已经存在会有个swo文件以此类推替换文件可以进行对源文件的修复没保存到源文件的可能保存到了替换文件可以...",
-    "url": "https://segmentfault.com/a/1190000040958622",
-    "author": "oeasy",
-    "home_url": "https://segmentfault.com/u/oeasy",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "关闭浏览器或者刷新浏览器弹窗提示，可以取消或者确认。",
-    "description": "添加如下js代码即可 {代码...} vue中使用 {代码...}",
-    "url": "https://segmentfault.com/a/1190000040958314",
-    "author": "张旭超",
-    "home_url": "https://segmentfault.com/u/kobe_fans_zxc",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "JavaScript 数学曲线—双角线",
-    "description": "引子继星形线，接着尝试双角线（Bicorn）。OriginMy GitHub简介双角线也称为三角帽（cocked-ha）曲线，是 Sylvester 在 1864 年研究的一组四次曲线的名称。Cayley 在 1867 年研究了同样的曲线。在笛卡尔坐标系中...",
-    "url": "https://segmentfault.com/a/1190000040958391",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
-    "votes": "1",
-    "rank": 16
+    "rank": 9
   }
 ]

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": "48",
+    "votes": "54",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040846926",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "37",
+    "votes": "42",
     "rank": 2
   },
   {
@@ -23,16 +23,16 @@
     "url": "https://segmentfault.com/a/1190000040896436",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "37",
+    "votes": "39",
     "rank": 3
   },
   {
-    "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": "33",
+    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
+    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
+    "url": "https://segmentfault.com/a/1190000040948561",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "36",
     "rank": 4
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000040930212",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "28",
+    "votes": "31",
     "rank": 5
   },
   {
@@ -50,18 +50,36 @@
     "url": "https://segmentfault.com/a/1190000040879546",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "31",
+    "votes": "34",
     "rank": 6
   },
   {
-    "title": "前端如何防止用户修改水印？",
-    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
-    "url": "https://segmentfault.com/a/1190000040840891",
-    "author": "劉凯里",
-    "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "24",
+    "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": "34",
     "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
+  },
+  {
+    "title": "这几个高级前端常用的API，你用到了吗？",
+    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
+    "url": "https://segmentfault.com/a/1190000040942225",
+    "author": "lzg9527",
+    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
+    "votes": "33",
+    "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等十余...",
@@ -69,7 +87,7 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "30",
-    "rank": 8
+    "rank": 10
   },
   {
     "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
@@ -77,26 +95,17 @@
     "url": "https://segmentfault.com/a/1190000040908304",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
-    "rank": 9
-  },
-  {
-    "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040824694",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "27",
-    "rank": 10
+    "votes": "24",
+    "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": 11
+    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
+    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
+    "url": "https://segmentfault.com/a/1190000040914312",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "26",
+    "rank": 12
   },
   {
     "title": "前端如何实现token的无感刷新",
@@ -104,34 +113,25 @@
     "url": "https://segmentfault.com/a/1190000040850857",
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "26",
-    "rank": 12
-  },
-  {
-    "title": "3D 穿梭效果？使用 CSS 轻松搞定",
-    "description": "背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...",
-    "url": "https://segmentfault.com/a/1190000040936266",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "27",
     "rank": 13
   },
   {
-    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
-    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
-    "url": "https://segmentfault.com/a/1190000040914312",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
+    "title": "23 个非常有用的 NodeJs 库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040929396",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "24",
     "rank": 14
   },
   {
-    "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",
+    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
+    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040875123",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "27",
     "rank": 15
   },
   {
@@ -153,12 +153,12 @@
     "rank": 17
   },
   {
-    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
-    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
-    "url": "https://segmentfault.com/a/1190000040948561",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "19",
+    "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
   },
   {
@@ -167,43 +167,43 @@
     "url": "https://segmentfault.com/a/1190000040895843",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "13",
+    "votes": "14",
     "rank": 19
   },
   {
-    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
-    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040875123",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "25",
+    "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": 20
   },
   {
-    "title": "23 个非常有用的 NodeJs 库",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040929396",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "22",
+    "title": "Go 日常开发常备第三方库和工具",
+    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
+    "url": "https://segmentfault.com/a/1190000040896809",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "18",
     "rank": 21
   },
   {
-    "title": "关于 v-model 你需要知道的这一切！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040863402",
+    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
+    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040902611",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
+    "votes": "25",
     "rank": 22
   },
   {
-    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
-    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040902611",
+    "title": "关于 v-model 你需要知道的这一切！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040863402",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "25",
+    "votes": "20",
     "rank": 23
   },
   {
@@ -212,45 +212,36 @@
     "url": "https://segmentfault.com/a/1190000040891379",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
+    "votes": "21",
     "rank": 24
   },
   {
-    "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": "15",
+    "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": 25
   },
   {
-    "title": "Go 日常开发常备第三方库和工具",
-    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
-    "url": "https://segmentfault.com/a/1190000040896809",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "15",
+    "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": "正则表达式汇总",
-    "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",
+    "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": "17",
     "rank": 27
   },
-  {
-    "title": "这几个高级前端常用的API，你用到了吗？",
-    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
-    "url": "https://segmentfault.com/a/1190000040942225",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "18",
-    "rank": 28
-  },
   {
     "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等十余篇源码文章。",
@@ -258,14 +249,23 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "16",
+    "rank": 28
+  },
+  {
+    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
+    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
+    "url": "https://segmentfault.com/a/1190000040855949",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "14",
     "rank": 29
   },
   {
-    "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
-    "description": "大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得",
-    "url": "https://segmentfault.com/a/1190000040888747",
-    "author": "sluke",
-    "home_url": "https://segmentfault.com/u/sluke",
+    "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": 30
   }