@wcj/github-rank 21.11.6 → 21.11.10

package/dist/sifou-daily.json

@@ -1,128 +1,65 @@
 [
   {
-    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
-    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
-    "url": "https://segmentfault.com/a/1190000040914312",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "6",
+    "title": "一些常用的 Git 进阶知识与技巧",
+    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
+    "url": "https://segmentfault.com/a/1190000040930212",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "11",
     "rank": 1
   },
   {
-    "title": "Web Components中引入外部CSS的 8 种方法",
-    "description": "开发中，还是会遇到需要引入外部CSS到Shadow DOM情况，那么如何处理呢？作者就最近遇到的情况给出如下几种方案。一、@import示例代码 {代码...} 优点：此方法兼容性非常好，点击查看caniuse。缺点：性能二、::par...",
-    "url": "https://segmentfault.com/a/1190000040915602",
-    "author": "Allan91",
-    "home_url": "https://segmentfault.com/u/allan4738",
-    "votes": "2",
+    "title": "热门剧本杀与 SaaS 的不解之缘",
+    "description": "近年来，“剧本杀”这种以剧本为核心，玩家分别扮演不同角色推理案情找出真凶的娱乐项目在年轻人的范围内迅速传开，已悄然形成了一个市场规模超百亿的新兴产业，吸引了大量淘金者。而在互联网时代，针对玩家线上剧...",
+    "url": "https://segmentfault.com/a/1190000040932098",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 2
   },
   {
-    "title": "沪漂程序媛妹子的一天...",
-    "description": "作为⼀枚缺乏浪漫细胞但富有吃货属性的⼯科⼥，我的⽇记，那肯定离不开吃，即使是时间划分，那也得按⼀⽇三餐来（其实是四餐，但是也不知道是身体细胞⽼龄化了还是咋的，以前狂吃不⻓到现在 喝⽔都胖，头⼤~，也...",
-    "url": "https://segmentfault.com/a/1190000040914114",
-    "author": "程序员cxuan",
-    "home_url": "https://segmentfault.com/u/cxuan",
-    "votes": "3",
+    "title": "LeetCode-096-不同的二叉搜索树",
+    "description": "题目描述：给你一个整数 n ，求恰由 n 个节点组成且节点值从 1 到 n 互不相同的 二叉搜索树 有多少种？返回满足题意的二叉搜索树的种数。二叉搜索树（Binary Search Tree）：又称二叉排序树，它或者是一棵空树，...",
+    "url": "https://segmentfault.com/a/1190000040929578",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "Go业务开发中常用的几个开源库",
-    "description": "哈喽，大家好，我是asong。拖更了好久，这周开始更新。最近总有一些初学Go语言的小伙伴问我在业务开发中一般都使用什么web框架、开源中间件；所以我总结了我在日常开发中使用到的库，这些库不一定是特别完美的，...",
-    "url": "https://segmentfault.com/a/1190000040917776",
-    "author": "asong",
-    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "title": "在IntelliJ IDEA中，开发一个摸鱼看书插件",
+    "description": "总有人拿到产品的需求，就着急开干，反正也懒的想开发中会发生啥，上线后多少人使用，管它三七二十一先堆起来代码看一看，反正能跑就行，无论代码还是你！",
+    "url": "https://segmentfault.com/a/1190000040929376",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "2",
     "rank": 4
   },
   {
-    "title": "LeetCode-078-子集",
-    "description": "题目描述：给你一个整数数组 nums ，数组中的元素 互不相同 。返回该数组所有可能的子集（幂集）。解集 不能 包含重复的子集。你可以按 任意顺序 返回解集。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链...",
-    "url": "https://segmentfault.com/a/1190000040914082",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "用了很多动效，介绍 4个很  Nice 的 Veu 路由过渡动效！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040935668",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "【Go语言】小白也能看懂的context包详解：从入门到精通",
-    "description": "哈喽，大家好，我是asong。今天想与大家分享context包，经过一年的沉淀，重新出发，基于Go1.17.1从源码角度再次分析，不过这次不同的是，我打算先从入门开始，因为大多数初学的读者都想先知道怎么用，然后才会关...",
-    "url": "https://segmentfault.com/a/1190000040917752",
-    "author": "asong",
-    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "title": "7.8k Star！一个强大的 JS 代码混淆工具",
+    "description": "JavaScript Obfuscator 是一款功能强大的免费 JavaScript 混淆器，包含多种功能，能将代码混淆成可读性低的代码，看上去是难以阅读的代码，其实具备和之前代码一样的功能，从而起到保护代码的作用。",
+    "url": "https://segmentfault.com/a/1190000040930890",
+    "author": "开源前哨",
+    "home_url": "https://segmentfault.com/u/kaiyuanqianshao",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "Serverless 架构模式及演进",
-    "description": "简介：Serverless 架构从使用技术上有计算，数据存储，消息通信，我们可从运维性，安全性，可靠性，可扩展性，成本几个角度来衡量架构的优劣。本文会介绍一些常见的业务场景，探讨如何使用 Serverless 架构来支持...",
-    "url": "https://segmentfault.com/a/1190000040917209",
-    "author": "阿里云开发者",
-    "home_url": "https://segmentfault.com/u/alijishu",
+    "title": "Vim 诞生 30 周年：作者 Bram Moolenaar 、开发者 Alex Baldwin 分别撰文庆祝",
+    "description": "自 1991 年发布以来，Vim 如今已在两极分化的开发者社区里经历了整整 30 个年头。刚刚，作者 Bram Moolenaar、开发者 Alex Baldwin 就分别发文表达对“Vim 诞生 30 周年”的感慨和庆贺。",
+    "url": "https://segmentfault.com/a/1190000040931315",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 7
-  },
-  {
-    "title": "stylelint 接入实战踩坑总结",
-    "description": "团队合作时，当每个人的代码都拥有自定义的格式化方式时，在提交merge的时候往往要解决很多冲突，此时我们可以使用eslint+stylelint来对团队的代码进行约束。eslint的配置引入比较简单，网上有比较多的教程，而st...",
-    "url": "https://segmentfault.com/a/1190000040917146",
-    "author": "greet_eason",
-    "home_url": "https://segmentfault.com/u/aichendesiyangyuan",
-    "votes": "2",
-    "rank": 8
-  },
-  {
-    "title": "恒源云 _ 云 GPU 服务器如何使用 Tmux？",
-    "description": "Tmux 是一款可以管理会话和分屏的终端复用器。在远程 SSH 断开后可以继续执行任务，重新连接后再继续会话。也能够将进程放到后台运行，需要时重新接管。为了防止 SSH 因网络断开造成的进程运行中断，推荐把所有需...",
-    "url": "https://segmentfault.com/a/1190000040915522",
-    "author": "恒源云",
-    "home_url": "https://segmentfault.com/u/gpushare",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "一个价值8.7亿刀的bug",
-    "description": "大家好，我卡颂。有位老程序员前辈曾说：没有经历过p0级bug的职业生涯是不完整的以上名言是我瞎编的。但是，作为程序员，对bug肯定见怪不怪了。你经历的bug为公司造成了多少损失呢？本文我们来看一个造成8.7亿刀...",
-    "url": "https://segmentfault.com/a/1190000040915454",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "2",
-    "rank": 10
-  },
-  {
-    "title": "正则",
-    "description": "一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\\d{n}$ 3 至少n位的数字：^\\d{n,}$ 4 m-n位的数字：^\\d{m,n}$ 5 零和非零开头的数字：^(0|1-9*)$ 6 非零开头的最多带两位小数的数字：^(1-9*)+(.[0-9]{1,2}...",
-    "url": "https://segmentfault.com/a/1190000040914243",
-    "author": "疯狂程序猿",
-    "home_url": "https://segmentfault.com/u/fengkuangchengxuyuan_5df5c6e3531d1",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "oeasy教您玩转vim - 59 - # 编辑总结",
-    "description": "[Github地址] ([链接])[Gitee地址] ([链接])[蓝桥实验楼 邀请码FJWYIMGB] ([链接])可视化编辑回忆上节课内容🤔上次了解到块可视模式 -ctrl+v左下角-- 可视 块 --然后配合motiono切换首尾这个块可以有四个顶点O横向...",
-    "url": "https://segmentfault.com/a/1190000040914044",
-    "author": "oeasy",
-    "home_url": "https://segmentfault.com/u/oeasy",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "窥探css-loader与style-loader的作用",
-    "description": "大家伙都清楚在使用webpack构建前端项目时都会使用到sass-loader、less-loader、postcss-loader、css-loader、style-loader，但这些loader在其中起到什么作用呢？本篇主要阐述css-loader与style-loader的作用和实...",
-    "url": "https://segmentfault.com/a/1190000040918194",
-    "author": "记得要微笑",
-    "home_url": "https://segmentfault.com/u/tosmile",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "昨日PHP面试回顾",
-    "description": "HTTP Code 301、302分别指的是什么？HTTP Code 401、403有什么区别？HTTP Code 502、503、504呢？PHP是否可以通过代码模拟以上HTTP CODE？若生产环境下PHP发现5xx类错误，你如何筛查？是否分析过Nginx的日志，如...",
-    "url": "https://segmentfault.com/a/1190000040917368",
-    "author": "sockball",
-    "home_url": "https://segmentfault.com/u/sockball",
-    "votes": "1",
-    "rank": 14
   }
 ]

package/dist/sifou-monthly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "20+ css高频实用片段，提高幸福感的小技能你可以拥有噢",
-    "description": "修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...",
-    "url": "https://segmentfault.com/a/1190000040777100",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "59",
-    "rank": 1
-  },
   {
     "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
     "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
     "url": "https://segmentfault.com/a/1190000040797816",
     "author": "y_ck",
     "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "48",
-    "rank": 2
+    "votes": "49",
+    "rank": 1
   },
   {
     "title": "前端监控 SDK 的一些技术要点原理分析",
@@ -23,8 +14,8 @@
     "url": "https://segmentfault.com/a/1190000040796868",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "37",
-    "rank": 3
+    "votes": "38",
+    "rank": 2
   },
   {
     "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
@@ -32,6 +23,15 @@
     "url": "https://segmentfault.com/a/1190000040846926",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
+    "votes": "35",
+    "rank": 3
+  },
+  {
+    "title": "肝完《浏览器基本原理与实践》，我总结了这些",
+    "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
+    "url": "https://segmentfault.com/a/1190000040896436",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
     "votes": "33",
     "rank": 4
   },
@@ -44,22 +44,22 @@
     "votes": "35",
     "rank": 5
   },
+  {
+    "title": "熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！",
+    "description": "前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...",
+    "url": "https://segmentfault.com/a/1190000040906316",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "37",
+    "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": "29",
-    "rank": 6
-  },
-  {
-    "title": "肝完《浏览器基本原理与实践》，我总结了这些",
-    "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
-    "url": "https://segmentfault.com/a/1190000040896436",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "28",
+    "votes": "30",
     "rank": 7
   },
   {
@@ -71,22 +71,22 @@
     "votes": "24",
     "rank": 8
   },
-  {
-    "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
-    "description": "本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：",
-    "url": "https://segmentfault.com/a/1190000040777921",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
-    "rank": 9
-  },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
     "description": "写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...",
     "url": "https://segmentfault.com/a/1190000040803264",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "22",
+    "votes": "24",
+    "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等十余...",
+    "url": "https://segmentfault.com/a/1190000040893750",
+    "author": "若川",
+    "home_url": "https://segmentfault.com/u/lxchuan12",
+    "votes": "28",
     "rank": 10
   },
   {
@@ -107,6 +107,15 @@
     "votes": "26",
     "rank": 12
   },
+  {
+    "title": "前端架构师的 git 功力，你有几成火候？",
+    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
+    "url": "https://segmentfault.com/a/1190000040879546",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "22",
+    "rank": 13
+  },
   {
     "title": "20 个值得学习的 Vue 开源项目",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -114,7 +123,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "19",
-    "rank": 13
+    "rank": 14
+  },
+  {
+    "title": "MySQL灵魂拷问：36题带你面试通关",
+    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
+    "url": "https://segmentfault.com/a/1190000040823877",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
+    "votes": "21",
+    "rank": 15
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -123,16 +141,7 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "22",
-    "rank": 14
-  },
-  {
-    "title": "前端架构师的 git 功力，你有几成火候？",
-    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
-    "url": "https://segmentfault.com/a/1190000040879546",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "21",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "CSS 实现文本\"不定行数\"截断",
@@ -141,43 +150,25 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "22",
-    "rank": 16
-  },
-  {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "20",
     "rank": 17
   },
-  {
-    "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等十余...",
-    "url": "https://segmentfault.com/a/1190000040893750",
-    "author": "若川",
-    "home_url": "https://segmentfault.com/u/lxchuan12",
-    "votes": "25",
-    "rank": 18
-  },
-  {
-    "title": "熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！",
-    "description": "前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...",
-    "url": "https://segmentfault.com/a/1190000040906316",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "27",
-    "rank": 19
-  },
   {
     "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": "23",
+    "rank": 18
+  },
+  {
+    "title": "前端实现很哇塞的浏览器端扫码功能🌟",
+    "description": "本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...",
+    "url": "https://segmentfault.com/a/1190000040809122",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "22",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "关于 v-model 你需要知道的这一切！",
@@ -185,9 +176,27 @@
     "url": "https://segmentfault.com/a/1190000040863402",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
+    "votes": "20",
+    "rank": 20
+  },
+  {
+    "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
+    "description": "本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 <meter> 创建进度条通过 HTML 标签 <progress> 创建进度条HTML 实现进度条...",
+    "url": "https://segmentfault.com/a/1190000040908304",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "16",
     "rank": 21
   },
+  {
+    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
+    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040875123",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "21",
+    "rank": 22
+  },
   {
     "title": "聊聊开发日常的效率提升工具（全）",
     "description": "前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具",
@@ -195,16 +204,16 @@
     "author": "树酱",
     "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
     "votes": "16",
-    "rank": 22
+    "rank": 23
   },
   {
-    "title": "前端实现很哇塞的浏览器端扫码功能🌟",
-    "description": "本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...",
-    "url": "https://segmentfault.com/a/1190000040809122",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "21",
-    "rank": 23
+    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
+    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
+    "url": "https://segmentfault.com/a/1190000040914312",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "20",
+    "rank": 24
   },
   {
     "title": "正则表达式汇总",
@@ -212,61 +221,52 @@
     "url": "https://segmentfault.com/a/1190000040828004",
     "author": "小蘑菇",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "17",
-    "rank": 24
-  },
-  {
-    "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",
+    "votes": "18",
     "rank": 25
   },
   {
-    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040814521",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
+    "title": "把程序做成系统服务",
+    "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
+    "url": "https://segmentfault.com/a/1190000040895843",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "11",
     "rank": 26
   },
   {
-    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
-    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
-    "url": "https://segmentfault.com/a/1190000040855949",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "14",
+    "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": 27
   },
   {
-    "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040704570",
+    "url": "https://segmentfault.com/a/1190000040891379",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
+    "votes": "17",
     "rank": 28
   },
   {
-    "title": "66道前端算法面试题附思路分析助你查漏补缺",
-    "description": "本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，",
-    "url": "https://segmentfault.com/a/1190000040797373",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "13",
+    "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": "利用 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": "13",
+    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040814521",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "15",
     "rank": 30
   }
 ]