@wcj/github-rank 22.4.24 → 22.4.25

package/web/data/sifou-daily.json

@@ -1,29 +1,56 @@
 [
   {
-    "title": "Java on Visual Studio Code 4月更新",
-    "description": "大家好，欢迎来到 Visual Studio Code Java 的 4 月更新。这次我们为您带来了许多关于基础开发体验的令人激动的更新，包括 Java 18 支持、参数名称的嵌入提示、新的Java语言服务器状态交互、更好的 lambda 表达式...",
-    "url": "https://segmentfault.com/a/1190000041737726",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
+    "title": "🔥 2022 前端性能优化最佳实践",
+    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
+    "url": "https://segmentfault.com/a/1190000041753539",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "我是如何用 Amazon Serverless 创建一个门铃的",
-    "description": "不久前，我所在的公司举办了一场黑客松活动，我和一个同事一起，用 AWS Serverless 服务和 raspberry pi 创建了一个智能门铃。",
-    "url": "https://segmentfault.com/a/1190000041745745",
-    "author": "亚马逊云开发者",
-    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
+    "title": "5 分钟教你快速掌握 GitHub Actions 自动发布 Npm 包和网站",
+    "description": "自从 GitHub 宣布 GitHub Actions 在平台上对所有开发人员和存储库可用以来，GitHub Actions 越来越受欢迎。很多第三方平台在生态系统中有速度等限制，将进一步推动开发人员将他们的软件自动化迁移到 GitHub Acti...",
+    "url": "https://segmentfault.com/a/1190000041753907",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "Restful、SOAP、RPC、SOA、微服务之间的区别",
-    "description": "什么是RestfulRestful是一种架构设计风格，提供了设计原则和约束条件，而不是架构，而满足这些约束条件和原则的应用程序或设计就是 Restful架构或服务。主要的设计原则： 资源与URI 统一资源接口(HTTP方法如GET，...",
-    "url": "https://segmentfault.com/a/1190000041745482",
-    "author": "半卷清詞",
-    "home_url": "https://segmentfault.com/u/tobin_blogs",
-    "votes": "1",
+    "title": "跨Mysql、Redis、Mongo的分布式事务",
+    "description": "Mysql、Redis、Mongo都是非常流行的存储，并且各自有自己的优势。在实际的应用中，常常会同时使用多种存储，也会遇见在多种存储中保证数据一致性的需求，例如保证数据库中的库存和Redis中的库存一致等。",
+    "url": "https://segmentfault.com/a/1190000041743706",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "2",
     "rank": 3
+  },
+  {
+    "title": "冴羽答读者问：除代码外，就没别的优先级很高的爱好了吗？",
+    "description": "纵观我所有的文章，在「冴羽答读者问」系列之前，我从来不写非技术类的文章。而在技术文章中，我写作的一个标准是：不写废话，所以我不会像一些作者在技术文章中，还写一点生活的情况或者最近在干的事情。当然，...",
+    "url": "https://segmentfault.com/a/1190000041752122",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "商品3D展示来啦，HMS Core3D建模服务助力电商发展",
+    "description": "传统电商商品展示采用图文结合的形式，文案介绍产品的相关参数，搭配精美图片去吸引客户眼球。但图文商品展示由于色差、尺寸不符等原因，会让消费者产生图片和实物不一致的疑虑，且消费者需要消耗大量精力阅读和...",
+    "url": "https://segmentfault.com/a/1190000041748470",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "如何实现线上优雅停机和调整线程池参数？",
+    "description": "好几天没更新austin的系列文章啦，主要是一直在写austin的代码。而这篇文章我想了很久标题，最后定为《优雅，不过时》。文章的内容主要由以下部分组成：",
+    "url": "https://segmentfault.com/a/1190000041748258",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "1",
+    "rank": 6
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,13 +1,4 @@
 [
-  {
-    "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": "43",
-    "rank": 1
-  },
   {
     "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
     "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
@@ -15,6 +6,15 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "46",
+    "rank": 1
+  },
+  {
+    "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": "43",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041683548",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "40",
+    "votes": "39",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041634906",
     "author": "WonderfulSoap",
     "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "35",
+    "votes": "36",
     "rank": 4
   },
   {
@@ -41,17 +41,35 @@
     "url": "https://segmentfault.com/a/1190000041666096",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "35",
+    "votes": "36",
     "rank": 5
   },
+  {
+    "title": "JS阻塞渲染，这么多年我理解错啦？",
+    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
+    "url": "https://segmentfault.com/a/1190000041729574",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "24",
+    "rank": 6
+  },
+  {
+    "title": "Offer 提速：如何写出有亮点的简历",
+    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
+    "url": "https://segmentfault.com/a/1190000041634339",
+    "author": "范文杰",
+    "home_url": "https://segmentfault.com/u/fanwenjie",
+    "votes": "28",
+    "rank": 7
+  },
   {
     "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
+    "votes": "21",
+    "rank": 8
   },
   {
     "title": "现代 CSS 解决方案：Modern CSS Reset",
@@ -59,17 +77,8 @@
     "url": "https://segmentfault.com/a/1190000041700998",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "20",
-    "rank": 7
-  },
-  {
-    "title": "Offer 提速：如何写出有亮点的简历",
-    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
-    "url": "https://segmentfault.com/a/1190000041634339",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "26",
-    "rank": 8
+    "votes": "21",
+    "rank": 9
   },
   {
     "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
@@ -77,16 +86,7 @@
     "url": "https://segmentfault.com/a/1190000041668070",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "21",
-    "rank": 9
-  },
-  {
-    "title": "JS阻塞渲染，这么多年我理解错啦？",
-    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
-    "url": "https://segmentfault.com/a/1190000041729574",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "9",
+    "votes": "22",
     "rank": 10
   },
   {
@@ -98,6 +98,15 @@
     "votes": "14",
     "rank": 11
   },
+  {
+    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
+    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
+    "url": "https://segmentfault.com/a/1190000041729491",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "19",
+    "rank": 12
+  },
   {
     "title": "大裁员下，程序员如何做“副业”？",
     "description": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
@@ -105,7 +114,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "21",
-    "rank": 12
+    "rank": 13
   },
   {
     "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
@@ -114,16 +123,16 @@
     "author": "Asheng",
     "home_url": "https://segmentfault.com/u/ashengtan",
     "votes": "16",
-    "rank": 13
+    "rank": 14
   },
   {
-    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
-    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
-    "url": "https://segmentfault.com/a/1190000041729491",
-    "author": "独钓寒江雪",
-    "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "17",
-    "rank": 14
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "15",
+    "rank": 15
   },
   {
     "title": "20多个好用的 Vue 组件库，请查收！",
@@ -132,7 +141,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "CSS 实现切角效果",
@@ -141,16 +150,25 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 16
+    "rank": 17
   },
   {
-    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
-    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
-    "url": "https://segmentfault.com/a/1190000041728567",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "14",
-    "rank": 17
+    "title": "40行代码实现React核心Diff算法",
+    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
+    "url": "https://segmentfault.com/a/1190000041706515",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "11",
+    "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": "10",
+    "rank": 19
   },
   {
     "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
@@ -159,7 +177,7 @@
     "author": "恪晨",
     "home_url": "https://segmentfault.com/u/bo_wang_code",
     "votes": "16",
-    "rank": 18
+    "rank": 20
   },
   {
     "title": "图说前端-送给您百张前端技术图谱",
@@ -168,7 +186,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 19
+    "rank": 21
   },
   {
     "title": "2022招聘季｜从招聘方的角度理解求职",
@@ -177,7 +195,7 @@
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
     "votes": "15",
-    "rank": 20
+    "rank": 22
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
@@ -186,16 +204,16 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "14",
-    "rank": 21
+    "rank": 23
   },
   {
-    "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": 22
+    "title": "以B端平台设计，理解尼尔森10大可用性原则",
+    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
+    "url": "https://segmentfault.com/a/1190000041725043",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "14",
+    "rank": 24
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(下)",
@@ -203,8 +221,8 @@
     "url": "https://segmentfault.com/a/1190000041683421",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "12",
-    "rank": 23
+    "votes": "13",
+    "rank": 25
   },
   {
     "title": "10个有用的自定义钩子vue.js",
@@ -213,16 +231,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "15",
-    "rank": 24
-  },
-  {
-    "title": "以B端平台设计，理解尼尔森10大可用性原则",
-    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
-    "url": "https://segmentfault.com/a/1190000041725043",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "13",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "卡颂：30岁程序员选择躺平",
@@ -230,8 +239,8 @@
     "url": "https://segmentfault.com/a/1190000041642174",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "14",
-    "rank": 26
+    "votes": "15",
+    "rank": 27
   },
   {
     "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
@@ -240,15 +249,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
-    "rank": 27
-  },
-  {
-    "title": "40行代码实现React核心Diff算法",
-    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
-    "url": "https://segmentfault.com/a/1190000041706515",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "9",
     "rank": 28
   },
   {