@wcj/github-rank 22.4.16 → 22.4.19

package/web/data/sifou-daily.json

@@ -1,56 +1,74 @@
 [
   {
-    "title": "40行代码实现React核心Diff算法",
-    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
-    "url": "https://segmentfault.com/a/1190000041706515",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
+    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
+    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
+    "url": "https://segmentfault.com/a/1190000041718060",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "图说前端-送给您百张前端技术图谱",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041707644",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
+    "title": "面试记录",
+    "description": "1.自我介绍说了一下项目经历，项目主要功能，项目负责部分，项目技术栈2.处理过的项目中最难的一点是什么说了一下问卷系统导入答卷部3.你的多线程处理在并发情况下会出现什么问题。4.jvm熟悉吗？（不熟悉）5.项目...",
+    "url": "https://segmentfault.com/a/1190000041721518",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "4",
     "rank": 2
   },
   {
-    "title": "都“毕业”了，靠什么和东哥做“兄弟”？",
-    "description": "追根溯源，首先是马老师作为大佬们能说会道的担当曝出金句：\"未来，我们希望每年向社会推荐输出至少1000名10年以上的阿里人，他们应该参与到社会建设\"。",
-    "url": "https://segmentfault.com/a/1190000041709916",
-    "author": "不会写代码的小白",
-    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
-    "votes": "2",
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "4",
     "rank": 3
   },
   {
-    "title": "面试官：简单聊聊 Go 逃逸分析？",
-    "description": "“跳跳虎”对于今天的面试还是有点准备的，八股文早从网上下载好了，但就是来得及背完就接到面试邀请了。胖虎心想，“不用怂，人称八股文选手不是白得的，要是能唬住面试官就多要点。”",
-    "url": "https://segmentfault.com/a/1190000041708419",
-    "author": "后端时光",
-    "home_url": "https://segmentfault.com/u/backendtime",
-    "votes": "2",
+    "title": "精读《不再需要 JS 做的 5 件事》",
+    "description": "关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。",
+    "url": "https://segmentfault.com/a/1190000041717742",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "Go的高效开发套路",
-    "description": "A. 背景当前在公司进行Go服务端研发工作时，发现缺少Go开发的最佳实践，而导致以下现象用Go开发时会比较迷茫，不知如何下手，怎么开展工作比较高效。重复造轮子比较严重。项目的代码质量参差不齐，导致交付的产品...",
-    "url": "https://segmentfault.com/a/1190000041709994",
-    "author": "EdwardQ",
-    "home_url": "https://segmentfault.com/u/edwardq_5e6b2d1b7ec0b",
-    "votes": "1",
+    "title": "angular中ExpressionChangedAfterItHasBeenCheckedError错误",
+    "description": "最近在使用ngAfterViewInit的时候发生了一些错误。又发现自己对变更检测的流程其实不是很理解，所以来梳理一下过程，并来讲讲这个错误为什么会发生。",
+    "url": "https://segmentfault.com/a/1190000041721490",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 5
   },
   {
-    "title": "性能测试分为哪几种类型？",
-    "description": "在软件测试中性能测试是很重要的一项，一般来说性能是一种指标，表明软件系统或构件对其及时性要求的符合程度，也可以说性能是一种特性，可以用时间来进行度量。性能的及时性用响应时间或吞吐量来衡量。响应时间...",
-    "url": "https://segmentfault.com/a/1190000041708272",
-    "author": "泽众软件_项目管理_测试工具",
-    "home_url": "https://segmentfault.com/u/zezhongruanjian_xiangmuguanli_ceshigongju",
+    "title": "FORK AI  获数千万元  Pre-A  轮融资：定位 MarTech 赛道|助力云服务商精准获客",
+    "description": "近日，FORK AI 正式宣布获得了由绿洲资本独家投资的数千万元人民币 Pre - A 轮融资。据介绍，本轮资金用途为升级产品和扩大商业化，除自有销售渠道外， FORK AI 还将以 CRM 厂商为渠道进行拓客。",
+    "url": "https://segmentfault.com/a/1190000041718912",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 6
+  },
+  {
+    "title": "《手写Mybatis》第5章：数据源的解析、创建和使用",
+    "description": "现在我们每天所接收的信息量越来越多，但很多的个人却没有多少分辨知识的能力。很多知识信息也只是蹭热点的泛知识，但泛知识只是一种空泛、不成系统、甚至可能是错误的信息群，不过就是这样的信息却给内容消费者...",
+    "url": "https://segmentfault.com/a/1190000041719899",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "2",
+    "rank": 7
+  },
+  {
+    "title": "夯实基础中篇-图解作用域链和闭包",
+    "description": "前言本文承接上篇 夯实基础上篇-图解 JavaScript 执行机制，请先阅读上篇~讲基础不容易，本文通过 7个demo和6张图，和大家一起学习温故作用域链和闭包，本文大纲：什么是作用域链什么是词法作用域什么是闭包闭包...",
+    "url": "https://segmentfault.com/a/1190000041719292",
+    "author": "我不是大熊",
+    "home_url": "https://segmentfault.com/u/qcjay",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "5年经验(专升本)入职B站分享",
-    "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
-    "url": "https://segmentfault.com/a/1190000041572883",
-    "author": "江辰",
-    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "64",
-    "rank": 1
-  },
   {
     "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": "34",
-    "rank": 2
+    "votes": "40",
+    "rank": 1
   },
   {
     "title": "还在使用定时器吗？CSS 也能实现电子时钟",
@@ -23,8 +14,8 @@
     "url": "https://segmentfault.com/a/1190000041661094",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "31",
-    "rank": 3
+    "votes": "38",
+    "rank": 2
   },
   {
     "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
@@ -32,7 +23,16 @@
     "url": "https://segmentfault.com/a/1190000041683548",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "31",
+    "votes": "36",
+    "rank": 3
+  },
+  {
+    "title": "巧用 background-clip 实现超强的文字动效",
+    "description": "最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...",
+    "url": "https://segmentfault.com/a/1190000041666096",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "33",
     "rank": 4
   },
   {
@@ -41,17 +41,8 @@
     "url": "https://segmentfault.com/a/1190000041634906",
     "author": "WonderfulSoap",
     "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "28",
-    "rank": 5
-  },
-  {
-    "title": "巧用 background-clip 实现超强的文字动效",
-    "description": "最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...",
-    "url": "https://segmentfault.com/a/1190000041666096",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "31",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "一个小厂前端 Leader 如何筛选候选人？",
@@ -59,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041592141",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "25",
-    "rank": 7
+    "votes": "26",
+    "rank": 6
   },
   {
     "title": "CSS 也能自动补全字符串？",
@@ -69,7 +60,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "28",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "Offer 提速：如何写出有亮点的简历",
@@ -78,7 +69,7 @@
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
     "votes": "24",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
@@ -87,6 +78,15 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "24",
+    "rank": 9
+  },
+  {
+    "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
+    "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
+    "url": "https://segmentfault.com/a/1190000041586984",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "20",
     "rank": 10
   },
   {
@@ -99,14 +99,23 @@
     "rank": 11
   },
   {
-    "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
-    "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
-    "url": "https://segmentfault.com/a/1190000041586984",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "19",
+    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
+    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
+    "url": "https://segmentfault.com/a/1190000041668070",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "18",
     "rank": 12
   },
+  {
+    "title": "现代 CSS 解决方案：Modern CSS Reset",
+    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
+    "url": "https://segmentfault.com/a/1190000041700998",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "16",
+    "rank": 13
+  },
   {
     "title": "大裁员下，程序员如何做“副业”？",
     "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
@@ -114,34 +123,16 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "20",
-    "rank": 13
-  },
-  {
-    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
-    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
-    "url": "https://segmentfault.com/a/1190000041668070",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "16",
     "rank": 14
   },
-  {
-    "title": "老板让我 7 天研究一个 Plausible 统计",
-    "description": "最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细致化的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...",
-    "url": "https://segmentfault.com/a/1190000041570390",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
-    "votes": "12",
-    "rank": 15
-  },
   {
     "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": "12",
-    "rank": 16
+    "votes": "15",
+    "rank": 15
   },
   {
     "title": "17 个实用的图像特效库",
@@ -150,7 +141,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "17",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "搭建 VuePress 站点必做的 10 个优化",
@@ -159,7 +150,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "14",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "20多个好用的 Vue 组件库，请查收！",
@@ -168,7 +159,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "3D 沙盒游戏之避障踩坑和实现之旅",
@@ -177,16 +168,7 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "13",
-    "rank": 20
-  },
-  {
-    "title": "现代 CSS 解决方案：Modern CSS Reset",
-    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
-    "url": "https://segmentfault.com/a/1190000041700998",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 21
+    "rank": 19
   },
   {
     "title": "2022招聘季｜从招聘方的角度理解求职",
@@ -195,7 +177,7 @@
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
     "votes": "15",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
@@ -204,7 +186,16 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "9",
-    "rank": 23
+    "rank": 21
+  },
+  {
+    "title": "图说前端-送给您百张前端技术图谱",
+    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
+    "url": "https://segmentfault.com/a/1190000041707644",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "12",
+    "rank": 22
   },
   {
     "title": "卡颂：30岁程序员选择躺平",
@@ -213,6 +204,15 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
+    "rank": 23
+  },
+  {
+    "title": "10个有用的自定义钩子vue.js",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041598901",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
     "rank": 24
   },
   {
@@ -224,15 +224,6 @@
     "votes": "13",
     "rank": 25
   },
-  {
-    "title": "10个有用的自定义钩子vue.js",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041598901",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
-    "rank": 26
-  },
   {
     "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
     "description": "FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...",
@@ -240,7 +231,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
@@ -249,6 +240,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
+    "rank": 27
+  },
+  {
+    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
+    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
+    "url": "https://segmentfault.com/a/1190000041686261",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "12",
     "rank": 28
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "编程中常用的加密算法",
-    "description": "前言编程中常见的加密算法有以下几种，它们在不同场景中分别有应用。除信息摘要算法外，其它加密方式都会需要密钥。信息摘要算法对称加密算法非对称加密算法密钥密钥（key，又常称金钥）是指某个用来完成加密、解...",
-    "url": "https://segmentfault.com/a/1190000041569757",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "17",
+    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
+    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
+    "url": "https://segmentfault.com/a/1190000041693503",
+    "author": "恪晨",
+    "home_url": "https://segmentfault.com/u/bo_wang_code",
+    "votes": "12",
     "rank": 30
   }
 ]