@wcj/github-rank 22.2.11 → 22.2.15

package/dist/sifou-monthly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "Three.js 实现2022冬奥主题3D趣味页面 🐼",
-    "description": "迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括：TorusGeometry 圆环面...",
-    "url": "https://segmentfault.com/a/1190000041363089",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "82",
-    "rank": 1
-  },
   {
     "title": "巧用 CSS 实现动态线条 Loading 动画",
     "description": "有群友问我，使用 CSS 如何实现如下 Loading 效果：这是一个非常有意思的问题。我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： {代码...} {代码...} 动画如下：与要求的线条 loading 动画相比，...",
     "url": "https://segmentfault.com/a/1190000041306193",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "33",
-    "rank": 2
+    "votes": "34",
+    "rank": 1
   },
   {
     "title": "1000粉！使用Three.js制作一个专属3D奖牌🥇",
@@ -24,16 +15,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "25",
-    "rank": 3
-  },
-  {
-    "title": "神器 Nginx 的学习手册 ( 建议收藏 )",
-    "description": "无论是运维、开发、测试，Nginx技术栈的学习总是必不可少的，只是不同的岗位掌握的深度与广度不同而已。所以，民工哥利用周末休息时间，将往期推送的Nginx文章给大家重新整理出来，整理出成体系的Nginx知识体系，...",
-    "url": "https://segmentfault.com/a/1190000041298011",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "31",
-    "rank": 4
+    "rank": 2
   },
   {
     "title": "60行代码实现React的事件系统",
@@ -41,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000041355419",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "16",
-    "rank": 5
+    "votes": "17",
+    "rank": 3
   },
   {
     "title": "17 个实用 shell 脚本，建议收藏！",
@@ -50,26 +32,35 @@
     "url": "https://segmentfault.com/a/1190000041370811",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "17",
-    "rank": 6
+    "votes": "18",
+    "rank": 4
   },
   {
-    "title": "Serverless 背景下，一部分“前端工程师”会转变为“应用交付工程师”",
-    "description": "这是我的 2022 年第一篇文章。一直在想写些什么比较好，既然是新年，新年新气象，写点技术展望的想法是不是更合适？于是这篇文章的标题，也就是本文的核心思想出来了：",
-    "url": "https://segmentfault.com/a/1190000041294273",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "18",
-    "rank": 7
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041367705",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "21",
+    "rank": 5
   },
   {
-    "title": "PWA 技术落地！让你的站点（Web）秒变APP（应用程序）",
-    "description": "Web应用方兴未艾，我们已经十分习惯习惯了在电脑上进行以自己的工作，而随着众多功能强大的在线网站，我们的Windows的桌面也不再拥挤着各种快捷方式；不光是PC端，在移动端我们也不再在浩如烟海的应用市场安装各...",
-    "url": "https://segmentfault.com/a/1190000041307924",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "13",
-    "rank": 8
+    "title": "Suspense对React的意义在哪里？",
+    "description": "大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...",
+    "url": "https://segmentfault.com/a/1190000041372960",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "12",
+    "rank": 6
+  },
+  {
+    "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": "17",
+    "rank": 7
   },
   {
     "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
@@ -77,26 +68,17 @@
     "url": "https://segmentfault.com/a/1190000041336683",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 9
+    "votes": "17",
+    "rank": 8
   },
   {
-    "title": "线程池如何观测？这个方案让你对线程池的运行情况了如指掌！",
-    "description": "今天我们来聊一个比较实用的话题，动态可监控可观测的线程池实践。这是个全新的开源项目，作者提供了一种非常好的思路解决了线程池的可观测问题。这个开源项目叫：DynamicTp地址在文章末尾。写在前面稍微有些Java...",
-    "url": "https://segmentfault.com/a/1190000041296797",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "title": "PWA 技术落地！让你的站点（Web）秒变APP（应用程序）",
+    "description": "Web应用方兴未艾，我们已经十分习惯习惯了在电脑上进行以自己的工作，而随着众多功能强大的在线网站，我们的Windows的桌面也不再拥挤着各种快捷方式；不光是PC端，在移动端我们也不再在浩如烟海的应用市场安装各...",
+    "url": "https://segmentfault.com/a/1190000041307924",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "13",
-    "rank": 10
-  },
-  {
-    "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": "16",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "什么样的问题应该使用动态规划",
@@ -105,7 +87,16 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "14",
-    "rank": 12
+    "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
   },
   {
     "title": "2022，每个 Leaper 都会有好未来",
@@ -114,7 +105,7 @@
     "author": "LeapFE",
     "home_url": "https://segmentfault.com/u/leapfe",
     "votes": "28",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
@@ -123,6 +114,15 @@
     "author": "鸣飞",
     "home_url": "https://segmentfault.com/u/mf",
     "votes": "10",
+    "rank": 13
+  },
+  {
+    "title": "如果你觉得学习 Git 很枯燥，那是因为你还没玩过这款游戏！",
+    "description": "作为目前世界上最先进的分布式版本控制系统（没有之一），Git 是一个开源的分布式版本控制软件,用以有效、高速的处理从很小到非常大的项目版本管理。 Git 最初是由Linus Torvalds设计开发的，用于管理Linux内核开...",
+    "url": "https://segmentfault.com/a/1190000041330870",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "13",
     "rank": 14
   },
   {
@@ -134,6 +134,15 @@
     "votes": "15",
     "rank": 15
   },
+  {
+    "title": "跨域了？ 装个插件就够了！",
+    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
+    "url": "https://segmentfault.com/a/1190000041367088",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "11",
+    "rank": 16
+  },
   {
     "title": "Vercel 与 Next.js：开源全明星团队背后的商业逻辑",
     "description": "Vercel 是由 Guillermo Rauch 创立的云服务公司，以拥有数个知名开源项目为大众所知，随着 2021 年在融资、招聘、产品等方面的高调亮相，Vercel 的商业逻辑也愈发清晰。",
@@ -141,15 +150,6 @@
     "author": "aryu",
     "home_url": "https://segmentfault.com/u/aryu",
     "votes": "11",
-    "rank": 16
-  },
-  {
-    "title": "如果你觉得学习 Git 很枯燥，那是因为你还没玩过这款游戏！",
-    "description": "作为目前世界上最先进的分布式版本控制系统（没有之一），Git 是一个开源的分布式版本控制软件,用以有效、高速的处理从很小到非常大的项目版本管理。 Git 最初是由Linus Torvalds设计开发的，用于管理Linux内核开...",
-    "url": "https://segmentfault.com/a/1190000041330870",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "12",
     "rank": 17
   },
   {
@@ -162,32 +162,23 @@
     "rank": 18
   },
   {
-    "title": "绝对是讲的最清楚的-NodeJS模块系统",
-    "description": "NodeJS目前有两个系统：一套是CommonJS(简称CJS)，另一套是ECMAScript modules(简称ESM); 本篇内容主要三个话题：",
-    "url": "https://segmentfault.com/a/1190000041292888",
-    "author": "云中歌",
-    "home_url": "https://segmentfault.com/u/yunzhongge_584ccbede2cb7",
+    "title": "Vue3默认版本了！我准备学这五个东西了。",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
+    "url": "https://segmentfault.com/a/1190000041324242",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "12",
     "rank": 19
   },
   {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "title": "10个CSS技巧，极大提升用户体验",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041367705",
+    "url": "https://segmentfault.com/a/1190000041361645",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
+    "votes": "13",
     "rank": 20
   },
-  {
-    "title": "Suspense对React的意义在哪里？",
-    "description": "大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...",
-    "url": "https://segmentfault.com/a/1190000041372960",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "8",
-    "rank": 21
-  },
   {
     "title": "清除 useEffect 副作用",
     "description": "在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。",
@@ -195,78 +186,87 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "10",
+    "rank": 21
+  },
+  {
+    "title": "2021 年 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 大受欢迎",
+    "description": "近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。",
+    "url": "https://segmentfault.com/a/1190000041373049",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "10",
     "rank": 22
   },
   {
-    "title": "能用js实现的最终用js实现，Shell脚本也不例外",
-    "description": "大家好，我是秋风。今天来讨论一个牛逼的项目 ——zx ，1个月增长15000 star， 成为了2021年度明星项目排行榜第一。zx 到底是什么呢？我们可以从官网的介绍看到，一个能更方便地写脚本的工具。（A tool for writing...",
-    "url": "https://segmentfault.com/a/1190000041295297",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "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": "12",
     "rank": 23
   },
   {
-    "title": "Vue3默认版本了！我准备学这五个东西了。",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
-    "url": "https://segmentfault.com/a/1190000041324242",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "11",
+    "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
+    "description": "祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...",
+    "url": "https://segmentfault.com/a/1190000041353909",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "7",
     "rank": 24
   },
   {
-    "title": "基础很好？总结了38个ES6-ES12的开发技巧，倒要看看你能拿几分？🐶",
-    "description": "大家好，首先表明一下，标题没有恶意哈哈。请原谅本菜鸡。都是为了帮助大家，大家可以把自己认识几个，得了多少分，发在留言里，一个一分，总分38分。",
-    "url": "https://segmentfault.com/a/1190000041281569",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "12",
+    "title": "eslint-plugin-import 规则之 Import / Order",
+    "description": "其中，group 是对导入模块进行分组，pathGroups 是通过路径自定义分组，newlines-between 不同组之间是否进行换行，alphabetize 根据字母顺序对每个组内的顺序进行排序",
+    "url": "https://segmentfault.com/a/1190000041375528",
+    "author": "robin",
+    "home_url": "https://segmentfault.com/u/robin_ren",
+    "votes": "8",
     "rank": 25
   },
   {
-    "title": "2021 中国开源码力榜启动，寻找开源世界的超级码丽",
-    "description": "2022 年 1 月 13 日，SegmentFault 思否联合长期耕耘与推广开源文化的开源社共同推出了《2021 中国开源先锋 33 人》榜单，一众开源先锋上榜，一时间引发了行业的广泛关注与讨论。他们当中有贡献代码的开发者、开...",
-    "url": "https://segmentfault.com/a/1190000041283611",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
+    "title": "2年经验面试网易灵犀！太注重工程化了！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。今天给大家分享一个大厂的面经——网易灵犀题目一面1、聊项目2、webpack和rollup的区别，打包出来的产物有什么...",
+    "url": "https://segmentfault.com/a/1190000041366695",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "9",
     "rank": 26
   },
   {
-    "title": "断点调试之压缩引发的血案",
-    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
-    "url": "https://segmentfault.com/a/1190000041370583",
-    "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": "9",
     "rank": 27
   },
   {
-    "title": "SegmentFault D-Day 2021 年度总结报告",
-    "description": "关于 D-Day：这里的 D-Day 不是军事术语，而是开发者（Developer）的抢滩登陆之日！SegmentFault D-Day 全称 SegmentFault Developer Day，是由 SegmentFault 思否发起主办的系列技术沙龙。自 2014 年启动，D-Day...",
-    "url": "https://segmentfault.com/a/1190000041297667",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "8",
+    "title": "主题之美，排名靠前的 10 个 VSCode 主题",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041305485",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "9",
     "rank": 28
   },
   {
-    "title": "跨域了？ 装个插件就够了！",
-    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
-    "url": "https://segmentfault.com/a/1190000041367088",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
-    "votes": "7",
+    "title": "CSS画冰墩墩~",
+    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000041385432",
+    "author": "望记",
+    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
+    "votes": "10",
     "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/1190000041342064",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
     "rank": 30
   }
 ]