@wcj/github-rank 21.11.18 → 21.11.22

package/dist/sifou-monthly.json

@@ -5,35 +5,53 @@
     "url": "https://segmentfault.com/a/1190000040906316",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "51",
+    "votes": "56",
     "rank": 1
   },
-  {
-    "title": "就因为这三个知识点，我彻底学废了”正则表达式“",
-    "description": "曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。",
-    "url": "https://segmentfault.com/a/1190000040846926",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "40",
-    "rank": 2
-  },
   {
     "title": "肝完《浏览器基本原理与实践》，我总结了这些",
     "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
     "url": "https://segmentfault.com/a/1190000040896436",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "40",
+    "rank": 2
+  },
+  {
+    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
+    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
+    "url": "https://segmentfault.com/a/1190000040948561",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "38",
     "rank": 3
   },
+  {
+    "title": "前端架构师的 git 功力，你有几成火候？",
+    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
+    "url": "https://segmentfault.com/a/1190000040879546",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "35",
+    "rank": 4
+  },
   {
     "title": "一些常用的 Git 进阶知识与技巧",
     "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
     "url": "https://segmentfault.com/a/1190000040930212",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "29",
-    "rank": 4
+    "votes": "31",
+    "rank": 5
+  },
+  {
+    "title": "这几个高级前端常用的API，你用到了吗？",
+    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
+    "url": "https://segmentfault.com/a/1190000040942225",
+    "author": "lzg9527",
+    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
+    "votes": "36",
+    "rank": 6
   },
   {
     "title": "大道至简，繁在人心：在浏览器控制台安装npm包是什么操作？",
@@ -42,43 +60,16 @@
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "34",
-    "rank": 5
-  },
-  {
-    "title": "前端架构师的 git 功力，你有几成火候？",
-    "description": "本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的 git 实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit 规范与提交验证误操作的撤回方案Tag 与生产环境永久杜绝 443 Timeou...",
-    "url": "https://segmentfault.com/a/1190000040879546",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "33",
-    "rank": 6
-  },
-  {
-    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
-    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
-    "url": "https://segmentfault.com/a/1190000040948561",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "33",
     "rank": 7
   },
-  {
-    "title": "前端如何防止用户修改水印？",
-    "description": "这篇文章聊到的「前端水印防篡改」方法，本来是想作为一份专利提交给公司的，但我下笔之前去国内的专利检索网站上搜了下，发现一模一样的方案已经被申请了，是一位字节跳动的哥们在今年年初递交的。",
-    "url": "https://segmentfault.com/a/1190000040840891",
-    "author": "劉凯里",
-    "home_url": "https://segmentfault.com/u/kyrieliu",
-    "votes": "24",
-    "rank": 8
-  },
   {
     "title": "3D 穿梭效果？使用 CSS 轻松搞定",
     "description": "背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...",
     "url": "https://segmentfault.com/a/1190000040936266",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "33",
-    "rank": 9
+    "votes": "36",
+    "rank": 8
   },
   {
     "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
@@ -87,7 +78,7 @@
     "author": "若川",
     "home_url": "https://segmentfault.com/u/lxchuan12",
     "votes": "30",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
@@ -95,8 +86,8 @@
     "url": "https://segmentfault.com/a/1190000040908304",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
-    "rank": 11
+    "votes": "24",
+    "rank": 10
   },
   {
     "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
@@ -104,25 +95,34 @@
     "url": "https://segmentfault.com/a/1190000040914312",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "25",
+    "votes": "26",
+    "rank": 11
+  },
+  {
+    "title": "23 个非常有用的 NodeJs 库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040929396",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "24",
     "rank": 12
   },
   {
-    "title": "前端如何实现token的无感刷新",
-    "description": "通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录...",
-    "url": "https://segmentfault.com/a/1190000040850857",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "26",
+    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
+    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040875123",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "28",
     "rank": 13
   },
   {
-    "title": "这几个高级前端常用的API，你用到了吗？",
-    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
-    "url": "https://segmentfault.com/a/1190000040942225",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "24",
+    "title": "Go 日常开发常备第三方库和工具",
+    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
+    "url": "https://segmentfault.com/a/1190000040896809",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "20",
     "rank": 14
   },
   {
@@ -143,23 +143,14 @@
     "votes": "24",
     "rank": 16
   },
-  {
-    "title": "处理可能超时的异步操作",
-    "description": "自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...",
-    "url": "https://segmentfault.com/a/1190000040963849",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "17",
-    "rank": 17
-  },
   {
     "title": "前端Node.js面试题",
     "description": "Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。我们可以理解为：Node.js 就是一个...",
     "url": "https://segmentfault.com/a/1190000040937008",
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "17",
-    "rank": 18
+    "votes": "18",
+    "rank": 17
   },
   {
     "title": "把程序做成系统服务",
@@ -167,61 +158,70 @@
     "url": "https://segmentfault.com/a/1190000040895843",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "13",
+    "votes": "14",
+    "rank": 18
+  },
+  {
+    "title": "处理可能超时的异步操作",
+    "description": "自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...",
+    "url": "https://segmentfault.com/a/1190000040963849",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "17",
     "rank": 19
   },
   {
-    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
-    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040875123",
+    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
+    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040902611",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "25",
     "rank": 20
   },
   {
-    "title": "23 个非常有用的 NodeJs 库",
+    "title": "关于 v-model 你需要知道的这一切！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040929396",
+    "url": "https://segmentfault.com/a/1190000040863402",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "22",
+    "votes": "20",
     "rank": 21
   },
   {
-    "title": "关于 v-model 你需要知道的这一切！",
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040863402",
+    "url": "https://segmentfault.com/a/1190000040891379",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
+    "votes": "21",
     "rank": 22
   },
   {
-    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
-    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040902611",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "25",
+    "title": "PC端高倍屏适配方案实践",
+    "description": "随着PC端屏幕的发展，PC端也逐步出现了更高倍数的屏幕，相对于手机端的Retina屏，PC端也出现了多倍数适配的要求，本文主要是PC端高倍屏幕适配方案的一个实践总结，希望能给对PC端有适配高倍屏幕需求的同学有一些...",
+    "url": "https://segmentfault.com/a/1190000040885865",
+    "author": "野林",
+    "home_url": "https://segmentfault.com/u/vleedesigntheory",
+    "votes": "17",
     "rank": 23
   },
   {
-    "title": "Go 日常开发常备第三方库和工具",
-    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
-    "url": "https://segmentfault.com/a/1190000040896809",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "16",
+    "title": "念念不忘，必有echo )))) ——讲述一个Typecho开源博客程序坚持 15 年的故事",
+    "description": "大家好，我是Typecho开发团队的 sluke，感谢大家在线上线下听我分享我给大家分享的，是一个小故事，一个开源博客程序坚持 15 年的故事，是这个团队的一点点启发和心得",
+    "url": "https://segmentfault.com/a/1190000040888747",
+    "author": "sluke",
+    "home_url": "https://segmentfault.com/u/sluke",
+    "votes": "12",
     "rank": 24
   },
   {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040891379",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
+    "title": "纯 Git 实现前端 CI/CD",
+    "description": "最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...",
+    "url": "https://segmentfault.com/a/1190000040904889",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "17",
     "rank": 25
   },
   {
@@ -233,15 +233,6 @@
     "votes": "16",
     "rank": 26
   },
-  {
-    "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": 27
-  },
   {
     "title": "【一文秒懂】电商系统商品模块初建分析与设计",
     "description": "创建《一文秒懂》这个专栏与以往《Grace development》和我博客的个人分享文章不同，我对《一文秒懂》这个专栏的定位是一个有态度，高标准的技术专栏，而《Grace development》我依旧会讲一些我们日常中会碰到的...",
@@ -249,24 +240,33 @@
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
     "votes": "14",
+    "rank": 27
+  },
+  {
+    "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": "11",
     "rank": 28
   },
   {
-    "title": "纯 Git 实现前端 CI/CD",
-    "description": "最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...",
-    "url": "https://segmentfault.com/a/1190000040904889",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "16",
+    "title": "一篇搞懂容器技术的基石： cgroup",
+    "description": "大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...",
+    "url": "https://segmentfault.com/a/1190000040980305",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "10",
     "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": "一文讲透自适应熔断的原理和实现",
+    "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
+    "url": "https://segmentfault.com/a/1190000040978572",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "11",
     "rank": 30
   }
 ]