@wcj/github-rank 22.3.1 → 22.3.4

package/dist/sifou-monthly.json

@@ -1,12 +1,21 @@
 [
+  {
+    "title": "Web 中的“选区”和“光标”",
+    "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
+    "url": "https://segmentfault.com/a/1190000041457245",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "34",
+    "rank": 1
+  },
   {
     "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
     "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
     "url": "https://segmentfault.com/a/1190000041405707",
     "author": "wlove",
     "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "27",
-    "rank": 1
+    "votes": "32",
+    "rank": 2
   },
   {
     "title": "7个杀手级的JS一行代码",
@@ -14,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000041415254",
     "author": "gaoryrt",
     "home_url": "https://segmentfault.com/u/gaoryrt",
-    "votes": "30",
-    "rank": 2
+    "votes": "31",
+    "rank": 3
   },
   {
     "title": "17 个实用 shell 脚本，建议收藏！",
@@ -23,17 +32,26 @@
     "url": "https://segmentfault.com/a/1190000041370811",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "25",
-    "rank": 3
+    "votes": "27",
+    "rank": 4
   },
   {
-    "title": "Web 中的“选区”和“光标”",
-    "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
-    "url": "https://segmentfault.com/a/1190000041457245",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "24",
-    "rank": 4
+    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
+    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
+    "url": "https://segmentfault.com/a/1190000041437117",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "28",
+    "rank": 5
+  },
+  {
+    "title": "Redis 忽然变慢了如何排查并解决？",
+    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
+    "url": "https://segmentfault.com/a/1190000041446607",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "26",
+    "rank": 6
   },
   {
     "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
@@ -42,16 +60,7 @@
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
     "votes": "23",
-    "rank": 5
-  },
-  {
-    "title": "展开操作符：一家人就这么被拆散了",
-    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
-    "url": "https://segmentfault.com/a/1190000041399412",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "20",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
@@ -59,25 +68,16 @@
     "url": "https://segmentfault.com/a/1190000041367705",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "26",
-    "rank": 7
-  },
-  {
-    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
-    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
-    "url": "https://segmentfault.com/a/1190000041437117",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "22",
+    "votes": "27",
     "rank": 8
   },
   {
-    "title": "60行代码实现React的事件系统",
-    "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
-    "url": "https://segmentfault.com/a/1190000041355419",
+    "title": "展开操作符：一家人就这么被拆散了",
+    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
+    "url": "https://segmentfault.com/a/1190000041399412",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "18",
+    "votes": "20",
     "rank": 9
   },
   {
@@ -86,7 +86,7 @@
     "url": "https://segmentfault.com/a/1190000041447795",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "19",
+    "votes": "21",
     "rank": 10
   },
   {
@@ -99,23 +99,14 @@
     "rank": 11
   },
   {
-    "title": "Redis 忽然变慢了如何排查并解决？",
-    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
-    "url": "https://segmentfault.com/a/1190000041446607",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "21",
+    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
+    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
+    "url": "https://segmentfault.com/a/1190000041443525",
+    "author": "而井",
+    "home_url": "https://segmentfault.com/u/rioli",
+    "votes": "13",
     "rank": 12
   },
-  {
-    "title": "两年经验前端：字节跳动系—石墨文档面经",
-    "description": "前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、['10', '10', '10', '10', '10'].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...",
-    "url": "https://segmentfault.com/a/1190000041355537",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "18",
-    "rank": 13
-  },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
     "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
@@ -123,8 +114,26 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
+    "rank": 13
+  },
+  {
+    "title": "CSS画冰墩墩~",
+    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000041385432",
+    "author": "望记",
+    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
+    "votes": "20",
     "rank": 14
   },
+  {
+    "title": "手把手教你写一个简易的微前端框架",
+    "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
+    "url": "https://segmentfault.com/a/1190000041467802",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "15",
+    "rank": 15
+  },
   {
     "title": "10个CSS技巧，极大提升用户体验",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -132,26 +141,8 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 15
-  },
-  {
-    "title": "CSS画冰墩墩~",
-    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
-    "url": "https://segmentfault.com/a/1190000041385432",
-    "author": "望记",
-    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "19",
     "rank": 16
   },
-  {
-    "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
-    "description": "近日我们关注到知名开源项目 Apache SkyWalking 在其官方博客发布了文章称：字节跳动子公司火山引擎在使用 Apache SkyWalking 构建其商业化产品期间改变了所有的包名，删除了 Apache 软件基金会的 header，并且在...",
-    "url": "https://segmentfault.com/a/1190000041355320",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "11",
-    "rank": 17
-  },
   {
     "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
     "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
@@ -159,6 +150,15 @@
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "15",
+    "rank": 17
+  },
+  {
+    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
+    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
+    "url": "https://segmentfault.com/a/1190000041455457",
+    "author": "皮小蛋",
+    "home_url": "https://segmentfault.com/u/scaukk",
+    "votes": "13",
     "rank": 18
   },
   {
@@ -197,6 +197,15 @@
     "votes": "13",
     "rank": 22
   },
+  {
+    "title": "突破限制，CSS font-variation 可变字体的魅力",
+    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
+    "url": "https://segmentfault.com/a/1190000041470128",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
+    "rank": 23
+  },
   {
     "title": "vue原理相关总结",
     "description": "一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...",
@@ -204,7 +213,7 @@
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
     "votes": "15",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "React 源码解析系列 - React 的 render 异常处理机制",
@@ -213,7 +222,7 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "跨域了？ 装个插件就够了！",
@@ -222,7 +231,7 @@
     "author": "lucifer",
     "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "votes": "11",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "8 个 Vue.js UI 组件，下一个项目用得上",
@@ -231,7 +240,7 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "12",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "urlcat：JavaScript的URL构建器库",
@@ -240,7 +249,7 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "10",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "CSS 实现按钮点击动效的套路",
@@ -249,7 +258,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "13",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "eslint-plugin-import 规则之 Import / Order",
@@ -258,15 +267,6 @@
     "author": "robin",
     "home_url": "https://segmentfault.com/u/robin_ren",
     "votes": "9",
-    "rank": 29
-  },
-  {
-    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
-    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
-    "url": "https://segmentfault.com/a/1190000041455457",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "9",
     "rank": 30
   }
 ]