@wcj/github-rank 21.9.18 → 21.9.22

package/dist/sifou-daily.json

@@ -1,83 +1,29 @@
 [
   {
-    "title": "该来的还是来了，盘点 ES12 中有新特性！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040698866",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
-    "rank": 1
-  },
-  {
-    "title": "LeetCode-326-3的幂",
-    "description": "题目描述：给定一个整数，写一个函数来判断它是否是 3 的幂次方。如果是，返回 true ；否则，返回 false 。整数 n 是 3 的幂次方需满足：存在整数 x 使得 n == $3^{x}$示例说明请见LeetCode官网。来源：力扣（Lee...",
-    "url": "https://segmentfault.com/a/1190000040699449",
+    "title": "LeetCode-345-反转字符串中的元音字母",
+    "description": "题目描述：编写一个函数，以字符串作为输入，反转该字符串中的元音字母。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。",
+    "url": "https://segmentfault.com/a/1190000040713293",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "最新！中国信通院可信开源评估结果正式发布",
-    "description": "随着近些年开源技术的广泛应用，我国开源生态不断发展壮大，企业在广泛使用开源软件的过程中逐步了解开源风险，从而关注开源治理。与此同时，市场上涌现了大量开源项目、开源治理方法和配套的开源治理工具。针对...",
-    "url": "https://segmentfault.com/a/1190000040700587",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "巧用git stash暂存代码到本地，解决冲突&&暂存文件",
-    "description": "（1）git stash save \"save message\": 执行存储时，添加备注，方便查找，只有git stash 也要可以的，但查找时不方便识别。",
-    "url": "https://segmentfault.com/a/1190000040700349",
-    "author": "起风了",
-    "home_url": "https://segmentfault.com/u/qifengliao_5e7f5b20ee3bd",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "微信小程序Canvas绘制证件照底色，小程序Canvas绘图",
-    "description": "小程序提供了Canvas绘图的API，我们很轻松就可以使用Canvas绘制一张图片并保存下来。本次案例使用绘制证件照的方式演示Canvas的示例。",
-    "url": "https://segmentfault.com/a/1190000040700247",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "SSR服务化的落地",
-    "description": "本文分享了笔者在过往落地SSR时的一个不同落地思路，希望通过此文给尝试落地SSR的团队多一个可以尝试的方向。本文以VUE框架的实现为例说明整体落地过程，其它框架可在渲染层进行适配处理。",
-    "url": "https://segmentfault.com/a/1190000040700067",
-    "author": "周兴钢",
-    "home_url": "https://segmentfault.com/u/zhouxinggang",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "真香！原来 CLI 开发可以这么简单",
-    "description": "CLI（命令行工具，Command Line Interface）大家都非常熟悉了，比如 create-react-app 等。我们今天介绍一个 CLI 工具的开发框架，可以帮助我们快速构建 CLI 工具。",
-    "url": "https://segmentfault.com/a/1190000040699705",
-    "author": "广吾",
-    "home_url": "https://segmentfault.com/u/everfind",
-    "votes": "1",
-    "rank": 7
+    "rank": 1
   },
   {
-    "title": "TypeScript系列🔥, 通过vue3实例说说declare module语法怎么用[🦕模块声明篇]",
-    "description": "欠你们的本系列文章是我20年开始写的, 这个模块声明也是本系列的最后一课, 中间因为时间安排间隔了1年, 当时答应大家要补充的, 现在来还债😊.中间的时间我写了vue3的入门教程, 现在写了一半了吧, 带视频的, 如果有...",
-    "url": "https://segmentfault.com/a/1190000040699170",
-    "author": "铁皮饭盒",
-    "home_url": "https://segmentfault.com/u/russell221",
+    "title": "伪类和伪元素",
+    "description": "一、伪类已存在的某个元素处于某种状态，但是通过dom树无法表达这种状态，就可以通过伪类来描述这种状态。主要有状态伪类，结构伪类，表单相关伪类，其他伪类",
+    "url": "https://segmentfault.com/a/1190000040714212",
+    "author": "chengjufei",
+    "home_url": "https://segmentfault.com/u/chengjufei",
     "votes": "1",
-    "rank": 8
+    "rank": 2
   },
   {
-    "title": "linux 切换软件源到国内代理加速地址",
-    "description": "经常会使用各种Linux的发行版本，很多时候需要使用yum和apt去安装软件，但是Linux镜像中的软件源使用的是国外的地址，访问速度非常慢，有些时候甚至访问失败，每次都需要去网上找对应的软件源地址。",
-    "url": "https://segmentfault.com/a/1190000040701569",
-    "author": "汤青松",
-    "home_url": "https://segmentfault.com/u/songboy",
+    "title": "如何安全地执行用户的自定义 nodejs 脚本",
+    "description": "最近在业务开发过程中，遇到需要执行用户自定义 nodejs 脚本的场景，那么该如何安全地执行用户的神秘代码呢？用户脚本用户脚本具有不可预测性的特点。在浏览器端，用户脚本可以直接获取到 cookie，localStorage ...",
+    "url": "https://segmentfault.com/a/1190000040713746",
+    "author": "chlorine",
+    "home_url": "https://segmentfault.com/u/nicksonlvqq",
     "votes": "1",
-    "rank": 9
+    "rank": 3
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040642243",
     "author": "SHERlocked93",
     "home_url": "https://segmentfault.com/u/sherlocked93",
-    "votes": "52",
+    "votes": "54",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040563214",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "43",
+    "votes": "45",
     "rank": 2
   },
   {
@@ -23,9 +23,18 @@
     "url": "https://segmentfault.com/a/1190000040580887",
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "42",
+    "votes": "43",
     "rank": 3
   },
+  {
+    "title": "56 个 NPM 包解决 16 个 React 问题",
+    "description": "关于如何选择完美的 npm 包的深入指南。React 是用于构建用户界面的 JavaScript 库，它不仅是一个前端 UI 开发框架，更是一套完整的前端开发生态体系。虽然 React 没有包含所有的解决方案，但是我们可以从繁荣的...",
+    "url": "https://segmentfault.com/a/1190000040569553",
+    "author": "破晓L",
+    "home_url": "https://segmentfault.com/u/webinfoq",
+    "votes": "29",
+    "rank": 4
+  },
   {
     "title": "30 个有用的 Node.js NPM 包",
     "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
@@ -33,15 +42,6 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "38",
-    "rank": 4
-  },
-  {
-    "title": "56 个 NPM 包解决 16 个 React 问题",
-    "description": "关于如何选择完美的 npm 包的深入指南。React 是用于构建用户界面的 JavaScript 库，它不仅是一个前端 UI 开发框架，更是一套完整的前端开发生态体系。虽然 React 没有包含所有的解决方案，但是我们可以从繁荣的...",
-    "url": "https://segmentfault.com/a/1190000040569553",
-    "author": "破晓L",
-    "home_url": "https://segmentfault.com/u/webinfoq",
-    "votes": "28",
     "rank": 5
   },
   {
@@ -50,9 +50,18 @@
     "url": "https://segmentfault.com/a/1190000040582994",
     "author": "蛙人",
     "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "34",
+    "votes": "36",
     "rank": 6
   },
+  {
+    "title": "给自己点时间再记记这200条Git命令",
+    "description": "我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...",
+    "url": "https://segmentfault.com/a/1190000040685726",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "28",
+    "rank": 7
+  },
   {
     "title": "大概几集下饭剧时间就能懂的VUE3原理",
     "description": "大家好，我是卡颂。最近中午没胃口，找来VUE源码相关视频来当下饭剧。几顿饭下去，人胖了，VUE也整明白了。这篇文章为你带来一份VUE3原理速成指南。模块划分如果我们用VUE的模版语法定义： {代码...} 最终VUE会帮...",
@@ -60,7 +69,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "23",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "MySQL 数据库定时备份的几种方式（非常全面）",
@@ -68,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000040642688",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "21",
-    "rank": 8
+    "votes": "22",
+    "rank": 9
   },
   {
     "title": "高性能利器：CDN我建议你好好学一下！",
@@ -78,15 +87,6 @@
     "author": "九灵",
     "home_url": "https://segmentfault.com/u/jaycekon",
     "votes": "27",
-    "rank": 9
-  },
-  {
-    "title": "给自己点时间再记记这200条Git命令",
-    "description": "我平时使用 Git 的时候，很多的 Git 命令我都不是很常用，工作中一般我们会配合一些可视化工具，或者编辑器自带的一些插件去维护 Git 仓库，但是我们也要记得一些常用 Git 命令来应变一些特殊的场景，下面是我收...",
-    "url": "https://segmentfault.com/a/1190000040685726",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "25",
     "rank": 10
   },
   {
@@ -107,6 +107,15 @@
     "votes": "19",
     "rank": 12
   },
+  {
+    "title": "分享32个JavaScript工作中常用的代码片段",
+    "description": "前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...",
+    "url": "https://segmentfault.com/a/1190000040637925",
+    "author": "蛙人",
+    "home_url": "https://segmentfault.com/u/jack_code",
+    "votes": "26",
+    "rank": 13
+  },
   {
     "title": "能说会道爱办公——“别人家的”Chrome插件到底怎么做",
     "description": "根据相关数据显示，谷歌的Chrome浏览器目前已达近七成的市场占有率，成为浏览器的“霸主”。大家选择Chrome，除了是因为性能的优越以及强大的兼容性之外，Chrome充足的扩展插件，可以让我们的浏览器成为一个“百宝箱...",
@@ -114,15 +123,6 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "15",
-    "rank": 13
-  },
-  {
-    "title": "分享32个JavaScript工作中常用的代码片段",
-    "description": "前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...",
-    "url": "https://segmentfault.com/a/1190000040637925",
-    "author": "蛙人",
-    "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "25",
     "rank": 14
   },
   {
@@ -134,23 +134,14 @@
     "votes": "21",
     "rank": 15
   },
-  {
-    "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
-    "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
-    "url": "https://segmentfault.com/a/1190000040556634",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "16",
-    "rank": 16
-  },
   {
     "title": "后端视野学 Webpack ，文武双全？",
     "description": "挺多人对前端开发是存在一定的误解的，感觉会点 H5 + C3 + JS 就等于会前端开发，但近几年前后端分离的模式逐渐流行起来，就说明前端早已没有之前那么简单。",
     "url": "https://segmentfault.com/a/1190000040589710",
     "author": "蔡不菜丶",
     "home_url": "https://segmentfault.com/u/17689400062",
-    "votes": "23",
-    "rank": 17
+    "votes": "24",
+    "rank": 16
   },
   {
     "title": "热议：CSS为什么这么难学？一定是你方法不对",
@@ -159,16 +150,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "16",
-    "rank": 18
-  },
-  {
-    "title": "13个JavaScript 一行程序，让你看起来像个专家",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040464301",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
-    "rank": 19
+    "rank": 17
   },
   {
     "title": "奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？",
@@ -176,8 +158,8 @@
     "url": "https://segmentfault.com/a/1190000040563987",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 20
+    "votes": "15",
+    "rank": 18
   },
   {
     "title": "你还在认为TypeScirpt 是 AnyScript ？",
@@ -186,6 +168,24 @@
     "author": "大新",
     "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
     "votes": "14",
+    "rank": 19
+  },
+  {
+    "title": "基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇",
+    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
+    "url": "https://segmentfault.com/a/1190000040688086",
+    "author": "大新",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "17",
+    "rank": 20
+  },
+  {
+    "title": "15个值得收藏的JavaScript函数",
+    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
+    "url": "https://segmentfault.com/a/1190000040661568",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "18",
     "rank": 21
   },
   {
@@ -197,15 +197,6 @@
     "votes": "22",
     "rank": 22
   },
-  {
-    "title": "15个值得收藏的JavaScript函数",
-    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
-    "url": "https://segmentfault.com/a/1190000040661568",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "17",
-    "rank": 23
-  },
   {
     "title": "前端“油画设计师”——双缓存绘制与油画分层机制",
     "description": "Canvas在图像处理、绘制渲染上有一些得天独厚的优势。但是当我们当前展示的内容中在主题内容变化不大的情况下，会有一些小部分内容的变化，在页面刷新或者滚动的时候，一帧中会有很多复杂内容元素的图画运算，重...",
@@ -213,7 +204,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "14",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "CSS 快速实现烟花绽放🎆",
@@ -222,7 +213,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "Vue 更新到 3.2 版本了，你还学得动吗？",
@@ -231,42 +222,51 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "15",
+    "rank": 25
+  },
+  {
+    "title": "高深莫测的“隐写术”并不是黑客特工的专属 - 我用前端实现的隐写,非常有意思❗",
+    "description": "前言哈喽大家好~我是荣顶,马上中秋节啦 ~ 先祝大家中秋节快乐,阖家团圆,幸福安康~这次之所以会出一期版权保护的内容,是因为前段时间有群友说他的文章被盗了,于是冲着对版权保护方法的好奇,就有了这篇文章 ~版权保...",
+    "url": "https://segmentfault.com/a/1190000040686657",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "15",
     "rank": 26
   },
   {
-    "title": "从 0 到 1 开发一个聊天通讯 服务 复盘总结分享",
-    "description": "接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 ...",
-    "url": "https://segmentfault.com/a/1190000040688086",
-    "author": "大新",
-    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "title": "神级程序员们都在用的技术网站！总结好了，分享给你",
+    "description": "作为一个程序员、码农、新时代的农民工来说，一些必备的网站（如：搜索引擎、代码管理、技术学习、工具查找、技术博客等）是非常必要的。所以，今天民工哥给大家整理一期程序员必备的常用技术网站平台集合，排名...",
+    "url": "https://segmentfault.com/a/1190000040668661",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "14",
     "rank": 27
   },
+  {
+    "title": "如何阅读源码 —— 以 Vetur 为例",
+    "description": "我很早就意识到，能熟练、高效阅读开源前端框架源码是成为一个高级前端工程师必须具备的基本技能之一，所以在我职业生涯的最早期，就已经开始做了很多次相关的尝试，但结果通常都以失败告终，原因五花八门：",
+    "url": "https://segmentfault.com/a/1190000040686256",
+    "author": "范文杰",
+    "home_url": "https://segmentfault.com/u/fanwenjie",
+    "votes": "12",
+    "rank": 28
+  },
   {
     "title": "从零到一实现企业级微前端框架，保姆级教学",
     "description": "微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架，其中包含了以下功能：",
     "url": "https://segmentfault.com/a/1190000040638020",
     "author": "y_ck",
     "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
-    "votes": "11",
-    "rank": 28
-  },
-  {
-    "title": "《Vue入门》| 一记敲门砖，敲近你我它！",
-    "description": "大家好，我是小菜。一个希望能够成为 吹着牛X谈架构 的男人！如果你也想成为我想成为的人，不然点个关注做个伴，让小菜不再孤单！本文主要介绍 Vue 入门介绍如有需要，可以参考如有帮助，不忘 点赞 ❥微信公众号已...",
-    "url": "https://segmentfault.com/a/1190000040631615",
-    "author": "蔡不菜丶",
-    "home_url": "https://segmentfault.com/u/17689400062",
     "votes": "12",
     "rank": 29
   },
   {
-    "title": "微服务架构下的熔断框架：hystrix-go",
-    "description": "伴随着微服务架构被宣传得如火如茶，一些概念也被推到了我们的面前。一提到微服务，就离不开这几个字：高内聚低耦合；微服务的架构设计最终目的也就是实现这几个字。在微服务架构中，微服务就是完成一个单一的业...",
-    "url": "https://segmentfault.com/a/1190000040640072",
-    "author": "asong",
-    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
-    "votes": "9",
+    "title": "性能优化：如何更快地接收数据",
+    "description": "从网卡到应用程序，数据包会经过一系列组件，其中驱动做了什么？内核做了什么？为了优化，我们又能做些什么？整个过程中涉及到诸多细微可调的软硬件参数，并且相互影响，不存在一劳永逸的“银弹”。本文中又拍云系...",
+    "url": "https://segmentfault.com/a/1190000040680395",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "10",
     "rank": 30
   }
 ]