@wcj/github-rank 21.11.17 → 21.11.21

package/web/data/sifou-daily.json

@@ -1,200 +1,83 @@
 [
   {
-    "title": "重写数组的方法（改变原数组）",
-    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000040969572",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
+    "title": "spring boot异步方法@Async踩坑",
+    "description": "我的理解：异步即为在多辆车在多条路上行驶，同步即为多辆车在一条路上行驶。举个栗子：同步：当前如果正在学习c语言的话，那么我们按照课程安排是不应该学习c++的，只有等这个学期结束学完c语言，下个学期才能学...",
+    "url": "https://segmentfault.com/a/1190000040991421",
+    "author": "郝泽龙_HZ",
+    "home_url": "https://segmentfault.com/u/haozelong_hz",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "巧用滤镜实现高级感拉满的文字快闪切换效果",
-    "description": "当然，今天并非是想用 CSS 实现上述的的效果。在尝试的过程中，我发现了另外一类能够使用 CSS 非常轻松实现文字快闪动画，运用了blur() 滤镜和 contrast() 滤镜产生的融合效果，类似于这样：",
-    "url": "https://segmentfault.com/a/1190000040965698",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "5",
+    "title": "angular路由中的惰性加载",
+    "description": "默认情况下，NgModule 都是急性加载的，也就是说它会在应用加载时尽快加载，所有模块都是如此，无论是否立即要用。对于带有很多路由的大型应用，考虑使用惰性加载 —— 一种按需加载 NgModule 的模式。惰性加载可以...",
+    "url": "https://segmentfault.com/a/1190000040990771",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "你不知道的 Node.js Util",
-    "description": "从类型判断说起在 JavaScript 中，进行变量的类型校验是一个非常令人头疼的事，如果只是简单的使用 typeof 会到各种各样的问题。举几个简单的🌰： {代码...} 后来，大家发现可以使用 Object.prototype.toString() ...",
-    "url": "https://segmentfault.com/a/1190000040966152",
-    "author": "Shenfq",
-    "home_url": "https://segmentfault.com/u/shenfq",
+    "title": "LeetCode-114-二叉树展开为链表",
+    "description": "题目描述：给你二叉树的根结点 root ，请你将它展开为一个单链表：展开后的单链表应该同样使用 TreeNode ，其中 right 子指针指向链表中下一个结点，而左子指针始终为 null 。展开后的单链表应该与二叉树 先序遍...",
+    "url": "https://segmentfault.com/a/1190000040990999",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
     "rank": 3
   },
   {
-    "title": "TypeScript 之 More on Functions",
-    "description": "函数是任何应用的基础组成部分，无论它是局部函数（local functions），还是从其他模块导入的函数，亦或是类中的方法。当然，函数也是值 (values)，而且像其他值一样，TypeScript 有很多种方式用来描述，函数可以...",
-    "url": "https://segmentfault.com/a/1190000040970467",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "2",
+    "title": "Angular  管道",
+    "description": "在写活动管理详情的时候不知道怎么用内置的日期管道，自己写了一个管道，同时在管道使用时遇到问题。查看后发现ActivityScalePipe在新建时声明在了Activity模块中，而我想在view模块中使用，就又将管道声明在了vi...",
+    "url": "https://segmentfault.com/a/1190000040991845",
+    "author": "李国稳",
+    "home_url": "https://segmentfault.com/u/meng_60ba0d4174d72",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "面试题整理之Vue篇",
-    "description": "又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。",
-    "url": "https://segmentfault.com/a/1190000040971075",
-    "author": "Aaron",
-    "home_url": "https://segmentfault.com/u/aaronblog",
-    "votes": "4",
+    "title": "记录一下遇到的问题",
+    "description": "这个时候是在ng s下启的环境，一直报这个错。当时想到的是app.module.ts那里没有引入ionicModule,但是回去一看已经引入了",
+    "url": "https://segmentfault.com/a/1190000040991841",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "JuiceFS 在大搜车数据平台的实践",
-    "description": "大搜车已经搭建起比较完整的汽车产业互联网协同生态。在这一生态中，不仅涵盖了大搜车已经数字化的全国 90% 中大型二手车商、9000+ 家 4S 店和 70000+ 家新车二网，还包括大搜车旗下车易拍、车行168、运车管家、...",
-    "url": "https://segmentfault.com/a/1190000040968418",
-    "author": "JuiceFS",
-    "home_url": "https://segmentfault.com/u/juicefs",
-    "votes": "3",
+    "title": "考虑时区了吗？",
+    "description": "前端工程师们，在拿到一个日期/时间数据的时候，你是怎么处理的呢？有没有考虑时区的问题呢？也许你会说：嗯，没怎么关注时区，不过我测过，没问题。我能怎么说呢？可能你还没遇到国外的用户吧！被偷走的一天如果...",
+    "url": "https://segmentfault.com/a/1190000040990370",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "Vue项目优化打包——前端加分项",
-    "description": "前言Vue项目开发完毕后，对项目进行打包发布之前，必不可少的操作就是项目优化，这也是程序猿的加分项。跟随本文的脚步来看看如何对项目进行优化吧~",
-    "url": "https://segmentfault.com/a/1190000040967014",
-    "author": "CRMEB",
-    "home_url": "https://segmentfault.com/u/crmeb",
-    "votes": "3",
+    "title": "@ice/stark-data源码解析",
+    "description": "在基于qiankun来进行微前端应用开发过程中，难免会碰到应用之间通信的情况，如基于某个业态下某些定制化的业务需求。这时候就涉及到某个子应用需要知道当前的\"宿主\"是谁(标识是哪一个私有化项目定制的业务需求)，...",
+    "url": "https://segmentfault.com/a/1190000040991256",
+    "author": "前端扫地僧",
+    "home_url": "https://segmentfault.com/u/darkcode",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "使用 @Transactional 时常犯的N种错误",
-    "description": "@Transactional是我们在用Spring时候几乎逃不掉的一个注解，该注解主要用来声明事务。它的实现原理是通过Spring AOP在注解修饰方法的前后织入事务管理的实现语句，所以开发者只需要通过一个注解就能代替一系列繁...",
-    "url": "https://segmentfault.com/a/1190000040967878",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
-    "votes": "2",
+    "title": "学不懂Netty？看不懂源码？不存在的，这篇文章手把手带你阅读Netty源码！",
+    "description": "阅读这篇文章之前，建议先阅读和这篇文章关联的内容。1. 详细剖析分布式微服务架构下网络通信的底层实现原理（图解）2. (年薪60W的技巧)工作了5年，你真的理解Netty以及为什么要用吗？（深度干货）3. 深度解析Net...",
+    "url": "https://segmentfault.com/a/1190000040990364",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "1",
     "rank": 8
   },
   {
-    "title": "LeetCode-108-将有序数组转换为二叉搜索树",
-    "description": "题目描述：给你一个整数数组 nums ，其中元素已经按 升序 排列，请你将其转换为一棵 高度平衡 二叉搜索树。高度平衡 二叉树是一棵满足「每个节点的左右两个子树的高度差的绝对值不超过 1 」的二叉树。示例说明请...",
-    "url": "https://segmentfault.com/a/1190000040965498",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "title": "TypeScript 官方手册翻译计划【一】：基础",
+    "description": "说明：目前网上没有 TypeScript 最新官方文档的中文翻译，所以有了这么一个翻译计划。因为我也是 TypeScript 的初学者，所以无法保证翻译百分之百准确，若有错误，欢迎评论区指出；翻译内容：暂定翻译内容为 Type...",
+    "url": "https://segmentfault.com/a/1190000040991439",
+    "author": "Chor",
+    "home_url": "https://segmentfault.com/u/chor",
     "votes": "2",
     "rank": 9
-  },
-  {
-    "title": "源码泄露“危机“？阿里云、字节等大厂服务器疑似被海外黑客组织入侵，源代码被出售",
-    "description": "11 月 11日，海外黑客组织 “AgainstTheWest” （简称ATW）在 raidforums 论坛放猛料，宣称他们窃取了中国服务器的源码，并疯狂将其泄露出来打包售卖。据悉，其攻击目标疑似已涉及到国内阿里、腾讯及字节等科技“大...",
-    "url": "https://segmentfault.com/a/1190000040966993",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "线程如何实现保持同步",
-    "description": "线程同步的方式主要有: 临界区（Critical Section）、互斥量（Mutex）、信号量（Semaphore）、事件（Event）。",
-    "url": "https://segmentfault.com/a/1190000040966841",
-    "author": "江湖大侠",
-    "home_url": "https://segmentfault.com/u/msjhw_com",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "React 18 Beta来了",
-    "description": "大家好，我卡颂。经过React18工作组几个月工作，11月16日v18终于从Alpha版本更新到Beta版本。本文会解释：这次更新带来的变化对开发者的影响如何安装v18 Betav18稳定版何时会来带来的变化经过与社区不断沟通，Bet...",
-    "url": "https://segmentfault.com/a/1190000040966821",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "前端服务框架调研：Next.js、Nuxt.js、Nest.js、Fastify",
-    "description": "这次 Node.js 服务框架的调研将着点于各框架功能、请求流程的组织和介入方式，以对前端 Node.js 服务设计和对智联 Ada 架构改进提供参考，不过多关注具体实现。",
-    "url": "https://segmentfault.com/a/1190000040966032",
-    "author": "智联大前端",
-    "home_url": "https://segmentfault.com/u/zpfe",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "Kafka知识点总结",
-    "description": "Kafka是一个 Scala 语言开发的多分区、多副本、分布式的基于发布/订阅模式的消息队列。目前 Kafka 已经定位为一个分布式流式处理平台，它以高吞吐、可持久化、可水平扩展、支持流数据处理等多种特性而被广泛使用。",
-    "url": "https://segmentfault.com/a/1190000040969234",
-    "author": "西柚",
-    "home_url": "https://segmentfault.com/u/shannonwang",
-    "votes": "3",
-    "rank": 14
-  },
-  {
-    "title": "不使用任何框架，手写纯 JavaScript 实现上传本地文件到 ABAP 服务器",
-    "description": "采用 SAP UI5 sap.ui.unified.FileUploader 控件，结合 Gateway 框架，实现本地文件上传到 ABAP 服务器，不是一件困难的事情。",
-    "url": "https://segmentfault.com/a/1190000040969053",
-    "author": "JerryWang_汪子熙",
-    "home_url": "https://segmentfault.com/u/jerrywangsap",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "暂缓MongoDB 4.4.2 、4.4.3、 4.4.4版本升级： 存在严重Bug",
-    "description": "据 MongoDB 官网发布：从 4.4.2～4.4.4 版本升级到 4.4.8+ 或 5.0.2 +版本时，存在严重 bug ，有升级计划的伙伴们请暂缓实施。",
-    "url": "https://segmentfault.com/a/1190000040966332",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "当 Swagger 遇上 Torna，瞬间高大上了！",
-    "description": "Swagger作为一款非常流行的API文档生成工具，相信很多小伙们都在用！用多了可能会觉得它界面丑、功能弱。今天给大家推荐一款工具Torna，配合Swagger使用可以搭建界面漂亮、功能强大的API文档网站，希望对大家有所...",
-    "url": "https://segmentfault.com/a/1190000040965512",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "抽象利器 - 泛型",
-    "description": "泛型的基本概念简单介绍一下 Java 的泛型机制，以及使用泛型的好处？Java 的泛型是 JDK 5 之后引入的一个新特性，主要的作用就是：提供编译时类型安全监测的机制。泛型的本质是参数化类型，就是说被操作的数据类...",
-    "url": "https://segmentfault.com/a/1190000040965315",
-    "author": "啊哈",
-    "home_url": "https://segmentfault.com/u/aha_6193074832a65",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "在后端中如何实现幂等和去重？",
-    "description": "面试官：要不你来讲讲你最近在看的点呗？可以拉出来一起讨论下候选者：最近在看「去重」和「幂等」相关的内容面试官：那你就先来聊聊你对「去重」和「幂等」的理解吧候选者：我认为「幂等」和「去重」它们很像，...",
-    "url": "https://segmentfault.com/a/1190000040965045",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
-    "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "Ubuntu20.04配置PCL库",
-    "description": "目前研究的方向是基于车载激光雷达进行道路环境的三维高精地图的构建。这种高精地图是以车载激光雷达采集的点云为基准，以图像为辅助来进行道路环境信息的识别的提取。其中对点云的处理十分重要，针对点云进行工...",
-    "url": "https://segmentfault.com/a/1190000040969104",
-    "author": "德布劳钦",
-    "home_url": "https://segmentfault.com/u/debulaoqin",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "面试官：你给我说一下什么是时间轮吧？",
-    "description": "你好呀，我是歪歪。今天我带大家来卷一下时间轮吧，这个玩意其实还是挺实用的。常见于各种框架之中，偶现于面试环节，理解起来稍微有点难度，但是知道原理之后也就觉得：大多数人谈到时间轮的时候都会从 netty 开...",
-    "url": "https://segmentfault.com/a/1190000040967147",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "云端干货｜降本必备—弹性伸缩的基本原理",
-    "description": "弹性伸缩（Auto Scaling）是云商提供的、根据自身业务需求自动调整计算能力（即实例数量）的服务。使用该服务时，实例数量可根据工作负载自动进行伸缩，从而在业务需求增长时提供资源支持、在业务需求下降时降低...",
-    "url": "https://segmentfault.com/a/1190000040966756",
-    "author": "SpotMax云上说禅",
-    "home_url": "https://segmentfault.com/u/spotmax",
-    "votes": "3",
-    "rank": 22
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,25 +5,25 @@
     "url": "https://segmentfault.com/a/1190000040906316",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "50",
+    "votes": "54",
     "rank": 1
   },
-  {
-    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
-    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
-    "url": "https://segmentfault.com/a/1190000040846926",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "40",
-    "rank": 2
-  },
   {
     "title": "肝完《浏览器基本原理与实践》，我总结了这些",
     "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
     "url": "https://segmentfault.com/a/1190000040896436",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "37",
+    "votes": "40",
+    "rank": 2
+  },
+  {
+    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
+    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
+    "url": "https://segmentfault.com/a/1190000040948561",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "36",
     "rank": 3
   },
   {
@@ -32,44 +32,35 @@
     "url": "https://segmentfault.com/a/1190000040930212",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "29",
+    "votes": "31",
     "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": "33",
-    "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
+    "votes": "34",
+    "rank": 5
   },
   {
-    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
-    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
-    "url": "https://segmentfault.com/a/1190000040948561",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "28",
-    "rank": 7
+    "title": "这几个高级前端常用的API，你用到了吗？",
+    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
+    "url": "https://segmentfault.com/a/1190000040942225",
+    "author": "lzg9527",
+    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
+    "votes": "36",
+    "rank": 6
   },
   {
-    "title": "前端如何防止用户修改水印？",
-    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
-    "url": "https://segmentfault.com/a/1190000040840891",
-    "author": "劉凯里",
-    "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "24",
-    "rank": 8
+    "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 轻松搞定",
@@ -77,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000040936266",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "32",
-    "rank": 9
+    "votes": "36",
+    "rank": 8
   },
   {
     "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
@@ -87,7 +78,7 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "30",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
@@ -95,8 +86,8 @@
     "url": "https://segmentfault.com/a/1190000040908304",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
-    "rank": 11
+    "votes": "24",
+    "rank": 10
   },
   {
     "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
@@ -104,8 +95,8 @@
     "url": "https://segmentfault.com/a/1190000040914312",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "25",
-    "rank": 12
+    "votes": "26",
+    "rank": 11
   },
   {
     "title": "前端如何实现token的无感刷新",
@@ -113,16 +104,25 @@
     "url": "https://segmentfault.com/a/1190000040850857",
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "26",
+    "votes": "27",
+    "rank": 12
+  },
+  {
+    "title": "23 个非常有用的 NodeJs 库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040929396",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "24",
     "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",
+    "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": 14
   },
   {
@@ -143,41 +143,50 @@
     "votes": "24",
     "rank": 16
   },
+  {
+    "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": 17
+  },
   {
     "title": "把程序做成系统服务",
     "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
     "url": "https://segmentfault.com/a/1190000040895843",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "13",
-    "rank": 17
+    "votes": "14",
+    "rank": 18
   },
   {
-    "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",
+    "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": 18
+    "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",
-    "rank": 19
+    "title": "Go 日常开发常备第三方库和工具",
+    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
+    "url": "https://segmentfault.com/a/1190000040896809",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "19",
+    "rank": 20
   },
   {
-    "title": "23 个非常有用的 NodeJs 库",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040929396",
+    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
+    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040902611",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "22",
-    "rank": 20
+    "votes": "25",
+    "rank": 21
   },
   {
     "title": "关于 v-model 你需要知道的这一切！",
@@ -186,51 +195,42 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "20",
-    "rank": 21
-  },
-  {
-    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
-    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040902611",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "25",
     "rank": 22
   },
-  {
-    "title": "这几个高级前端常用的API，你用到了吗？",
-    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
-    "url": "https://segmentfault.com/a/1190000040942225",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "21",
-    "rank": 23
-  },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000040891379",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
+    "votes": "21",
+    "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": "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": 25
   },
   {
-    "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": 26
   },
   {
@@ -242,15 +242,6 @@
     "votes": "16",
     "rank": 27
   },
-  {
-    "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
-    "description": "大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得",
-    "url": "https://segmentfault.com/a/1190000040888747",
-    "author": "sluke",
-    "home_url": "https://segmentfault.com/u/sluke",
-    "votes": "11",
-    "rank": 28
-  },
   {
     "title": "【一文秒懂】电商系统商品模块初建分析与设计",
     "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
@@ -258,15 +249,24 @@
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
     "votes": "14",
+    "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": "利用 CSS Overview 面板重构优化你的网站",
-    "description": "本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel，并且介绍如何更好地利用这个面板。通过 CSS Overview Panel，可能可以帮助我们：",
-    "url": "https://segmentfault.com/a/1190000040837145",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
+    "title": "一文讲透自适应熔断的原理和实现",
+    "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
+    "url": "https://segmentfault.com/a/1190000040978572",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "10",
     "rank": 30
   }
 ]