@wcj/github-rank 21.12.18 → 21.12.22

package/dist/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041099699",
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "34",
+    "votes": "37",
     "rank": 2
   },
   {
@@ -23,17 +23,26 @@
     "url": "https://segmentfault.com/a/1190000041056865",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "28",
+    "votes": "31",
     "rank": 3
   },
+  {
+    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
+    "url": "https://segmentfault.com/a/1190000041089764",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "21",
+    "rank": 4
+  },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
     "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。",
     "url": "https://segmentfault.com/a/1190000041005444",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "28",
-    "rank": 4
+    "votes": "29",
+    "rank": 5
   },
   {
     "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
@@ -42,7 +51,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "25",
-    "rank": 5
+    "rank": 6
   },
   {
     "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
@@ -51,33 +60,24 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "27",
-    "rank": 6
-  },
-  {
-    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
-    "url": "https://segmentfault.com/a/1190000041089764",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "17",
     "rank": 7
   },
-  {
-    "title": "一文讲透自适应熔断的原理和实现",
-    "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
-    "url": "https://segmentfault.com/a/1190000040978572",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "22",
-    "rank": 8
-  },
   {
     "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
     "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
     "url": "https://segmentfault.com/a/1190000041044028",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
+    "votes": "24",
+    "rank": 8
+  },
+  {
+    "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
+    "description": "大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！",
+    "url": "https://segmentfault.com/a/1190000040996585",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "28",
     "rank": 9
   },
   {
@@ -86,26 +86,17 @@
     "url": "https://segmentfault.com/a/1190000041004054",
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "14",
+    "votes": "15",
     "rank": 10
   },
   {
-    "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
-    "description": "大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！",
-    "url": "https://segmentfault.com/a/1190000040996585",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "25",
-    "rank": 11
-  },
-  {
-    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041000841",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "100行代码实现React核心调度功能",
+    "description": "大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...",
+    "url": "https://segmentfault.com/a/1190000041126142",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "17",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
@@ -113,18 +104,36 @@
     "url": "https://segmentfault.com/a/1190000041103446",
     "author": "jrainlau",
     "home_url": "https://segmentfault.com/u/jrainlau",
-    "votes": "16",
+    "votes": "19",
+    "rank": 12
+  },
+  {
+    "title": "现代配置指南——YAML 比 JSON 高级在哪？",
+    "description": "一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...",
+    "url": "https://segmentfault.com/a/1190000041108051",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "26",
     "rank": 13
   },
   {
-    "title": "一篇搞懂容器技术的基石： cgroup",
-    "description": "大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...",
-    "url": "https://segmentfault.com/a/1190000040980305",
-    "author": "张晋涛",
-    "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "12",
+    "title": "公司用的 MySQL 团队开发规范，太详细了，建议收藏！",
+    "description": "数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...",
+    "url": "https://segmentfault.com/a/1190000041105650",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "19",
     "rank": 14
   },
+  {
+    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041000841",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "17",
+    "rank": 15
+  },
   {
     "title": "用CSS来撸一只神经猫",
     "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
@@ -132,16 +141,16 @@
     "author": "linshuai",
     "home_url": "https://segmentfault.com/u/linshuai",
     "votes": "15",
-    "rank": 15
+    "rank": 16
   },
   {
-    "title": "100行代码实现React核心调度功能",
-    "description": "大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...",
-    "url": "https://segmentfault.com/a/1190000041126142",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
-    "rank": 16
+    "title": "详解虚拟DOM与Diff算法",
+    "description": "最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...",
+    "url": "https://segmentfault.com/a/1190000041134103",
+    "author": "kerin",
+    "home_url": "https://segmentfault.com/u/kerin",
+    "votes": "15",
+    "rank": 17
   },
   {
     "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
@@ -150,7 +159,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
@@ -159,53 +168,35 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "rank": 18
-  },
-  {
-    "title": "Error Boundaries是这么实现的，还挺巧妙",
-    "description": "大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...",
-    "url": "https://segmentfault.com/a/1190000041057856",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "10",
     "rank": 19
   },
   {
-    "title": "使用这11个代码，可以大大地简化我们的代码。",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040759530",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
+    "title": "「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！",
+    "description": "就在今年年初，我成为了一名作者，我的昵称是「Sunshine_Lin」，这是因为这个英文名跟我「林三心」的发音很像。他们都叫我「三心哥」，虽然我是个菜鸟，但是他们都叫我哥，还有，用最通俗的话讲最难的知识点是我...",
+    "url": "https://segmentfault.com/a/1190000041037062",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "21",
     "rank": 20
   },
   {
-    "title": "现代配置指南——YAML 比 JSON 高级在哪？",
-    "description": "一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...",
-    "url": "https://segmentfault.com/a/1190000041108051",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "18",
+    "title": "利用 clip-path 实现动态区域裁剪",
+    "description": "背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...",
+    "url": "https://segmentfault.com/a/1190000041126373",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
     "rank": 21
   },
   {
-    "title": "公司用的 MySQL 团队开发规范，太详细了，建议收藏！",
-    "description": "数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...",
-    "url": "https://segmentfault.com/a/1190000041105650",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "16",
+    "title": "Error Boundaries是这么实现的，还挺巧妙",
+    "description": "大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...",
+    "url": "https://segmentfault.com/a/1190000041057856",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "10",
     "rank": 22
   },
-  {
-    "title": "「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！",
-    "description": "就在今年年初，我成为了一名作者，我的昵称是「Sunshine_Lin」，这是因为这个英文名跟我「林三心」的发音很像。他们都叫我「三心哥」，虽然我是个菜鸟，但是他们都叫我哥，还有，用最通俗的话讲最难的知识点是我...",
-    "url": "https://segmentfault.com/a/1190000041037062",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "20",
-    "rank": 23
-  },
   {
     "title": "如果将元宇宙逐层拆解，你会发现内核是“云”",
     "description": "2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...",
@@ -213,7 +204,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "9",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "2021 re:Invent ，我们到底该关注哪些发布？",
@@ -222,7 +213,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "一个 Babelfish ，看懂云数据库的发展方向",
@@ -231,16 +222,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 26
-  },
-  {
-    "title": "安排几款实用的内网穿透工具+教程",
-    "description": "nps是一款轻量级、高性能、功能强大的内网穿透代理服务器。目前支持tcp、udp流量转发，可支持任何tcp、udp上层协议（访问内网网站、本地支付接口调试、ssh访问、远程桌面，内网dns解析等等……），此外还支持内网ht...",
-    "url": "https://segmentfault.com/a/1190000040979218",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "13",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
@@ -249,7 +231,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "这是什么选秀节目？数百万人看后想学「机器学习」",
@@ -258,7 +240,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "8",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "你说你会Promise？那你解决一下项目中的这五个难题？",
@@ -267,6 +249,24 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "16",
+    "rank": 28
+  },
+  {
+    "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
+    "description": "近日，Log4j2 被爆出现史诗级利用成本极低危害极大的漏洞，黑客可通过发送一条指令即可控制目标设备。Log4j2 作为基础日志组件被大量基础服务在底层使用，据统计，该漏洞影响6万+流行开源软件，影响70%以上的企业...",
+    "url": "https://segmentfault.com/a/1190000041105568",
+    "author": "火线安全",
+    "home_url": "https://segmentfault.com/u/huoxian",
+    "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "原来这才是 Socket ！",
+    "description": "关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。",
+    "url": "https://segmentfault.com/a/1190000041119178",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
+    "votes": "14",
     "rank": 30
   }
 ]