@wcj/github-rank 22.3.31 → 22.4.3

package/web/data/sifou-daily.json

@@ -1,92 +1,74 @@
 [
   {
-    "title": "大裁员下，程序员如何做副业？",
-    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
-    "url": "https://segmentfault.com/a/1190000041627230",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "7",
+    "title": "LeetCode-173-二叉搜索树迭代器",
+    "description": "题目描述：实现一个二叉搜索树迭代器类BSTIterator ，表示一个按中序遍历二叉搜索树（BST）的迭代器：BSTIterator(TreeNode root) 初始化 BSTIterator 类的一个对象。BST 的根节点 root 会作为构造函数的一部分给...",
+    "url": "https://segmentfault.com/a/1190000041650051",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "悲报， GIF 之父因新冠去世",
-    "description": "今天下午二狗子照常上班摸鱼的时候，突然看到了一则消息，消息说 GIF 的发明人因新冠去世了。作为一个自诩理性的互联网人，二狗子第一反应是看到了一个离谱谣言，可是查看了多方消息后，二狗子难过地发现这是真的。",
-    "url": "https://segmentfault.com/a/1190000041631055",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "【建议收藏】通过差异化对比学习法，带你回顾Vue2快速掌握Vue3",
+    "description": "Vue3已经发布有一段时间了，同时也得到了各大厂商和社区的支持和众多开发者喜爱，周边生态也正在逐步完善。可谓是一片欣欣向荣的美景。本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3",
+    "url": "https://segmentfault.com/a/1190000041645889",
+    "author": "前端有猫腻",
+    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
-    "description": "Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...",
-    "url": "https://segmentfault.com/a/1190000041630398",
-    "author": "寒雁",
-    "home_url": "https://segmentfault.com/u/kiwenlau",
+    "title": "面试周连续剧之首战大捷",
+    "description": "2022年注定是一个不平凡的一年，因为有着难得一遇的对称日：20220222，即2022年2月22日，农历的正月廿二，也是星期二，总之是一个不平凡的一年。即然不平凡，那就得搞事情，然后就果断的选择找工作，顺便沾沾不平...",
+    "url": "https://segmentfault.com/a/1190000041649527",
+    "author": "三掌柜",
+    "home_url": "https://segmentfault.com/u/sanzhanggui",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "你不知道的 Canvas 表格交互",
-    "description": "S2 是 AntV 在多维交叉分析表格领域的解决方案，主要用于看数分析, S2 采用 canvas 来进行表格绘制 (基于 易用、高效、强大的 2D 可视化渲染引擎 G ) , 同时内置大量的交互能力来辅助用户看数, 如 行列联动高亮 ...",
-    "url": "https://segmentfault.com/a/1190000041629610",
-    "author": "茶底世界",
-    "home_url": "https://segmentfault.com/u/chadishijie",
-    "votes": "2",
+    "title": "面试题：一道关于解构赋值和参数默认值的编程题",
+    "description": "在前端俱乐部QQ群中，有朋友发出这样的题目，说最近面试中遇到了，如下所示 {代码...} 问，fun 的参数应该填什么？提示：利用结构赋值和参数默认值经过我一番测试，其结果如下所示： {代码...} 解题思路先看第一...",
+    "url": "https://segmentfault.com/a/1190000041650923",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "带你十天轻松搞定 Go 微服务系列（五）",
-    "description": "序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务（本文）支付服务RPC 服务 Auth 验证服务监控链路追踪分布式事务...",
-    "url": "https://segmentfault.com/a/1190000041629027",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "2",
+    "title": "深入理解JavaScript闭包",
+    "description": "在开始讲闭包之前，我们需要理解作用域和作用域链作用域链什么是作用域链？我们先看一段代码 {代码...} 当我们看到这个题目的时候，我们会想到用执行上下文去分析，当执行到bar函数时，调用栈的状态如图:上图可以...",
+    "url": "https://segmentfault.com/a/1190000041650803",
+    "author": "我叫崔斯特",
+    "home_url": "https://segmentfault.com/u/wojiaocuisite",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "Offer 提速：如何写出有亮点的简历",
-    "description": "声明：本文所有观点均代表我个人意见，不地表与公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
-    "url": "https://segmentfault.com/a/1190000041634339",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "1",
+    "title": "使用 Amazon Cloud WAN 构建您的全球网络",
+    "description": "据权威数据分析网站 TeleGeography 发布的《Global Internet Map 2022》报告指出，自 2020 年新冠疫情首次爆发后，导致当年的互联网流量激增了 34% ，一度造成了全球网络系统紧张。后疫情时代，随着居家办公风潮...",
+    "url": "https://segmentfault.com/a/1190000041647527",
+    "author": "亚马逊云开发者",
+    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "ClickHouse 与 MySQL 数据库适用场景对比总结",
-    "description": "目前来说，网上有很多相关的资料证明ClickHouse数据库查询响应速度比MySQL快上一百到几百倍。实际上，ClickHouse和MySQL具有不同的应用场景和局限性，最近在研究这个ClickHouse打算应用于大量数据的表来做查询的...",
-    "url": "https://segmentfault.com/a/1190000041630286",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
-    "votes": "3",
+    "title": "前端新手快速上手APICloud App开发",
+    "description": "之前因为毕设的原因接触到了APICloud这个平台，后来又研究了一下如何从0到1的开发一款app，今天就简单给大家演示一下使用APICloud制作一个app的全流程。",
+    "url": "https://segmentfault.com/a/1190000041647482",
+    "author": "前端小学生xyz",
+    "home_url": "https://segmentfault.com/u/uoukvgkz",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "React18正式版发布，未来发展趋势是？",
-    "description": "从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。",
-    "url": "https://segmentfault.com/a/1190000041629707",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "什么是AJAX",
+    "description": "前言:这篇文章只会带你大概熟悉这几个名词之间的关系和基础用法。如果你是一个初学者，正要开始学习这个关键词，或者你打算先了解这几个关键词的概念，那么这篇文章可能会帮到你，但是如果你打算深入研究一下这几...",
+    "url": "https://segmentfault.com/a/1190000041646080",
+    "author": "韩xiao方MY",
+    "home_url": "https://segmentfault.com/u/jiaolvdekaixinguo",
     "votes": "1",
     "rank": 8
-  },
-  {
-    "title": "Flutter/布局：彻底搞懂 Align 是怎么对齐的",
-    "description": "我们在开发中会经常使用 Align 组件来定位子组件的位置。通常使用的是几个常用的相对位置，比如：alignment: Alignment.bottomRight，右下角这种。最近看官方文档关于 alignment: Alignment(x, y) 在 Align 中的...",
-    "url": "https://segmentfault.com/a/1190000041631644",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "2",
-    "rank": 9
-  },
-  {
-    "title": "求职有 Pulsar | 中国联通、StreamNative 多个热招岗位",
-    "description": "关于 Apache PulsarApache Pulsar 是 Apache 软件基金会顶级项目，是下一代云原生分布式消息流平台，集消息、存储、轻量化函数式计算为一体，采用计算与存储分离架构设计，支持多租户、持久化存储、多机房跨区域...",
-    "url": "https://segmentfault.com/a/1190000041629406",
-    "author": "ApachePulsar",
-    "home_url": "https://segmentfault.com/u/apachepulsar",
-    "votes": "1",
-    "rank": 10
   }
 ]

package/web/data/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041572883",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "51",
+    "votes": "54",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041517764",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "40",
+    "votes": "41",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041549883",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "41",
+    "votes": "42",
     "rank": 4
   },
   {
@@ -62,23 +62,14 @@
     "votes": "24",
     "rank": 7
   },
-  {
-    "title": "5种限流算法，7种限流方式，挡住突发流量？",
-    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
-    "url": "https://segmentfault.com/a/1190000041548601",
-    "author": "程序猿阿朗",
-    "home_url": "https://segmentfault.com/u/niumoo",
-    "votes": "25",
-    "rank": 8
-  },
   {
     "title": "CSS 也能自动补全字符串？",
     "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
     "url": "https://segmentfault.com/a/1190000041580205",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "21",
-    "rank": 9
+    "votes": "22",
+    "rank": 8
   },
   {
     "title": "一个小厂前端 Leader 如何筛选候选人？",
@@ -86,26 +77,17 @@
     "url": "https://segmentfault.com/a/1190000041592141",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "22",
-    "rank": 10
+    "votes": "23",
+    "rank": 9
   },
   {
-    "title": "巧用 CSS 实现炫彩三角边框动画",
-    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
-    "url": "https://segmentfault.com/a/1190000041487405",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "5种限流算法，7种限流方式，挡住突发流量？",
+    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
+    "url": "https://segmentfault.com/a/1190000041548601",
+    "author": "程序猿阿朗",
+    "home_url": "https://segmentfault.com/u/niumoo",
     "votes": "25",
-    "rank": 11
-  },
-  {
-    "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
-    "description": "关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...",
-    "url": "https://segmentfault.com/a/1190000041488147",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "14",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
@@ -113,8 +95,8 @@
     "url": "https://segmentfault.com/a/1190000041553527",
     "author": "前端私教年年",
     "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
-    "votes": "20",
-    "rank": 13
+    "votes": "22",
+    "rank": 11
   },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
@@ -123,7 +105,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "18",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
@@ -132,25 +114,16 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "24",
-    "rank": 15
-  },
-  {
-    "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
-    "description": "上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...",
-    "url": "https://segmentfault.com/a/1190000041489058",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "14",
-    "rank": 16
+    "rank": 13
   },
   {
-    "title": "突破限制，CSS font-variation 可变字体的魅力",
-    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
-    "url": "https://segmentfault.com/a/1190000041470128",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "15",
-    "rank": 17
+    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041559888",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
+    "rank": 14
   },
   {
     "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
@@ -158,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000041586984",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "16",
-    "rank": 18
+    "votes": "17",
+    "rank": 15
   },
   {
     "title": "2022招聘季｜如何写一份好的前端面试简历?",
@@ -168,7 +141,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "17",
-    "rank": 19
+    "rank": 16
   },
   {
     "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
@@ -177,7 +150,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "18",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "从头梳理，看看中国的 ICP 备案制度",
@@ -186,7 +159,7 @@
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
     "votes": "11",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "Go 设计哲学：少即是多，哪里来的？",
@@ -195,16 +168,7 @@
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "15",
-    "rank": 22
-  },
-  {
-    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041559888",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 23
+    "rank": 19
   },
   {
     "title": "老板让我 7 天研究一个 Plausible 统计",
@@ -213,7 +177,7 @@
     "author": "kumfo",
     "home_url": "https://segmentfault.com/u/kumfo",
     "votes": "12",
-    "rank": 24
+    "rank": 20
   },
   {
     "title": "Gitlab  CI/CD教程及npm包构建发布实战",
@@ -221,8 +185,8 @@
     "url": "https://segmentfault.com/a/1190000041537651",
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "18",
-    "rank": 25
+    "votes": "19",
+    "rank": 21
   },
   {
     "title": "28张图助我学废TS",
@@ -231,25 +195,25 @@
     "author": "执鸢者",
     "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
     "votes": "19",
-    "rank": 26
+    "rank": 22
   },
   {
-    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
-    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
-    "url": "https://segmentfault.com/a/1190000041473617",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "15",
-    "rank": 27
+    "title": "17 个实用的图像特效库",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041578591",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 23
   },
   {
-    "title": "从业务组件库看前端工程化",
-    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
-    "url": "https://segmentfault.com/a/1190000041480003",
-    "author": "玩弄心里的鬼",
-    "home_url": "https://segmentfault.com/u/lizongyuan",
+    "title": "大裁员下，程序员如何做“副业”？",
+    "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
+    "url": "https://segmentfault.com/a/1190000041627230",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "14",
-    "rank": 28
+    "rank": 24
   },
   {
     "title": "招聘季征文活动丨如何“反杀”面试官？",
@@ -258,15 +222,51 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "12",
+    "rank": 25
+  },
+  {
+    "title": "什么是 LRU 算法？",
+    "description": "缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...",
+    "url": "https://segmentfault.com/a/1190000041542627",
+    "author": "Shenfq",
+    "home_url": "https://segmentfault.com/u/shenfq",
+    "votes": "10",
+    "rank": 26
+  },
+  {
+    "title": "3D 沙盒游戏之避障踩坑和实现之旅",
+    "description": "最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。",
+    "url": "https://segmentfault.com/a/1190000041603598",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "12",
+    "rank": 27
+  },
+  {
+    "title": "2022招聘季｜从招聘方的角度理解求职",
+    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
+    "url": "https://segmentfault.com/a/1190000041617937",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "14",
+    "rank": 28
+  },
+  {
+    "title": "数据库与缓存双写一致性",
+    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
+    "url": "https://segmentfault.com/a/1190000041576417",
+    "author": "超大只乌龟",
+    "home_url": "https://segmentfault.com/u/chenwugui",
+    "votes": "13",
     "rank": 29
   },
   {
-    "title": "国外排名前 15 的 Vue 后台管理模板",
+    "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041480883",
+    "url": "https://segmentfault.com/a/1190000041592406",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "13",
+    "votes": "8",
     "rank": 30
   }
 ]