@wcj/github-rank 21.11.9 → 21.11.13

package/dist/sifou-daily.json

@@ -1,101 +1,83 @@
 [
   {
-    "title": "装了这几个IDEA插件，基本上一站式开发了！",
-    "description": "作为一个开源作者，每周要code大量的代码，提升日常工作效率是我一直追求的，在众多的IDEA插件中，我独钟爱这几款。这期就整理一些我日常中经常使用的IDEA插件，这些插件有些挺小众，但是的确非常提升效率，推荐...",
-    "url": "https://segmentfault.com/a/1190000040924578",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "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": "4",
     "rank": 1
   },
   {
-    "title": "LeetCode-095-不同的二叉搜索树 II",
-    "description": "题目描述：给你一个整数 n ，请你生成并返回所有由 n 个节点组成且节点值从 1 到 n 互不相同的不同 二叉搜索树 。可以按 任意顺序 返回答案。二叉搜索树（Binary Search Tree）：又称二叉排序树，它或者是一棵空...",
-    "url": "https://segmentfault.com/a/1190000040924221",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "Flutter自定义时间轴timeline",
+    "description": "组件在业务开发中经常会使用到timeline时间轴，来记录数据操作记录等，在这本人封装了一个相对较通用的时间轴组件。示例参数参数类型必填说明timelineListList是时间轴数据lineColorColor是时间轴轴线颜色heightd...",
+    "url": "https://segmentfault.com/a/1190000040950099",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "Redis 6.0 新特性篇：深度剖析客户端缓存（Client side caching）原理与性能",
-    "description": "码老湿，上次你讲解了 Redis 多线程模型，这次我想知道客户端缓存（Client side caching）技术，他的英文名叫： Redis server-assisted client side caching ，可以说说么？我不是嫖客，看完我会点赞、再看、分享...",
-    "url": "https://segmentfault.com/a/1190000040926742",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "1",
+    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
+    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
+    "url": "https://segmentfault.com/a/1190000040948561",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "4",
     "rank": 3
   },
   {
-    "title": "公司内部做的一个分享，有缘人可见",
-    "description": "公司内做的一个简单的分享，文章内容是我根据自己讲的还有录像又手撸了一遍，累。今天给大家分享一下关于架构和中台的一些东西。主要会介绍一下中台的来源，这个大家可能都比较清楚，网上的文章和视频啊一大堆。...",
-    "url": "https://segmentfault.com/a/1190000040928154",
-    "author": "艾小仙",
-    "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
+    "title": "Flutter业务开发常用小技巧（样式布局篇）",
+    "description": "阴影样式中flutter和css对应关系如下图的阴影 UI给出的css样式 {代码...} flutter样式布局 {代码...} 对应关系属性css（box-shadow）flutter（boxShadow）offset前两个值offset: Offset(0, 0.5)blurRadius第三个...",
+    "url": "https://segmentfault.com/a/1190000040951478",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "工作 10 年被裁之后再战高级 Java 开发岗，投简历100 面试 20 场 半个月时间终上岸 都不知道我怎么过来的",
-    "description": "概述最近换工作，对最近面试的过程进行总结，总结每个公司的面试流程和问到的面试题，记录自己，也供大家参考。我是一名 Java 开发，工作经验 10 年，所以面试一名高级 Java 开发工程师。简历投递平台，只使用了 ...",
-    "url": "https://segmentfault.com/a/1190000040927379",
-    "author": "妍妍",
-    "home_url": "https://segmentfault.com/u/_6175053e57aec",
-    "votes": "1",
+    "title": "LeetCode-099-恢复二叉搜索树",
+    "description": "题目描述：给你二叉搜索树的根节点 root ，该树中的两个节点被错误地交换。请在不改变其结构的情况下，恢复这棵树。进阶：使用 O(n) 空间复杂度的解法很容易实现。你能想出一个只使用常数空间的解决方案吗？示例...",
+    "url": "https://segmentfault.com/a/1190000040948141",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "面试官：你说你精通 Docker，那你来详细说说 Dockerfile 吧",
-    "description": "Docker 可以通过读取 Dockerfile 中的指令自动构建镜像。Dockerfile 是一个文本文档，其中包含了用户创建镜像的所有命令和说明。",
-    "url": "https://segmentfault.com/a/1190000040925914",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "title": "【JavaScript实用技巧（二）】Js操作DOM（由问题引发的文章改版，新人大佬都可）",
+    "description": "这片文章的来源是更改之前的一个笔记，是获取js获取input标签的值，当时只是讲了这个例子，当然下面这个例子依然保留，毕竟要在乎老用户的感受，属于增量需求。",
+    "url": "https://segmentfault.com/a/1190000040953241",
+    "author": "归子莫",
+    "home_url": "https://segmentfault.com/u/guizimo",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "TIOBE 11 月榜单：PHP 排前十名“岌岌可危”|Python、C、Java 仍霸占前三甲",
-    "description": "近日，TIOBE 公布了 2021 年 11 月编程语言榜。本次榜单中，Python、C 和 Java 分别位列前三甲，而多年来受欢迎的 PHP 则即将被挤出前十。",
-    "url": "https://segmentfault.com/a/1190000040925207",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "ES6新增API：Object篇",
+    "description": "1.Object.is函数类型： {代码...} Object.is(...)函数的比较规则和严格相等===基本相同，但是有两个特殊的值——NaN和-0，需要注意：当进行严格相等的比较时，NaN本身是不相等的，+0和-0是相等的： {代码...} 但是...",
+    "url": "https://segmentfault.com/a/1190000040951872",
+    "author": "forceddd",
+    "home_url": "https://segmentfault.com/u/forceddd",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "C是如何调用C++接口的？",
-    "description": "C++支持函数重载的, 函数名相同但是参数不同的重载函数在编译后链接的名字并不相同而可以被识别, 这种情况下, 我们引入一个中间层的方法同样可以实现C中调用C++的函数接口。",
-    "url": "https://segmentfault.com/a/1190000040924820",
-    "author": "蓁蓁",
-    "home_url": "https://segmentfault.com/u/oneos",
+    "title": "Chrome  团队提交补丁：阻止用户「查看网页源代码」",
+    "description": "11 月 11日，互联网档案馆(Internet Archive) 的一名员工 Jason Scott 发布推特称，Chrome团队为Chromium项目提交的一个补丁可用于阻止用户使用浏览器的「查看网页源代码」功能。",
+    "url": "https://segmentfault.com/a/1190000040949271",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "C++是如何调用C接口的？",
-    "description": "你可能会奇怪，C++不是兼容C吗？直接调用不就可以了？为什么会有这样的情况呢？想象一下，有些接口是用C实现的，并提供了库，那么C++中该如何使用呢？",
-    "url": "https://segmentfault.com/a/1190000040924712",
-    "author": "蓁蓁",
-    "home_url": "https://segmentfault.com/u/oneos",
+    "title": "互联网大厂考点（阿里+百度+腾讯+字节跳动+美团+京东）",
+    "description": "本文扼要本文结构主要分为以下三个部分：01 互联网大厂考点（阿里+百度+腾讯+字节跳动+美团+京东）02 Java 面试考点大全（基本功底+常用技术+技术深度+技术经验+学习能力+工作能力+项目经验）03 面试真题重现01 ...",
+    "url": "https://segmentfault.com/a/1190000040952540",
+    "author": "Java大将军",
+    "home_url": "https://segmentfault.com/u/23g69kz6",
     "votes": "1",
     "rank": 9
-  },
-  {
-    "title": "vivo 全球商城：商品系统架构设计与实践",
-    "description": "一、前言随着用户量级的快速增长，vivo官方商城v1.0的单体架构逐渐暴露出弊端：模块愈发臃肿、开发效率低下、性能出现瓶颈、系统维护困难。从2017年开始启动的v2.0架构升级，基于业务模块进行垂直的系统物理拆分...",
-    "url": "https://segmentfault.com/a/1190000040924111",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "JavaScript 数学曲线—星形线",
-    "description": "引子继连锁螺线，接着尝试星形线（Astroid）。OriginMy GitHub简介Johann Bernoulli 在 1691-1692 年首次讨论了星形线。它也出现在 Leibniz 1715 年的信件中。它有时被称为四尖瓣，很明显因为它有四个尖。Astroid...",
-    "url": "https://segmentfault.com/a/1190000040924050",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
-    "votes": "1",
-    "rank": 11
   }
 ]

package/dist/sifou-monthly.json

@@ -1,30 +1,21 @@
 [
   {
-    "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": "35",
-    "rank": 3
+    "votes": "36",
+    "rank": 2
   },
   {
     "title": "肝完《浏览器基本原理与实践》，我总结了这些",
@@ -32,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000040896436",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "33",
-    "rank": 4
+    "votes": "36",
+    "rank": 3
   },
   {
     "title": "50天用react.js重写50个web项目，我学到了什么？",
@@ -41,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000040813435",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "35",
-    "rank": 5
+    "votes": "37",
+    "rank": 4
   },
   {
     "title": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
@@ -50,7 +41,16 @@
     "url": "https://segmentfault.com/a/1190000040875211",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "30",
+    "votes": "32",
+    "rank": 5
+  },
+  {
+    "title": "一些常用的 Git 进阶知识与技巧",
+    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
+    "url": "https://segmentfault.com/a/1190000040930212",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "24",
     "rank": 6
   },
   {
@@ -63,23 +63,14 @@
     "rank": 7
   },
   {
-    "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": "32",
+    "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": 8
   },
-  {
-    "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
-    "description": "写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...",
-    "url": "https://segmentfault.com/a/1190000040803264",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "22",
-    "rank": 9
-  },
   {
     "title": "使用 CSS Scroll Snap 优化滚动，提升用户体验！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -87,15 +78,24 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "27",
+    "rank": 9
+  },
+  {
+    "title": "前端架构师的 git 功力，你有几成火候？",
+    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
+    "url": "https://segmentfault.com/a/1190000040879546",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "25",
     "rank": 10
   },
   {
-    "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": "27",
+    "title": "MySQL灵魂拷问：36题带你面试通关",
+    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
+    "url": "https://segmentfault.com/a/1190000040823877",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
+    "votes": "22",
     "rank": 11
   },
   {
@@ -108,22 +108,13 @@
     "rank": 12
   },
   {
-    "title": "20 个值得学习的 Vue 开源项目",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040803238",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "19",
-    "rank": 13
-  },
-  {
-    "title": "MySQL灵魂拷问：36题带你面试通关",
-    "description": "大家好，我是大彬~今天给大家分享MySQL常考的面试题，看看你们能答对多少。本期MySQL面试题的目录如下：事务的四大特性？事务隔离级别有哪些？索引什么是索引？索引的优缺点？索引的作用？什么情况下需要建索引？...",
-    "url": "https://segmentfault.com/a/1190000040823877",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
+    "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": "21",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "7分钟学会写一个浏览器插件——突破某SDN未登录禁止复制的限制",
@@ -132,16 +123,7 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "22",
-    "rank": 15
-  },
-  {
-    "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": 16
+    "rank": 14
   },
   {
     "title": "CSS 实现文本\"不定行数\"截断",
@@ -150,7 +132,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "22",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "前端应该知道的：开放图谱协议（The Open Graph protocol）",
@@ -158,115 +140,133 @@
     "url": "https://segmentfault.com/a/1190000040863000",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "22",
+    "votes": "23",
+    "rank": 16
+  },
+  {
+    "title": "前端实现很哇塞的浏览器端扫码功能🌟",
+    "description": "本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...",
+    "url": "https://segmentfault.com/a/1190000040809122",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "23",
+    "rank": 17
+  },
+  {
+    "title": "把程序做成系统服务",
+    "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
+    "url": "https://segmentfault.com/a/1190000040895843",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "13",
     "rank": 18
   },
   {
-    "title": "关于 v-model 你需要知道的这一切！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040863402",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "19",
+    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
+    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
+    "url": "https://segmentfault.com/a/1190000040914312",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "23",
     "rank": 19
   },
   {
-    "title": "聊聊开发日常的效率提升工具（全）",
-    "description": "前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具",
-    "url": "https://segmentfault.com/a/1190000040818832",
-    "author": "树酱",
-    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "16",
+    "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": 20
   },
   {
-    "title": "前端实现很哇塞的浏览器端扫码功能🌟",
-    "description": "本文主要介绍，通过使用基于 vue 技术栈的前端开发技术，在浏览器端调起摄像头 📷，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等部...",
-    "url": "https://segmentfault.com/a/1190000040809122",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "21",
+    "title": "3D 穿梭效果？使用 CSS 轻松搞定",
+    "description": "背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...",
+    "url": "https://segmentfault.com/a/1190000040936266",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
     "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": "23 个非常有用的 NodeJs 库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040929396",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "21",
     "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": "21",
+    "votes": "20",
     "rank": 23
   },
+  {
+    "title": "聊聊开发日常的效率提升工具（全）",
+    "description": "前言：日常开发中，好的工具往往能让我们事半功倍，有句老话说得好：工欲善其事，必先利其器。使用高效率的工具可以极大提升我们的开发效率。接下来分享下树酱平时开发中经常使用的一些效率工具",
+    "url": "https://segmentfault.com/a/1190000040818832",
+    "author": "树酱",
+    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
+    "votes": "17",
+    "rank": 24
+  },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000040891379",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "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",
+    "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": "【一文秒懂】电商系统商品模块初建分析与设计",
-    "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
-    "url": "https://segmentfault.com/a/1190000040855949",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "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": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040704570",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
+    "title": "Go 日常开发常备第三方库和工具",
+    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
+    "url": "https://segmentfault.com/a/1190000040896809",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "13",
     "rank": 28
   },
   {
-    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
-    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040875123",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
+    "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": "14",
+    "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": 30
   }
 ]