@wcj/github-rank 22.2.22 → 22.2.25

package/dist/sifou-monthly.json

@@ -1,12 +1,39 @@
 [
+  {
+    "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": "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": "23",
-    "rank": 1
+    "votes": "25",
+    "rank": 2
+  },
+  {
+    "title": "7个杀手级的JS一行代码",
+    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
+    "url": "https://segmentfault.com/a/1190000041415254",
+    "author": "gaoryrt",
+    "home_url": "https://segmentfault.com/u/gaoryrt",
+    "votes": "27",
+    "rank": 3
+  },
+  {
+    "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
+    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
+    "url": "https://segmentfault.com/a/1190000041403438",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "22",
+    "rank": 4
   },
   {
     "title": "展开操作符：一家人就这么被拆散了",
@@ -15,7 +42,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "19",
-    "rank": 2
+    "rank": 5
   },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
@@ -23,17 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041367705",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "23",
-    "rank": 3
-  },
-  {
-    "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
-    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
-    "url": "https://segmentfault.com/a/1190000041403438",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "21",
-    "rank": 4
+    "votes": "24",
+    "rank": 6
   },
   {
     "title": "60行代码实现React的事件系统",
@@ -42,7 +60,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "18",
-    "rank": 5
+    "rank": 7
   },
   {
     "title": "Suspense对React的意义在哪里？",
@@ -51,7 +69,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 6
+    "rank": 8
+  },
+  {
+    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
+    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
+    "url": "https://segmentfault.com/a/1190000041437117",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "18",
+    "rank": 9
   },
   {
     "title": "两年经验前端：字节跳动系—石墨文档面经",
@@ -60,16 +87,25 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "18",
-    "rank": 7
+    "rank": 10
   },
   {
-    "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
-    "description": "最近项目中 Ant Design 接入比较多，还是非常不错的。不知道大家有没有发现这样的效果，在官网上，如果鼠标放在Logo上，字母i上的图标会不停的变化，离开后停止，放上去重新变化，算得上是一个小彩蛋（可能我之前...",
-    "url": "https://segmentfault.com/a/1190000041336683",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "17",
-    "rank": 8
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 11
+  },
+  {
+    "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": "14",
+    "rank": 12
   },
   {
     "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
@@ -78,7 +114,7 @@
     "author": "鸣飞",
     "home_url": "https://segmentfault.com/u/mf",
     "votes": "11",
-    "rank": 9
+    "rank": 13
   },
   {
     "title": "断点调试之压缩引发的血案",
@@ -87,16 +123,16 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 10
+    "rank": 14
   },
   {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
+    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
+    "url": "https://segmentfault.com/a/1190000041413541",
+    "author": "JackJiang",
+    "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "15",
-    "rank": 11
+    "rank": 15
   },
   {
     "title": "CSS画冰墩墩~",
@@ -104,17 +140,8 @@
     "url": "https://segmentfault.com/a/1190000041385432",
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "17",
-    "rank": 12
-  },
-  {
-    "title": "2022，每个 Leaper 都会有好未来",
-    "description": "我是郑庆鑫，前好未来励步事业部的前端负责人，LeapFE是我们团队的简称，曾几何时，我们团队的共同愿景是成为业界知名的前端团队。而今年由于政策对公司毁灭性打击，这个愿景要搁置了，但对于我们绝大多数人，已...",
-    "url": "https://segmentfault.com/a/1190000041350991",
-    "author": "LeapFE",
-    "home_url": "https://segmentfault.com/u/leapfe",
-    "votes": "28",
-    "rank": 13
+    "votes": "18",
+    "rank": 16
   },
   {
     "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
@@ -123,7 +150,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
-    "rank": 14
+    "rank": 17
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -131,17 +158,8 @@
     "url": "https://segmentfault.com/a/1190000041373049",
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "12",
-    "rank": 15
-  },
-  {
-    "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": 16
+    "votes": "13",
+    "rank": 18
   },
   {
     "title": "跨域了？ 装个插件就够了！",
@@ -150,16 +168,7 @@
     "author": "lucifer",
     "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "votes": "11",
-    "rank": 17
-  },
-  {
-    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
-    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
-    "url": "https://segmentfault.com/a/1190000041413541",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "11",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "React 源码解析系列 - React 的 render 异常处理机制",
@@ -168,105 +177,96 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
-    "rank": 19
-  },
-  {
-    "title": "一元初始 万象融合 - Google Cloud 2022 中国出海数字峰会回顾",
-    "description": "1 月 20 日，Google Cloud 2022 中国出海数字峰会顺利举办。近三千位参会嘉宾一起问路未来，锚定技术，聚焦出海领域云端数字化创新，围绕业务场景以及Google Cloud 前沿技术与客户实践，共同探讨了数字出海时代借...",
-    "url": "https://segmentfault.com/a/1190000041337916",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "15",
     "rank": 20
   },
   {
-    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
-    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
-    "url": "https://segmentfault.com/a/1190000041405707",
-    "author": "wlove",
-    "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "14",
+    "title": "小程序实现手写签名",
+    "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
+    "url": "https://segmentfault.com/a/1190000041421576",
+    "author": "小小蚊子",
+    "home_url": "https://segmentfault.com/u/zjw8023",
+    "votes": "12",
     "rank": 21
   },
   {
-    "title": "8 个 Vue.js UI 组件，下一个项目用得上",
-    "description": "在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。它的速...",
-    "url": "https://segmentfault.com/a/1190000041381106",
+    "title": "urlcat：JavaScript的URL构建器库",
+    "description": "urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......",
+    "url": "https://segmentfault.com/a/1190000041417062",
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "11",
+    "votes": "10",
     "rank": 22
   },
   {
-    "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": "13",
+    "title": "吐血整理的webpack入门知识及常用loader和plugin",
+    "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
+    "url": "https://segmentfault.com/a/1190000041436294",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "11",
     "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",
+    "title": "8 个 Vue.js UI 组件，下一个项目用得上",
+    "description": "在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。它的速...",
+    "url": "https://segmentfault.com/a/1190000041381106",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
+    "votes": "11",
     "rank": 24
   },
   {
-    "title": "来了来了，CSS 版的冰墩墩来了……",
-    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
-    "url": "https://segmentfault.com/a/1190000041393140",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "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": 25
   },
   {
-    "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": 26
   },
   {
-    "title": "7个杀手级的JS一行代码",
-    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
-    "url": "https://segmentfault.com/a/1190000041415254",
-    "author": "gaoryrt",
-    "home_url": "https://segmentfault.com/u/gaoryrt",
-    "votes": "12",
+    "title": "GPL3.0许可证软件著作权纠纷案例解析",
+    "description": "工信部 《“十四五”软件和信息技术服务业发展规划的通知》提出了“繁荣国内开源生态”的目标，我国将大力发展国内开源基金会等开源组织，完善开源软件治理规则，普及开源软件文化。开源软件的治理与生态建设，离不开...",
+    "url": "https://segmentfault.com/a/1190000041424310",
+    "author": "AlexChen",
+    "home_url": "https://segmentfault.com/u/alex2020",
+    "votes": "8",
     "rank": 27
   },
   {
-    "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": "Redis 忽然变慢了如何排查并解决？",
+    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
+    "url": "https://segmentfault.com/a/1190000041446607",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "14",
     "rank": 28
   },
   {
-    "title": "2年经验面试网易灵犀！太注重工程化了！",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。今天给大家分享一个大厂的面经——网易灵犀题目一面1、聊项目2、webpack和rollup的区别，打包出来的产物有什么...",
-    "url": "https://segmentfault.com/a/1190000041366695",
+    "title": "首屏时间，你说你优化了，那你倒是计算出给给我看啊！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景当我们在做项目的性能优化的时候，优化首屏时间是一个避不过去的优化方向，但是又有多少人想过这两个东西...",
+    "url": "https://segmentfault.com/a/1190000041419030",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "11",
+    "votes": "12",
     "rank": 29
   },
   {
-    "title": "HTTPS 加密与认证机制",
-    "description": "HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...",
-    "url": "https://segmentfault.com/a/1190000041380473",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
-    "votes": "11",
+    "title": "来了来了，CSS 版的冰墩墩来了……",
+    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
+    "url": "https://segmentfault.com/a/1190000041393140",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "10",
     "rank": 30
   }
 ]