@wcj/github-rank 22.4.20 → 22.4.21

package/web/data/sifou-daily.json

@@ -1,47 +1,83 @@
 [
   {
-    "title": "以B端平台设计，理解尼尔森10大可用性原则",
-    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
-    "url": "https://segmentfault.com/a/1190000041725043",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "7",
+    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
+    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
+    "url": "https://segmentfault.com/a/1190000041729491",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "9",
     "rank": 1
   },
   {
-    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
-    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
-    "url": "https://segmentfault.com/a/1190000041728567",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "2",
+    "title": "130 行代码搞定核酸统计，程序员在抗疫期间的大能量",
+    "description": "前几日看到一则新闻，人民日报给我们程序员点了个赞。事情原由是这样的：自三月来，但凡完成核酸检测，复旦大学的校辅导员要挨个检查学生“健康云”核酸结果截图并进行登记，确保每一个人都不会遗漏。而我们都知道...",
+    "url": "https://segmentfault.com/a/1190000041729768",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "数据建模软件Chiner，颜值与实用性并存",
-    "description": "在chiner出现之前进行数据库建模设计的时候，大部分时间使用的是PowerDesigner。说实话基本上是偷偷的用，因为大家都知道PD是收费软件，到处和国内厂商打官司。不仅如此，PowerDesigner古老守旧的的设计界面已经...",
-    "url": "https://segmentfault.com/a/1190000041724965",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
-    "votes": "1",
+    "title": "JS阻塞渲染，这么多年我理解错啦？",
+    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
+    "url": "https://segmentfault.com/a/1190000041729574",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "前端开发 Mock 利器，效率提升 100%！",
-    "description": "每个迭代，需求文档跟设计稿都出来了，静态页面唰唰两天就做完了。可是做前端又不是简单地把后端吐出来的数据放到页面上就完了，还有各种前端处理逻辑啊。",
-    "url": "https://segmentfault.com/a/1190000041723236",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "分布式数据库--SQL优化之Plan Hint",
+    "description": "Hint是嵌入SQL语句的对优化器进行提示的信息，是DBA进行SQL优化的常用手段。SQL语句经过优化器(规则优化(RBO)、代价优化(CBO))，通常会选择正确的查询路径，但是智者千虑，必有一失，有时优化器也会选择一个很差...",
+    "url": "https://segmentfault.com/a/1190000041723935",
+    "author": "浪潮云溪数据库",
+    "home_url": "https://segmentfault.com/u/cnw32fm0",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "为什么要做接口测试？",
-    "description": "首先我们要明白什么是接口测试，接口测试是测试系统组件间接口的一种测试。接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点。测试的重点是要检查数据的交换，传递和控制管理过程，以及系...",
-    "url": "https://segmentfault.com/a/1190000041725780",
-    "author": "泽众软件_项目管理_测试工具",
-    "home_url": "https://segmentfault.com/u/zezhongruanjian_xiangmuguanli_ceshigongju",
+    "title": "判断多边形是否属于复杂多边形",
+    "description": "标注场景下，用户可以选取多点框选一个区域，这样会生成一个多边形。但某些多边形不适合标注场景，还会增加其他参数计算复杂度，需要判断出来禁止绘制。",
+    "url": "https://segmentfault.com/a/1190000041733856",
+    "author": "LnEoi",
+    "home_url": "https://segmentfault.com/u/lneoi",
     "votes": "1",
     "rank": 5
+  },
+  {
+    "title": "petite-vue源码剖析-沙箱模型",
+    "description": "在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式，而且能够读取当前作用域上的属性。而evaluate的实现如下：",
+    "url": "https://segmentfault.com/a/1190000041731589",
+    "author": "肥仔John",
+    "home_url": "https://segmentfault.com/u/fsjohnhuang",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "苹果应用商店对满足条件的小型企业降低一半佣金，开发者怎么想？",
+    "description": "2020 年 11 月份，苹果宣布了一项新的 App Store 小型企业计划（App Store Small Business Program），该计划将降低小型企业所有者和独立开发商的 App Store 费用。",
+    "url": "https://segmentfault.com/a/1190000041730732",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "Flink 流批一体在小米的实践",
+    "description": "简介：基于流批一体的改造，无论是实时还是离线都只需要维护一套计算框架，为业务开发人员、平台提供方和计算引擎的支持方节省了大量人力资源。摘要：本文整理自小米软件开发工程师金风在 Flink Forward Asia 202...",
+    "url": "https://segmentfault.com/a/1190000041730610",
+    "author": "阿里云开发者",
+    "home_url": "https://segmentfault.com/u/alijishu",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "冴羽答读者问：啦啦啦啦啦啦",
+    "description": "简单的 6 个字，却流露出杠铃般的快乐，所以虽然不知道你想说什么，但是能肯定，你是一个很快乐的人。那这个回答，我们就聊聊，我对于快乐的一些看法好了。",
+    "url": "https://segmentfault.com/a/1190000041733196",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "1",
+    "rank": 9
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,4 +1,13 @@
 [
+  {
+    "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": "44",
+    "rank": 1
+  },
   {
     "title": "还在使用定时器吗？CSS 也能实现电子时钟",
     "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
@@ -6,15 +15,6 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "40",
-    "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": "42",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041683548",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "37",
+    "votes": "38",
     "rank": 3
   },
   {
@@ -53,23 +53,14 @@
     "votes": "26",
     "rank": 6
   },
-  {
-    "title": "CSS 也能自动补全字符串？",
-    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
-    "url": "https://segmentfault.com/a/1190000041580205",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "28",
-    "rank": 7
-  },
   {
     "title": "Offer 提速：如何写出有亮点的简历",
     "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
     "url": "https://segmentfault.com/a/1190000041634339",
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "24",
-    "rank": 8
+    "votes": "25",
+    "rank": 7
   },
   {
     "title": "现代 CSS 解决方案：Modern CSS Reset",
@@ -78,7 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "18",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
@@ -87,7 +78,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "20",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "我们是如何解决偶发性的502错误的",
@@ -96,7 +87,7 @@
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "14",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
@@ -105,7 +96,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "大裁员下，程序员如何做“副业”？",
@@ -114,6 +105,15 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "21",
+    "rank": 12
+  },
+  {
+    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
+    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
+    "url": "https://segmentfault.com/a/1190000041718060",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "17",
     "rank": 13
   },
   {
@@ -125,15 +125,6 @@
     "votes": "16",
     "rank": 14
   },
-  {
-    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
-    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
-    "url": "https://segmentfault.com/a/1190000041718060",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "15",
-    "rank": 15
-  },
   {
     "title": "搭建 VuePress 站点必做的 10 个优化",
     "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...",
@@ -141,7 +132,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "14",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "20多个好用的 Vue 组件库，请查收！",
@@ -150,7 +141,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "17",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "3D 沙盒游戏之避障踩坑和实现之旅",
@@ -159,7 +150,7 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "13",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "2022招聘季｜从招聘方的角度理解求职",
@@ -168,7 +159,7 @@
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
     "votes": "15",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
@@ -177,7 +168,7 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "9",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "图说前端-送给您百张前端技术图谱",
@@ -186,6 +177,15 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "12",
+    "rank": 20
+  },
+  {
+    "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",
     "rank": 21
   },
   {
@@ -215,15 +215,6 @@
     "votes": "11",
     "rank": 24
   },
-  {
-    "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": 25
-  },
   {
     "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -231,25 +222,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 26
-  },
-  {
-    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
-    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
-    "url": "https://segmentfault.com/a/1190000041686261",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "12",
-    "rank": 27
+    "rank": 25
   },
   {
-    "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": "11",
-    "rank": 28
+    "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": 26
   },
   {
     "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
@@ -258,7 +240,7 @@
     "author": "恪晨",
     "home_url": "https://segmentfault.com/u/bo_wang_code",
     "votes": "13",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "40行代码实现React核心Diff算法",
@@ -267,6 +249,24 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "9",
+    "rank": 28
+  },
+  {
+    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
+    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
+    "url": "https://segmentfault.com/a/1190000041686261",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "12",
+    "rank": 29
+  },
+  {
+    "title": "Three.js 火焰效果实现艾尔登法环动态logo 🔥",
+    "description": "《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈，实现具有火焰效果艾尔登法环 Logo，本文中涉及到的知识点包括：Fire.js 基本使用方法...",
+    "url": "https://segmentfault.com/a/1190000041585906",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "13",
     "rank": 30
   }
 ]