@wcj/github-rank 22.4.7 → 22.4.10

package/web/data/sifou-daily.json

@@ -1,74 +1,11 @@
 [
   {
-    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
-    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
-    "url": "https://segmentfault.com/a/1190000041661094",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "7",
-    "rank": 1
-  },
-  {
-    "title": "PMP一页纸考纲，YYDS~(新版考纲）",
-    "description": "PMP考试改版了。了解过的都知道，但是改版内容大不大呢？我们都知道旧考纲主要是把五大过程组+十大领域改变到了三大领域的知识内容。但其实十大领域的内容还在，只是分解融合到了三大领域中。具体分解融合到了什...",
-    "url": "https://segmentfault.com/a/1190000041659998",
-    "author": "小新星奇",
-    "home_url": "https://segmentfault.com/u/xiaoxinxingqi",
-    "votes": "1",
-    "rank": 2
-  },
-  {
-    "title": "一键安装团队推荐的 vscode 插件",
-    "description": "在前端代码库的根目录下新增 .vscode/extensions.json文件注册插件列表，然后将文件随代码提交到 git 。如果哪位成员发现了好用的插件，直接加在 recommendations 数组中既可。入 git 的好处就是： 有记录、持续...",
-    "url": "https://segmentfault.com/a/1190000041661941",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "4",
-    "rank": 3
-  },
-  {
-    "title": "JavaScript的几种继承方式",
-    "description": "这篇文章称为笔记更为合适一些，内容来源于 《JavaScript高级程序设计 (第三版)》第六章 6.3 继承JavaScript的几种继承方式原型链继承借助构造函数继承（经典继承）组合继承：原型链 + 借用构造函数（最常用）原...",
-    "url": "https://segmentfault.com/a/1190000041657343",
-    "author": "OneStar",
-    "home_url": "https://segmentfault.com/u/funnycoderstar",
+    "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
+    "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
+    "url": "https://segmentfault.com/a/1190000041679573",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "2",
-    "rank": 4
-  },
-  {
-    "title": "冴羽答读者问：何时能够像你一样优秀？",
-    "description": "首先真的非常感谢你的肯定，但“优秀”二字让我愧不敢当，在我看来，我并没有做到过什么厉害的事情，只是一路走来，将自己学习到的东西分享出来而已，引用阮一峰老师之前发过的微博：",
-    "url": "https://segmentfault.com/a/1190000041664148",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "约束前端项目中的目录和文件名",
-    "description": "好的目录设计架构就成功了一半 --- 如何约束项目中的目录和文件名编程中命名规范有：camelCase (驼峰命名法)PascalCase (帕斯卡命名法，又名大驼峰命名法)snake_case (下划线命名法)kebab-case (中划线命名法)Hun...",
-    "url": "https://segmentfault.com/a/1190000041664954",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "Go 1.18：工作区模式workspace mode",
-    "description": "Go 1.18除了引入泛型(generics)、模糊测试(Fuzzing)之外，另外一个重大功能是引入了工作区模式(workspace mode)。",
-    "url": "https://segmentfault.com/a/1190000041664655",
-    "author": "coding进阶",
-    "home_url": "https://segmentfault.com/u/c9eulmav",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "直播回顾｜ Apache Pulsar 2.10.0 新特性概览",
-    "description": "关于 StreamNativeStreamNative 是一家开源基础软件公司，由 Apache 软件基金会顶级项目 Apache Pulsar 创始团队组建而成，围绕 Pulsar 打造下一代云原生批流融合数据平台。StreamNative 作为 Apache Pulsar 商业...",
-    "url": "https://segmentfault.com/a/1190000041665408",
-    "author": "ApachePulsar",
-    "home_url": "https://segmentfault.com/u/apachepulsar",
-    "votes": "1",
-    "rank": 8
+    "rank": 1
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,26 +5,17 @@
     "url": "https://segmentfault.com/a/1190000041572883",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "55",
+    "votes": "58",
     "rank": 1
   },
   {
-    "title": "音视频通信加餐 —— WebRTC一肝到底",
-    "description": "原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。",
-    "url": "https://segmentfault.com/a/1190000041517764",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "41",
-    "rank": 2
-  },
-  {
-    "title": "css 的 filter属性竟然如此好玩",
+    "title": "css 的 filter 属性竟然如此好玩",
     "description": "在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。",
     "url": "https://segmentfault.com/a/1190000041549883",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "42",
-    "rank": 3
+    "votes": "44",
+    "rank": 2
   },
   {
     "title": "神奇的 CSS，让文字智能适配背景颜色",
@@ -33,7 +24,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "32",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "一个小厂前端 Leader 如何筛选候选人？",
@@ -42,7 +33,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "24",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "CSS 也能自动补全字符串？",
@@ -50,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000041580205",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "24",
-    "rank": 6
+    "votes": "25",
+    "rank": 5
   },
   {
     "title": "5种限流算法，7种限流方式，挡住突发流量？",
@@ -60,7 +51,7 @@
     "author": "程序猿阿朗",
     "home_url": "https://segmentfault.com/u/niumoo",
     "votes": "25",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
@@ -69,7 +60,7 @@
     "author": "前端私教年年",
     "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
     "votes": "23",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
@@ -78,8 +69,35 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "24",
+    "rank": 8
+  },
+  {
+    "title": "我们是如何解决偶发性的502错误的",
+    "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
+    "url": "https://segmentfault.com/a/1190000041651450",
+    "author": "张京",
+    "home_url": "https://segmentfault.com/u/fengerzh",
+    "votes": "14",
     "rank": 9
   },
+  {
+    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
+    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
+    "url": "https://segmentfault.com/a/1190000041634906",
+    "author": "WonderfulSoap",
+    "home_url": "https://segmentfault.com/u/wonderfulsoap",
+    "votes": "20",
+    "rank": 10
+  },
+  {
+    "title": "大裁员下，程序员如何做“副业”？",
+    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
+    "url": "https://segmentfault.com/a/1190000041627230",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "18",
+    "rank": 11
+  },
   {
     "title": "这 16 个 CSS 伪类，助你提升布局效率！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -87,7 +105,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 10
+    "rank": 12
   },
   {
     "title": "Gitlab  CI/CD教程及npm包构建发布实战",
@@ -96,7 +114,7 @@
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
     "votes": "19",
-    "rank": 11
+    "rank": 13
   },
   {
     "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
@@ -105,7 +123,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "17",
-    "rank": 12
+    "rank": 14
   },
   {
     "title": "2022招聘季｜如何写一份好的前端面试简历?",
@@ -114,33 +132,15 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "18",
-    "rank": 13
-  },
-  {
-    "title": "大裁员下，程序员如何做“副业”？",
-    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
-    "url": "https://segmentfault.com/a/1190000041627230",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "17",
-    "rank": 14
-  },
-  {
-    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
-    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
-    "url": "https://segmentfault.com/a/1190000041524121",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "18",
     "rank": 15
   },
   {
-    "title": "Go 设计哲学：少即是多，哪里来的？",
-    "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
-    "url": "https://segmentfault.com/a/1190000041524988",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "15",
+    "title": "Offer 提速：如何写出有亮点的简历",
+    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
+    "url": "https://segmentfault.com/a/1190000041634339",
+    "author": "范文杰",
+    "home_url": "https://segmentfault.com/u/fanwenjie",
+    "votes": "17",
     "rank": 16
   },
   {
@@ -153,12 +153,12 @@
     "rank": 17
   },
   {
-    "title": "Offer 提速：如何写出有亮点的简历",
-    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
-    "url": "https://segmentfault.com/a/1190000041634339",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "16",
+    "title": "17 个实用的图像特效库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041578591",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "17",
     "rank": 18
   },
   {
@@ -170,15 +170,6 @@
     "votes": "14",
     "rank": 19
   },
-  {
-    "title": "17 个实用的图像特效库",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041578591",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 20
-  },
   {
     "title": "20多个好用的 Vue 组件库，请查收！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -186,7 +177,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "15",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "3D 沙盒游戏之避障踩坑和实现之旅",
@@ -195,16 +186,16 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "13",
-    "rank": 22
+    "rank": 21
   },
   {
-    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
-    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
-    "url": "https://segmentfault.com/a/1190000041634906",
-    "author": "WonderfulSoap",
-    "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "14",
-    "rank": 23
+    "title": "2022招聘季｜从招聘方的角度理解求职",
+    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
+    "url": "https://segmentfault.com/a/1190000041617937",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "15",
+    "rank": 22
   },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
@@ -213,7 +204,7 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "9",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "什么是 LRU 算法？",
@@ -222,15 +213,24 @@
     "author": "Shenfq",
     "home_url": "https://segmentfault.com/u/shenfq",
     "votes": "10",
-    "rank": 25
+    "rank": 24
   },
   {
-    "title": "2022招聘季｜从招聘方的角度理解求职",
-    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
-    "url": "https://segmentfault.com/a/1190000041617937",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
+    "title": "卡颂：30岁程序员选择躺平",
+    "description": "大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...",
+    "url": "https://segmentfault.com/a/1190000041642174",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
+    "rank": 25
+  },
+  {
+    "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
+    "description": "现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。",
+    "url": "https://segmentfault.com/a/1190000041640722",
+    "author": "Asheng",
+    "home_url": "https://segmentfault.com/u/ashengtan",
+    "votes": "10",
     "rank": 26
   },
   {
@@ -242,15 +242,6 @@
     "votes": "13",
     "rank": 27
   },
-  {
-    "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
-    "description": "现在前端越来越卷，不会手写 Promise 都不好意思面试了（手动狗头.jpg）。虽然没多少人会在业务中用自己实现的 Promise，但是，实现 Promise 的过程会让你对 Promise 更加了解，出了问题也可以更好地排查。",
-    "url": "https://segmentfault.com/a/1190000041640722",
-    "author": "Asheng",
-    "home_url": "https://segmentfault.com/u/ashengtan",
-    "votes": "8",
-    "rank": 28
-  },
   {
     "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -258,6 +249,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
+    "rank": 28
+  },
+  {
+    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
+    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
+    "url": "https://segmentfault.com/a/1190000041661094",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
     "rank": 29
   },
   {