@wcj/github-rank 22.4.19 → 22.4.20

package/web/data/sifou-daily.json

@@ -1,74 +1,47 @@
 [
   {
-    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
-    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
-    "url": "https://segmentfault.com/a/1190000041718060",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "4",
+    "title": "以B端平台设计，理解尼尔森10大可用性原则",
+    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
+    "url": "https://segmentfault.com/a/1190000041725043",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "7",
     "rank": 1
   },
   {
-    "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",
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "数据建模软件Chiner，颜值与实用性并存",
+    "description": "在chiner出现之前进行数据库建模设计的时候，大部分时间使用的是PowerDesigner。说实话基本上是偷偷的用，因为大家都知道PD是收费软件，到处和国内厂商打官司。不仅如此，PowerDesigner古老守旧的的设计界面已经...",
+    "url": "https://segmentfault.com/a/1190000041724965",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "1",
     "rank": 3
   },
   {
-    "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",
+    "title": "前端开发 Mock 利器，效率提升 100%！",
+    "description": "每个迭代，需求文档跟设计稿都出来了，静态页面唰唰两天就做完了。可是做前端又不是简单地把后端吐出来的数据放到页面上就完了，还有各种前端处理逻辑啊。",
+    "url": "https://segmentfault.com/a/1190000041723236",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
     "rank": 4
   },
   {
-    "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": "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",
+    "title": "为什么要做接口测试？",
+    "description": "首先我们要明白什么是接口测试，接口测试是测试系统组件间接口的一种测试。接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点。测试的重点是要检查数据的交换，传递和控制管理过程，以及系...",
+    "url": "https://segmentfault.com/a/1190000041725780",
+    "author": "泽众软件_项目管理_测试工具",
+    "home_url": "https://segmentfault.com/u/zezhongruanjian_xiangmuguanli_ceshigongju",
     "votes": "1",
-    "rank": 8
+    "rank": 5
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,20 +1,20 @@
 [
-  {
-    "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": "40",
-    "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": "38",
+    "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": "36",
+    "votes": "37",
     "rank": 3
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000041634906",
     "author": "WonderfulSoap",
     "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "31",
+    "votes": "32",
     "rank": 5
   },
   {
@@ -72,12 +72,12 @@
     "rank": 8
   },
   {
-    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
-    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
-    "url": "https://segmentfault.com/a/1190000041560515",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "24",
+    "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": "18",
     "rank": 9
   },
   {
@@ -104,26 +104,17 @@
     "url": "https://segmentfault.com/a/1190000041668070",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "18",
+    "votes": "19",
     "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": "前几天有幸看了尤雨溪尤大的直播，他们谈到一个话题，是说目前前端人，或者是整个程序员群体如何做副业？近年来互联网行情下降，好多人都在思考要不要搞个副业来抵御风险。",
     "url": "https://segmentfault.com/a/1190000041627230",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "20",
-    "rank": 14
+    "votes": "21",
+    "rank": 13
   },
   {
     "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
@@ -131,17 +122,17 @@
     "url": "https://segmentfault.com/a/1190000041640722",
     "author": "Asheng",
     "home_url": "https://segmentfault.com/u/ashengtan",
-    "votes": "15",
-    "rank": 15
+    "votes": "16",
+    "rank": 14
   },
   {
-    "title": "17 个实用的图像特效库",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041578591",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
-    "rank": 16
+    "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 个优化",
@@ -150,7 +141,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "14",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "20多个好用的 Vue 组件库，请查收！",
@@ -158,8 +149,8 @@
     "url": "https://segmentfault.com/a/1190000041573314",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 18
+    "votes": "17",
+    "rank": 17
   },
   {
     "title": "3D 沙盒游戏之避障踩坑和实现之旅",
@@ -168,7 +159,7 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "13",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "2022招聘季｜从招聘方的角度理解求职",
@@ -177,7 +168,7 @@
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
     "votes": "15",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
@@ -186,7 +177,7 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "9",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "图说前端-送给您百张前端技术图谱",
@@ -195,7 +186,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "12",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "卡颂：30岁程序员选择躺平",
@@ -204,7 +195,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "10个有用的自定义钩子vue.js",
@@ -213,16 +204,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
-    "rank": 24
-  },
-  {
-    "title": "数据库与缓存双写一致性",
-    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
-    "url": "https://segmentfault.com/a/1190000041576417",
-    "author": "超大只乌龟",
-    "home_url": "https://segmentfault.com/u/chenwugui",
-    "votes": "13",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
@@ -231,7 +213,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
-    "rank": 26
+    "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 路由过渡动效！",
@@ -240,7 +231,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
@@ -249,7 +240,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "12",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
@@ -258,7 +249,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
@@ -266,7 +257,16 @@
     "url": "https://segmentfault.com/a/1190000041693503",
     "author": "恪晨",
     "home_url": "https://segmentfault.com/u/bo_wang_code",
-    "votes": "12",
+    "votes": "13",
+    "rank": 29
+  },
+  {
+    "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": 30
   }
 ]