@wcj/github-rank 21.12.22 → 21.12.26

package/dist/sifou-monthly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "CSS mask 实现鼠标跟随镂空效果",
-    "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
-    "url": "https://segmentfault.com/a/1190000040996523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "43",
-    "rank": 1
-  },
   {
     "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
     "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
     "url": "https://segmentfault.com/a/1190000041099699",
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "37",
-    "rank": 2
+    "votes": "38",
+    "rank": 1
   },
   {
     "title": "React、Vue我全都要！React Hook 实现 Vue 的11个基本功能",
@@ -24,7 +15,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "31",
-    "rank": 3
+    "rank": 2
   },
   {
     "title": "思否年度有奖征文丨用文字记录下属于你的2021",
@@ -32,17 +23,17 @@
     "url": "https://segmentfault.com/a/1190000041089764",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "21",
-    "rank": 4
+    "votes": "23",
+    "rank": 3
   },
   {
-    "title": "以 Vuex 为引，一窥状态管理全貌",
-    "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。",
-    "url": "https://segmentfault.com/a/1190000041005444",
+    "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": "29",
-    "rank": 5
+    "votes": "30",
+    "rank": 4
   },
   {
     "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
@@ -51,7 +42,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "25",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
@@ -59,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041032091",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "27",
-    "rank": 7
+    "votes": "28",
+    "rank": 6
   },
   {
     "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
@@ -68,26 +59,17 @@
     "url": "https://segmentfault.com/a/1190000041044028",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "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
+    "votes": "25",
+    "rank": 7
   },
   {
-    "title": "git进阶（撤销pull、撤销merge、撤销add）",
-    "description": "1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...",
-    "url": "https://segmentfault.com/a/1190000041004054",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "15",
-    "rank": 10
+    "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": "19",
+    "rank": 8
   },
   {
     "title": "100行代码实现React核心调度功能",
@@ -95,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000041126142",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "17",
-    "rank": 11
+    "votes": "19",
+    "rank": 9
   },
   {
     "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
@@ -105,16 +87,7 @@
     "author": "jrainlau",
     "home_url": "https://segmentfault.com/u/jrainlau",
     "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
+    "rank": 10
   },
   {
     "title": "公司用的 MySQL 团队开发规范，太详细了，建议收藏！",
@@ -122,17 +95,35 @@
     "url": "https://segmentfault.com/a/1190000041105650",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "19",
-    "rank": 14
+    "votes": "20",
+    "rank": 11
   },
   {
-    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041000841",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
-    "rank": 15
+    "title": "2022前端必用⭐正则大全, 请🚀提前收好.",
+    "description": "你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.",
+    "url": "https://segmentfault.com/a/1190000041153005",
+    "author": "铁皮饭盒",
+    "home_url": "https://segmentfault.com/u/russell221",
+    "votes": "21",
+    "rank": 12
+  },
+  {
+    "title": "用一个 flv.js 播放监控的例子，带你深撅直播流技术",
+    "description": "本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。",
+    "url": "https://segmentfault.com/a/1190000041163719",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "16",
+    "rank": 13
+  },
+  {
+    "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": "22",
+    "rank": 14
   },
   {
     "title": "用CSS来撸一只神经猫",
@@ -141,16 +132,16 @@
     "author": "linshuai",
     "home_url": "https://segmentfault.com/u/linshuai",
     "votes": "15",
-    "rank": 16
+    "rank": 15
   },
   {
-    "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": "机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?",
+    "description": "前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。",
+    "url": "https://segmentfault.com/a/1190000041156066",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "11",
+    "rank": 16
   },
   {
     "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
@@ -159,25 +150,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 18
-  },
-  {
-    "title": "PHP 基金会，是个好事 (PHP Foundation)",
-    "description": "2021 年 11 月 23 日，PHP 主力开发 Nikita Popov 发文宣布 将不再参与 PHP 的主要维护，从月底开始逐渐淡出。据说 Nikita Popov 从他还在上高中时就开始参与 PHP 的开发，彼时为 2011 年，截至目前已有 10 年之...",
-    "url": "https://segmentfault.com/a/1190000041008293",
-    "author": "summerblue",
-    "home_url": "https://segmentfault.com/u/summerblue",
-    "votes": "15",
-    "rank": 19
-  },
-  {
-    "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
+    "rank": 17
   },
   {
     "title": "利用 clip-path 实现动态区域裁剪",
@@ -186,7 +159,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "13",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "Error Boundaries是这么实现的，还挺巧妙",
@@ -195,7 +168,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 22
+    "rank": 19
+  },
+  {
+    "title": "【建议收藏】11+实战技巧，让你轻松从Vue过渡到React",
+    "description": "这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）",
+    "url": "https://segmentfault.com/a/1190000041157904",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "17",
+    "rank": 20
   },
   {
     "title": "如果将元宇宙逐层拆解，你会发现内核是“云”",
@@ -204,7 +186,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "9",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "2021 re:Invent ，我们到底该关注哪些发布？",
@@ -213,7 +195,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "一个 Babelfish ，看懂云数据库的发展方向",
@@ -222,7 +204,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 25
+    "rank": 23
+  },
+  {
+    "title": "原来这才是 Socket ！",
+    "description": "关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。",
+    "url": "https://segmentfault.com/a/1190000041119178",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
+    "votes": "15",
+    "rank": 24
   },
   {
     "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
@@ -231,6 +222,15 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
+    "rank": 25
+  },
+  {
+    "title": "10个HTML文件上传技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041088153",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
     "rank": 26
   },
   {
@@ -239,9 +239,18 @@
     "url": "https://segmentfault.com/a/1190000041130996",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
-    "votes": "8",
+    "votes": "9",
     "rank": 27
   },
+  {
+    "title": "Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？",
+    "description": "在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下： {代码...} 从上面的代码可以看出，WeakMap 缓存区的作用就是用来防止对象被重复...",
+    "url": "https://segmentfault.com/a/1190000041110940",
+    "author": "百瓶技术",
+    "home_url": "https://segmentfault.com/u/billionbottle",
+    "votes": "8",
+    "rank": 28
+  },
   {
     "title": "你说你会Promise？那你解决一下项目中的这五个难题？",
     "description": "大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，众所周知哈， Promise 在咱们的开发中是相当的重要，我觉得对于 Promise 的使用等级，可以分为三个等级",
@@ -249,7 +258,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "16",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
@@ -258,15 +267,6 @@
     "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
   }
 ]