@wcj/github-rank 21.11.8 → 21.11.12

package/dist/sifou-daily.json

@@ -1,29 +1,191 @@
 [
   {
-    "title": "规范你的commit msg",
-    "description": "TL;DR：👉 commitizen 使用👉 commitlint 使用👉 可以直接抄走的配置👉 git cz 的原理可参考的代码库规范 commit msg 的意义规范化、格式化的 commit message 可以让我们更好的追踪需求的演进、回滚时能够快速的找到...",
-    "url": "https://segmentfault.com/a/1190000040922831",
-    "author": "混子的日常",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "3",
+    "title": "数据库系列整理-关系型数据库",
+    "description": "Oracle Database，又名Oracle RDBMS，或简称Oracle。是甲骨文公司的一款关系数据库管理系统。它是在数据库领域一直处于领先地位的产品。可以说Oracle数据库系统是目前世界上流行的关系数据库管理系统，系统可移植...",
+    "url": "https://segmentfault.com/a/1190000040942905",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "5",
     "rank": 1
   },
   {
-    "title": "编写\"谷歌扩展\"便捷\"自测\"埋点上报信息是否正确",
-    "description": "每次开发完项目的埋点功能后都需要进行埋点自测, 此时我只能通过在控制台的Network上进行筛选, 由于埋点的请求参数是个\"对象类型\", 需要将传参逐一点开并且找到params这个key, 但是params是一个被json序列化...",
-    "url": "https://segmentfault.com/a/1190000040922050",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "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": "5",
     "rank": 2
   },
   {
-    "title": "LeetCode-093-复原 IP 地址",
-    "description": "题目描述：给定一个只包含数字的字符串，用以表示一个 IP 地址，返回所有可能从 s 获得的 有效 IP 地址 。你可以按任何顺序返回答案。有效 IP 地址 正好由四个整数（每个整数位于 0 到 255 之间组成，且不能含有...",
-    "url": "https://segmentfault.com/a/1190000040921800",
+    "title": "你是这样的 CSS，19个唯美的边框，我的项目又有\"亮\"点了！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040875178",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
+    "rank": 3
+  },
+  {
+    "title": "【SVG】SVG的夺命利器——path",
+    "description": "【SVG】SVG的夺命利器——path博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！说明昨天一发布，突然看到有朋友留言，希望看到更多的SVG的...",
+    "url": "https://segmentfault.com/a/1190000040947031",
+    "author": "归子莫",
+    "home_url": "https://segmentfault.com/u/guizimo",
+    "votes": "2",
+    "rank": 4
+  },
+  {
+    "title": "AnyInspect v0.1.0 - 一个使用 Flutter Desktop 开发，用于调试 Flutter 应用的工具",
+    "description": "AnyInspect 是一个用于调试您的 Flutter 应用的工具，使用 Dart / Flatter 编写。当前你可以使用 AnyInspect 来检查应用中的传出网络请求或查看 SharedPreferences 数据，未来你甚至可以在 AnyInspect 查看修改应...",
+    "url": "https://segmentfault.com/a/1190000040946969",
+    "author": "lijy91",
+    "home_url": "https://segmentfault.com/u/lijy91",
+    "votes": "2",
+    "rank": 5
+  },
+  {
+    "title": "linux检测系统是否被入侵(上)",
+    "description": "入侵者在入侵成功后，往往会留下后门以便再次访问被入侵的系统，而创建系统账号是一种比较常见的后门方式。在做入侵排查的时候，用户配置文件/etc/passwd和密码配置文件/etc/shadow是需要去重点关注的地方。",
+    "url": "https://segmentfault.com/a/1190000040946883",
+    "author": "入门小站",
+    "home_url": "https://segmentfault.com/u/rumenz",
+    "votes": "2",
+    "rank": 6
+  },
+  {
+    "title": "学会了axios封装，世界都是你的",
+    "description": "项目中对axios进行二次封装随着前端技术的发展，网络请求这一块，越来越多的程序猿选择使用axios来实现网络请求。但是单纯的axios插件并不能满足我们日常的使用，因此我们使用时，需要根据项目实际的情况来对axio...",
+    "url": "https://segmentfault.com/a/1190000040944296",
+    "author": "CRMEB",
+    "home_url": "https://segmentfault.com/u/crmeb",
+    "votes": "2",
+    "rank": 7
+  },
+  {
+    "title": "LeetCode-098-验证二叉搜索树",
+    "description": "题目描述：给定一个二叉树，判断其是否是一个有效的二叉搜索树。假设一个二叉搜索树具有如下特征：节点的左子树只包含小于当前节点的数。节点的右子树只包含大于当前节点的数。所有左子树和右子树自身必须也是二...",
+    "url": "https://segmentfault.com/a/1190000040942183",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
-    "rank": 3
+    "rank": 8
+  },
+  {
+    "title": "学习敏捷：敏捷的适用域 | IDCF",
+    "description": "Cynefin框架最早是在1999年由威尔士学者Dave Snowden在知识管理与组织战略中提出的。这个框架用于描述问题，环境与系统。说明什么环境，适合使用什么样的解决方案。Cynefin框架有如下四个域：",
+    "url": "https://segmentfault.com/a/1190000040940191",
+    "author": "IDCF",
+    "home_url": "https://segmentfault.com/u/idcf",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "从 Kafka 到 Pulsar，BIGO 打造实时消息系统之路",
+    "description": "关于 Apache PulsarApache Pulsar 是 Apache 软件基金会顶级项目，是下一代云原生分布式消息流平台，集消息、存储、轻量化函数式计算为一体，采用计算与存储分离架构设计，支持多租户、持久化存储、多机房跨区域...",
+    "url": "https://segmentfault.com/a/1190000040946768",
+    "author": "ApachePulsar",
+    "home_url": "https://segmentfault.com/u/apachepulsar",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "Go 开源 12 周年：新域名 go.dev 的启用|Russ Cox 发文庆贺",
+    "description": "自 2009 年 11 月正式对外发布后，至今 Go 开源已走过整整 12 个年头。刚刚，Go 开发团队技术 leader Russ Cox 就专门撰文庆祝 “Go 开源 12 周年”。",
+    "url": "https://segmentfault.com/a/1190000040943284",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "技术干货 | Flutter在线编程实践总结",
+    "description": "1.Framework使用dart实现，包括Material Design风格的Widget,Cupertino(针对iOS)风格的Widgets，文本/图片/按钮等基础Widgets，渲染，动画，手势等。 此部分的核心代码是:flutter仓库下的flutter package，以及sk...",
+    "url": "https://segmentfault.com/a/1190000040943076",
+    "author": "有道技术团队",
+    "home_url": "https://segmentfault.com/u/youdaotec",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "盘点2021年Android——面试必备基础技能",
+    "description": "在互联网行业里，2021年来到今天你能听到的消息都是什么样的？“某D公司开始裁员了”“某A公司据说冻结社招了”“据说J公司今年没有年终奖““据说M公司要裁员50%”",
+    "url": "https://segmentfault.com/a/1190000040946850",
+    "author": "夏夏是只猫",
+    "home_url": "https://segmentfault.com/u/ucrx2py9",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "前端面试每日 3+1 —— 第940天",
+    "description": "今天的知识点 (2021.11.11) —— 第940天 (我也要出题)[html] 使用canvas制作一个淋浴喷头的动画[css] 使用css3画一个长尾箭头[js] 写一个方法去掉对象的多余属性[软技能] 你用过apache吗？它是做什么的？《论语》...",
+    "url": "https://segmentfault.com/a/1190000040946814",
+    "author": "浪子神剑",
+    "home_url": "https://segmentfault.com/u/haizlin",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "如何基于 React Native 快速实现一个视频通话应用",
+    "description": "那么，如何才能在较短的时间内，将实时互动功能添加到 Flutter 应用中？你可以通过声网Agora SDK 来进行开发。在本教程中，我将带大家了解如何使用 Agora Flutter SDK 订阅多个频道的过程。（多频道是什么样场景...",
+    "url": "https://segmentfault.com/a/1190000040946748",
+    "author": "声网Agora",
+    "home_url": "https://segmentfault.com/u/agora",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "Spring Data Redis Stream的使用",
+    "description": "Stream类型是 redis5之后新增的类型，在这篇文章中，我们实现使用Spring boot data redis来消费Redis Stream中的数据。实现独立消费和消费组消费。",
+    "url": "https://segmentfault.com/a/1190000040946712",
+    "author": "huan1993",
+    "home_url": "https://segmentfault.com/u/huan1993",
+    "votes": "1",
+    "rank": 16
+  },
+  {
+    "title": "vue 模板循环绘制多行上传文件功能",
+    "description": "我们在上传多个文件时， 循环绘制模板， el-upload 拿不到当前操作的节点 ， 可以在其外层增加一个div 加上点击事件，记下当前操作节点， 代码如下",
+    "url": "https://segmentfault.com/a/1190000040945955",
+    "author": "CUI_PING",
+    "home_url": "https://segmentfault.com/u/cui_ping",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "十年老站长心声：我为什么选择把 Hexo 网站迁移到 Webify",
+    "description": "我的这个博客站点大约始建于2010年以前，使用过 dlog、pjblog、zblog 等博客程序，也手动建立使用过纯静态 HTML 页面，大约2010年开始使用 WordPress。最近几年有感于 WordPress 过于臃肿复杂，而我的目的只是想...",
+    "url": "https://segmentfault.com/a/1190000040944734",
+    "author": "CloudBase云开发",
+    "home_url": "https://segmentfault.com/u/tencenttcb",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "前端开发框架之Electron的认识",
+    "description": "1.关于ElectronElectron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。Electron通过将Chromium和Node.js合并到前端培训同一个运行时环境中，并将其打包为Mac，Windows和Linux系...",
+    "url": "https://segmentfault.com/a/1190000040943247",
+    "author": "IT小尚",
+    "home_url": "https://segmentfault.com/u/huidadewanzi",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "难顶！面试官问我G1垃圾收集器",
+    "description": "面试官：要不这次来聊聊G1垃圾收集器？候选者：嗯嗯，好的呀候选者：上次我记得说过，CMS垃圾收集器的弊端：会产生内存碎片&&空间需要预留候选者：这俩个问题在处理的时候，很有可能会导致停顿时间过长，...",
+    "url": "https://segmentfault.com/a/1190000040941771",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "2",
+    "rank": 20
+  },
+  {
+    "title": "三年沉淀，Apache ShardingSphere 5.0.0 开启数据应用新篇章",
+    "description": "11 月 10 日，是 Apache ShardingSphere 进入 Apache 基金会的三周年纪念日。在这三年的时间里，ShardingSphere 社区经历了巨大的成长，GitHub Star 数从 5k 增长到了如今的近 15k，贡献者从不足几十人发展到当前...",
+    "url": "https://segmentfault.com/a/1190000040944764",
+    "author": "SphereEx",
+    "home_url": "https://segmentfault.com/u/sphereex",
+    "votes": "1",
+    "rank": 21
   }
 ]

package/dist/sifou-monthly.json

@@ -1,29 +1,29 @@
 [
   {
-    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
-    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
-    "url": "https://segmentfault.com/a/1190000040797816",
-    "author": "y_ck",
-    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "48",
+    "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": "47",
     "rank": 1
   },
-  {
-    "title": "前端监控 SDK 的一些技术要点原理分析",
-    "description": "一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...",
-    "url": "https://segmentfault.com/a/1190000040796868",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "37",
-    "rank": 2
-  },
   {
     "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
     "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
     "url": "https://segmentfault.com/a/1190000040846926",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "34",
+    "votes": "36",
+    "rank": 2
+  },
+  {
+    "title": "肝完《浏览器基本原理与实践》，我总结了这些",
+    "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
+    "url": "https://segmentfault.com/a/1190000040896436",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "33",
     "rank": 3
   },
   {
@@ -32,26 +32,17 @@
     "url": "https://segmentfault.com/a/1190000040813435",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "35",
+    "votes": "36",
     "rank": 4
   },
-  {
-    "title": "肝完《浏览器基本原理与实践》，我总结了这些",
-    "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
-    "url": "https://segmentfault.com/a/1190000040896436",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "31",
-    "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": "29",
-    "rank": 6
+    "votes": "32",
+    "rank": 5
   },
   {
     "title": "前端如何防止用户修改水印？",
@@ -60,7 +51,7 @@
     "author": "劉凯里",
     "home_url": "https://segmentfault.com/u/kyrieliu",
     "votes": "24",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
@@ -68,9 +59,27 @@
     "url": "https://segmentfault.com/a/1190000040803264",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
+    "votes": "25",
+    "rank": 7
+  },
+  {
+    "title": "一些常用的 Git 进阶知识与技巧",
+    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
+    "url": "https://segmentfault.com/a/1190000040930212",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "22",
     "rank": 8
   },
+  {
+    "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": 9
+  },
   {
     "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -78,7 +87,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "27",
-    "rank": 9
+    "rank": 10
+  },
+  {
+    "title": "前端架构师的 git 功力，你有几成火候？",
+    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
+    "url": "https://segmentfault.com/a/1190000040879546",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "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": 12
   },
   {
     "title": "前端如何实现token的无感刷新",
@@ -87,16 +114,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "26",
-    "rank": 10
-  },
-  {
-    "title": "20 个值得学习的 Vue 开源项目",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040803238",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "19",
-    "rank": 11
+    "rank": 13
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -105,16 +123,7 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "22",
-    "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
+    "rank": 14
   },
   {
     "title": "CSS 实现文本\"不定行数\"截断",
@@ -123,150 +132,141 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "22",
-    "rank": 14
-  },
-  {
-    "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": "29",
     "rank": 15
   },
   {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "20",
+    "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": 16
   },
   {
-    "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": "26",
+    "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": "19",
     "rank": 17
   },
   {
-    "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": "22",
+    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
+    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
+    "url": "https://segmentfault.com/a/1190000040914312",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "23",
     "rank": 18
   },
   {
-    "title": "关于 v-model 你需要知道的这一切！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040863402",
+    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
+    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040875123",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "19",
+    "votes": "24",
     "rank": 19
   },
-  {
-    "title": "聊聊开发日常的效率提升工具（全）",
-    "description": "前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具",
-    "url": "https://segmentfault.com/a/1190000040818832",
-    "author": "树酱",
-    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "16",
-    "rank": 20
-  },
   {
     "title": "前端实现很哇塞的浏览器端扫码功能🌟",
     "description": "本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...",
     "url": "https://segmentfault.com/a/1190000040809122",
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "21",
+    "votes": "22",
+    "rank": 20
+  },
+  {
+    "title": "把程序做成系统服务",
+    "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
+    "url": "https://segmentfault.com/a/1190000040895843",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "12",
     "rank": 21
   },
   {
-    "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": "17",
+    "title": "关于 v-model 你需要知道的这一切！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040863402",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "20",
     "rank": 22
   },
   {
-    "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": "聊聊开发日常的效率提升工具（全）",
+    "description": "前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具",
+    "url": "https://segmentfault.com/a/1190000040818832",
+    "author": "树酱",
+    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
+    "votes": "17",
     "rank": 23
   },
   {
-    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040814521",
+    "url": "https://segmentfault.com/a/1190000040891379",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
+    "votes": "18",
     "rank": 24
   },
   {
-    "title": "【一文秒懂】电商系统商品模块初建分析与设计",
-    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
-    "url": "https://segmentfault.com/a/1190000040855949",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "14",
+    "title": "23 个非常有用的 NodeJs 库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040929396",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
     "rank": 25
   },
   {
-    "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040704570",
+    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
+    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040902611",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
+    "votes": "23",
     "rank": 26
   },
   {
-    "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": "整理一部分比较常用的正则表达式、后续会持续更新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",
     "rank": 27
   },
   {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040891379",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
+    "title": "Go 日常开发常备第三方库和工具",
+    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
+    "url": "https://segmentfault.com/a/1190000040896809",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "12",
     "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": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
-    "description": "大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得",
-    "url": "https://segmentfault.com/a/1190000040888747",
-    "author": "sluke",
-    "home_url": "https://segmentfault.com/u/sluke",
-    "votes": "10",
+    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040814521",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "15",
     "rank": 30
   }
 ]