@wcj/github-rank 22.4.22 → 22.4.23

package/web/data/sifou-daily.json

@@ -1,74 +1,47 @@
 [
   {
-    "title": "AI 视频云 VS 窄带高清，谁是视频时代的宠儿",
-    "description": "随着网络技术的逐渐改善，各类视频消息成为媒体传播的主要选择手段。但其实支撑着视频传播的并不单单是网络技术，还有视频转码与压缩技术。这类技术下分很多，比如曾经被频繁提到的 H.265，比如时下热门的窄带高...",
-    "url": "https://segmentfault.com/a/1190000041735598",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "title": "每个开发者都应该知道的33个JavaScript概念",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041686462",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "【面试普通人VS高手系列】能谈一下CAS机制吗？",
-    "description": "一个小伙伴私信我，他说遇到了一个关于CAS机制的问题，他以为面试官问的是CAS实现单点登录。心想，这个问题我熟啊，然后就按照单点登录的思路去回答，结果面试官一直摇头。他来和我说，到了面试结束都没明想白自...",
-    "url": "https://segmentfault.com/a/1190000041737060",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "3",
+    "title": "Day 46/100 Vue this.$set原理",
+    "description": "（一）需求Vue 在非响应式的时候会有新增属性但并没有新增属性的情况。解决方案是$set 重新设置下。（二）介绍1、Demo {代码...} 2、原理vm.$set() 在new Vue() 时就被注入到Vue 原型上。（1）入口src/core/insta...",
+    "url": "https://segmentfault.com/a/1190000041743043",
+    "author": "SnowWolfArden",
+    "home_url": "https://segmentfault.com/u/snowwolfarden",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "ApacheCon Asia 2022 演讲征集开始了！",
-    "description": "ApacheCon 组委会以及Apache 软件基金会很高兴地宣布，ApacheCon Asia 大会将于2022 年 7 月 29 日至 31 日在线举行。我们将再次展示来自基金会的几十个项目相关的内容，以及关于我们的社区、Apache 如何运作、围...",
-    "url": "https://segmentfault.com/a/1190000041737977",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "我说这是全网最全vue组件通信方式，你没意见吧？",
+    "description": "父子组件通信 {代码...} 跨组件通信 {代码...} 父子组件通信prop最常见的组件通信方式，由父组件向子组件传递。prop可接收一个数组或对象 {代码...} event子组件向父组件发送通知，并传递参数子组件 {代码...} 父...",
+    "url": "https://segmentfault.com/a/1190000041742898",
+    "author": "十安",
+    "home_url": "https://segmentfault.com/u/itgo1024",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "有道词典Android客户端包体积优化之路",
-    "description": "有道词典从移动互联网之初就凭借小巧快速、功能强大的印象让用户爱上翻译查词，爱上学习。随着业务不断地迭代以及功能不断完善，有道词典不再是单纯的查词软件，而是变成了用户的综合学习平台。我们探索过社区、...",
-    "url": "https://segmentfault.com/a/1190000041736312",
-    "author": "有道技术团队",
-    "home_url": "https://segmentfault.com/u/youdaotec",
+    "title": "云原生虚拟化：基于 Kubevirt 构建边缘计算实例",
+    "description": "随着 Kubernetes 的普及，越来越多的业务开始运行在容器上，但是仍有部分业务形态更适合运行在虚拟机，如何同时管控虚拟机和容器逐渐成为了云原生时代的主流需求， Kubevirt 给出了完美的解决方案。",
+    "url": "https://segmentfault.com/a/1190000041741403",
+    "author": "火山引擎边缘计算",
+    "home_url": "https://segmentfault.com/u/edgecloud",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "看看项目经理是如何把一个项目带崩的",
-    "description": "我是一名项目经理，在过去的四个月里，我把一个项目带崩了（上线后频出问题，用户无法使用）。在最近的几天，我每天都在反思自己，我都在问自己以下几个问题：",
-    "url": "https://segmentfault.com/a/1190000041735267",
-    "author": "小新星奇",
-    "home_url": "https://segmentfault.com/u/xiaoxinxingqi",
+    "title": "【HarmonyOS学习笔记】记第一次使用IDE",
+    "description": "2022年4月22日                                    天气：晴  &n...",
+    "url": "https://segmentfault.com/a/1190000041741514",
+    "author": "不会写代码的小白",
+    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
     "votes": "1",
     "rank": 5
-  },
-  {
-    "title": "RPCX源码学习-server端",
-    "description": "协议的主要内容是什么？ 该协议允许运行于一台计算机中的程序调用另一个地址空间（通常为一个开放网络中的一台计算机）的子程序，而程序员就像调用本地程序一样，无需额外的为这个交互作用编程（无需关注细节）。",
-    "url": "https://segmentfault.com/a/1190000041737777",
-    "author": "satan",
-    "home_url": "https://segmentfault.com/u/mini_satan",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "spring boot http接口单元测试运行流程分析",
-    "description": "先粘贴一下test方法截图测试类启动过程：HandlerMappingIntrospector的initHandlerMappings()具体逻辑如下： {代码...} 可以看到beans的数量为8，此时HandlerMappingIntrospector.handlerMappings属性值已经被赋...",
-    "url": "https://segmentfault.com/a/1190000041739257",
-    "author": "子瞻",
-    "home_url": "https://segmentfault.com/u/zizhan_60c96dd8f2602",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "Python 函数进阶-迭代器",
-    "description": "迭代器什么是迭代器能被 next 指针调用，并不断返回下一个值的对象，叫做迭代器。表示为Iterator，迭代器是一个对象类型数据。概念迭代器指的是迭代取值的工具，迭代是一个重复的过程，每次重复都是基于上一次的...",
-    "url": "https://segmentfault.com/a/1190000041736083",
-    "author": "Python技术大本营",
-    "home_url": "https://segmentfault.com/u/bianchengdandan",
-    "votes": "1",
-    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -23,36 +23,45 @@
     "url": "https://segmentfault.com/a/1190000041683548",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "38",
+    "votes": "39",
     "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": "34",
-    "rank": 4
-  },
   {
     "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": "32",
+    "votes": "34",
+    "rank": 4
+  },
+  {
+    "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": "35",
     "rank": 5
   },
   {
-    "title": "一个小厂前端 Leader 如何筛选候选人？",
-    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
-    "url": "https://segmentfault.com/a/1190000041592141",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "27",
+    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
+    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
+    "url": "https://segmentfault.com/a/1190000041718060",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "19",
     "rank": 6
   },
+  {
+    "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": "20",
+    "rank": 7
+  },
   {
     "title": "Offer 提速：如何写出有亮点的简历",
     "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
@@ -60,15 +69,6 @@
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
     "votes": "25",
-    "rank": 7
-  },
-  {
-    "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": "19",
     "rank": 8
   },
   {
@@ -80,15 +80,6 @@
     "votes": "21",
     "rank": 9
   },
-  {
-    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
-    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
-    "url": "https://segmentfault.com/a/1190000041718060",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
-    "rank": 10
-  },
   {
     "title": "我们是如何解决偶发性的502错误的",
     "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
@@ -96,7 +87,7 @@
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "14",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "大裁员下，程序员如何做“副业”？",
@@ -105,6 +96,15 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "21",
+    "rank": 11
+  },
+  {
+    "title": "JS阻塞渲染，这么多年我理解错啦？",
+    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
+    "url": "https://segmentfault.com/a/1190000041729574",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "16",
     "rank": 12
   },
   {
@@ -131,18 +131,27 @@
     "url": "https://segmentfault.com/a/1190000041729491",
     "author": "独钓寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "16",
+    "votes": "17",
     "rank": 15
   },
   {
-    "title": "搭建 VuePress 站点必做的 10 个优化",
-    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...",
-    "url": "https://segmentfault.com/a/1190000041593877",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
     "votes": "14",
     "rank": 16
   },
+  {
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "13",
+    "rank": 17
+  },
   {
     "title": "3D 沙盒游戏之避障踩坑和实现之旅",
     "description": "最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。",
@@ -150,24 +159,15 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "13",
-    "rank": 17
-  },
-  {
-    "title": "2022招聘季｜从招聘方的角度理解求职",
-    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
-    "url": "https://segmentfault.com/a/1190000041617937",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "15",
     "rank": 18
   },
   {
-    "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",
-    "votes": "9",
+    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
+    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
+    "url": "https://segmentfault.com/a/1190000041693503",
+    "author": "恪晨",
+    "home_url": "https://segmentfault.com/u/bo_wang_code",
+    "votes": "16",
     "rank": 19
   },
   {
@@ -176,62 +176,71 @@
     "url": "https://segmentfault.com/a/1190000041707644",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "12",
+    "votes": "13",
     "rank": 20
   },
   {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
+    "title": "2022招聘季｜从招聘方的角度理解求职",
+    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
+    "url": "https://segmentfault.com/a/1190000041617937",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "15",
     "rank": 21
   },
-  {
-    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
-    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
-    "url": "https://segmentfault.com/a/1190000041693503",
-    "author": "恪晨",
-    "home_url": "https://segmentfault.com/u/bo_wang_code",
-    "votes": "14",
-    "rank": 22
-  },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
     "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
     "url": "https://segmentfault.com/a/1190000041683300",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "12",
+    "votes": "14",
+    "rank": 22
+  },
+  {
+    "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",
+    "votes": "9",
     "rank": 23
   },
   {
-    "title": "卡颂：30岁程序员选择躺平",
-    "description": "大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...",
-    "url": "https://segmentfault.com/a/1190000041642174",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "14",
+    "title": "一些关于react的keep-alive功能相关知识在这里(下)",
+    "description": "比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。",
+    "url": "https://segmentfault.com/a/1190000041683421",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "12",
     "rank": 24
   },
+  {
+    "title": "10个有用的自定义钩子vue.js",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041598901",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "15",
+    "rank": 25
+  },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
     "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
     "url": "https://segmentfault.com/a/1190000041725043",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "12",
-    "rank": 25
+    "votes": "13",
+    "rank": 26
   },
   {
-    "title": "10个有用的自定义钩子vue.js",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041598901",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "卡颂：30岁程序员选择躺平",
+    "description": "大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...",
+    "url": "https://segmentfault.com/a/1190000041642174",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
@@ -240,15 +249,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
-    "rank": 27
-  },
-  {
-    "title": "从0到1教你在AWS中部署动态网站Typecho系统",
-    "description": "Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。",
-    "url": "https://segmentfault.com/a/1190000041598952",
-    "author": "沈唁",
-    "home_url": "https://segmentfault.com/u/sy_records",
-    "votes": "10",
     "rank": 28
   },
   {