@wcj/github-rank 22.2.23 → 22.2.26

package/web/data/sifou-monthly.json

@@ -1,12 +1,30 @@
 [
+  {
+    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
+    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
+    "url": "https://segmentfault.com/a/1190000041405707",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "25",
+    "rank": 1
+  },
+  {
+    "title": "7个杀手级的JS一行代码",
+    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
+    "url": "https://segmentfault.com/a/1190000041415254",
+    "author": "gaoryrt",
+    "home_url": "https://segmentfault.com/u/gaoryrt",
+    "votes": "29",
+    "rank": 2
+  },
   {
     "title": "17 个实用 shell 脚本，建议收藏！",
     "description": "1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...",
     "url": "https://segmentfault.com/a/1190000041370811",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "24",
-    "rank": 1
+    "votes": "25",
+    "rank": 3
   },
   {
     "title": "展开操作符：一家人就这么被拆散了",
@@ -14,17 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041399412",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "19",
-    "rank": 2
-  },
-  {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041367705",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "23",
-    "rank": 3
+    "votes": "20",
+    "rank": 4
   },
   {
     "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
@@ -32,17 +41,17 @@
     "url": "https://segmentfault.com/a/1190000041403438",
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "21",
-    "rank": 4
+    "votes": "22",
+    "rank": 5
   },
   {
-    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
-    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
-    "url": "https://segmentfault.com/a/1190000041405707",
-    "author": "wlove",
-    "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "20",
-    "rank": 5
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041367705",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "24",
+    "rank": 6
   },
   {
     "title": "60行代码实现React的事件系统",
@@ -51,7 +60,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "18",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "Suspense对React的意义在哪里？",
@@ -60,16 +69,25 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 7
+    "rank": 8
   },
   {
-    "title": "7个杀手级的JS一行代码",
-    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
-    "url": "https://segmentfault.com/a/1190000041415254",
-    "author": "gaoryrt",
-    "home_url": "https://segmentfault.com/u/gaoryrt",
+    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
+    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
+    "url": "https://segmentfault.com/a/1190000041437117",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "19",
+    "rank": 9
+  },
+  {
+    "title": "Redis 忽然变慢了如何排查并解决？",
+    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
+    "url": "https://segmentfault.com/a/1190000041446607",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "20",
-    "rank": 8
+    "rank": 10
   },
   {
     "title": "两年经验前端：字节跳动系—石墨文档面经",
@@ -78,7 +96,25 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "18",
-    "rank": 9
+    "rank": 11
+  },
+  {
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 12
+  },
+  {
+    "title": "前端生成PDF，让后端刮目相看",
+    "description": "PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了...",
+    "url": "https://segmentfault.com/a/1190000041447795",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "16",
+    "rank": 13
   },
   {
     "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
@@ -87,25 +123,16 @@
     "author": "鸣飞",
     "home_url": "https://segmentfault.com/u/mf",
     "votes": "11",
-    "rank": 10
-  },
-  {
-    "title": "断点调试之压缩引发的血案",
-    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
-    "url": "https://segmentfault.com/a/1190000041370583",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
-    "votes": "13",
-    "rank": 11
+    "rank": 14
   },
   {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "Web 中的“选区”和“光标”",
+    "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
+    "url": "https://segmentfault.com/a/1190000041457245",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "15",
-    "rank": 12
+    "rank": 15
   },
   {
     "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
@@ -113,8 +140,17 @@
     "url": "https://segmentfault.com/a/1190000041413541",
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
+    "votes": "15",
+    "rank": 16
+  },
+  {
+    "title": "断点调试之压缩引发的血案",
+    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
+    "url": "https://segmentfault.com/a/1190000041370583",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 13
+    "rank": 17
   },
   {
     "title": "CSS画冰墩墩~",
@@ -122,26 +158,17 @@
     "url": "https://segmentfault.com/a/1190000041385432",
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "17",
-    "rank": 14
-  },
-  {
-    "title": "2022，每个 Leaper 都会有好未来",
-    "description": "我是郑庆鑫，前好未来励步事业部的前端负责人，LeapFE是我们团队的简称，曾几何时，我们团队的共同愿景是成为业界知名的前端团队。而今年由于政策对公司毁灭性打击，这个愿景要搁置了，但对于我们绝大多数人，已...",
-    "url": "https://segmentfault.com/a/1190000041350991",
-    "author": "LeapFE",
-    "home_url": "https://segmentfault.com/u/leapfe",
-    "votes": "28",
-    "rank": 15
+    "votes": "18",
+    "rank": 18
   },
   {
-    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
-    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
-    "url": "https://segmentfault.com/a/1190000041384720",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
+    "title": "小程序实现手写签名",
+    "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
+    "url": "https://segmentfault.com/a/1190000041421576",
+    "author": "小小蚊子",
+    "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "13",
-    "rank": 16
+    "rank": 19
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -149,17 +176,17 @@
     "url": "https://segmentfault.com/a/1190000041373049",
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "12",
-    "rank": 17
+    "votes": "13",
+    "rank": 20
   },
   {
-    "title": "Vercel 与 Next.js：开源全明星团队背后的商业逻辑",
-    "description": "Vercel 是由 Guillermo Rauch 创立的云服务公司，以拥有数个知名开源项目为大众所知，随着 2021 年在融资、招聘、产品等方面的高调亮相，Vercel 的商业逻辑也愈发清晰。",
-    "url": "https://segmentfault.com/a/1190000041341813",
-    "author": "aryu",
-    "home_url": "https://segmentfault.com/u/aryu",
-    "votes": "12",
-    "rank": 18
+    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
+    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
+    "url": "https://segmentfault.com/a/1190000041384720",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "13",
+    "rank": 21
   },
   {
     "title": "跨域了？ 装个插件就够了！",
@@ -168,7 +195,7 @@
     "author": "lucifer",
     "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "votes": "11",
-    "rank": 19
+    "rank": 22
   },
   {
     "title": "React 源码解析系列 - React 的 render 异常处理机制",
@@ -177,7 +204,7 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
-    "rank": 20
+    "rank": 23
   },
   {
     "title": "8 个 Vue.js UI 组件，下一个项目用得上",
@@ -185,34 +212,7 @@
     "url": "https://segmentfault.com/a/1190000041381106",
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "11",
-    "rank": 21
-  },
-  {
-    "title": "vue原理相关总结",
-    "description": "一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...",
-    "url": "https://segmentfault.com/a/1190000041374585",
-    "author": "雨花石",
-    "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
-    "votes": "14",
-    "rank": 22
-  },
-  {
-    "title": "CSS 实现按钮点击动效的套路",
-    "description": "在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画",
-    "url": "https://segmentfault.com/a/1190000041400360",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 23
-  },
-  {
-    "title": "清除 useEffect 副作用",
-    "description": "在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。",
-    "url": "https://segmentfault.com/a/1190000041351344",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
-    "votes": "10",
     "rank": 24
   },
   {
@@ -221,7 +221,7 @@
     "url": "https://segmentfault.com/a/1190000041417062",
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "9",
+    "votes": "10",
     "rank": 25
   },
   {
@@ -230,43 +230,43 @@
     "url": "https://segmentfault.com/a/1190000041436294",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "9",
+    "votes": "11",
     "rank": 26
   },
   {
-    "title": "小程序实现手写签名",
-    "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
-    "url": "https://segmentfault.com/a/1190000041421576",
-    "author": "小小蚊子",
-    "home_url": "https://segmentfault.com/u/zjw8023",
-    "votes": "10",
+    "title": "CSS 实现按钮点击动效的套路",
+    "description": "在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画",
+    "url": "https://segmentfault.com/a/1190000041400360",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "13",
     "rank": 27
   },
   {
-    "title": "首屏时间，你说你优化了，那你倒是计算出给给我看啊！",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景当我们在做项目的性能优化的时候，优化首屏时间是一个避不过去的优化方向，但是又有多少人想过这两个东西...",
-    "url": "https://segmentfault.com/a/1190000041419030",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "11",
+    "title": "vue原理相关总结",
+    "description": "一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...",
+    "url": "https://segmentfault.com/a/1190000041374585",
+    "author": "雨花石",
+    "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
+    "votes": "14",
     "rank": 28
   },
   {
-    "title": "来了来了，CSS 版的冰墩墩来了……",
-    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
-    "url": "https://segmentfault.com/a/1190000041393140",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "10",
+    "title": "GPL3.0许可证软件著作权纠纷案例解析",
+    "description": "工信部 《“十四五”软件和信息技术服务业发展规划的通知》提出了“繁荣国内开源生态”的目标，我国将大力发展国内开源基金会等开源组织，完善开源软件治理规则，普及开源软件文化。开源软件的治理与生态建设，离不开...",
+    "url": "https://segmentfault.com/a/1190000041424310",
+    "author": "AlexChen",
+    "home_url": "https://segmentfault.com/u/alex2020",
+    "votes": "8",
     "rank": 29
   },
   {
-    "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
-    "description": "祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...",
-    "url": "https://segmentfault.com/a/1190000041353909",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "7",
+    "title": "首屏时间，你说你优化了，那你倒是计算出给给我看啊！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景当我们在做项目的性能优化的时候，优化首屏时间是一个避不过去的优化方向，但是又有多少人想过这两个东西...",
+    "url": "https://segmentfault.com/a/1190000041419030",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "12",
     "rank": 30
   }
 ]