@wcj/github-rank 22.4.20 → 22.4.23

package/dist/sifou-daily.json

@@ -1,46 +1,46 @@
 [
   {
-    "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": "每个开发者都应该知道的33个JavaScript概念",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041686462",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
-    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
-    "url": "https://segmentfault.com/a/1190000041728567",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "2",
+    "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": "数据建模软件Chiner，颜值与实用性并存",
-    "description": "在chiner出现之前进行数据库建模设计的时候，大部分时间使用的是PowerDesigner。说实话基本上是偷偷的用，因为大家都知道PD是收费软件，到处和国内厂商打官司。不仅如此，PowerDesigner古老守旧的的设计界面已经...",
-    "url": "https://segmentfault.com/a/1190000041724965",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
+    "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": "前端开发 Mock 利器，效率提升 100%！",
-    "description": "每个迭代，需求文档跟设计稿都出来了，静态页面唰唰两天就做完了。可是做前端又不是简单地把后端吐出来的数据放到页面上就完了，还有各种前端处理逻辑啊。",
-    "url": "https://segmentfault.com/a/1190000041723236",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "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/1190000041725780",
-    "author": "泽众软件_项目管理_测试工具",
-    "home_url": "https://segmentfault.com/u/zezhongruanjian_xiangmuguanli_ceshigongju",
+    "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
   }

package/dist/sifou-monthly.json

@@ -1,19 +1,19 @@
 [
-  {
-    "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": "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": "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": "42",
     "rank": 2
   },
@@ -23,43 +23,43 @@
     "url": "https://segmentfault.com/a/1190000041683548",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "37",
+    "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": "33",
-    "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": "26",
+    "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 也能自动补全字符串？",
-    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
-    "url": "https://segmentfault.com/a/1190000041580205",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "28",
+    "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
   },
   {
@@ -68,27 +68,18 @@
     "url": "https://segmentfault.com/a/1190000041634339",
     "author": "范文杰",
     "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "24",
+    "votes": "25",
     "rank": 8
   },
   {
-    "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",
+    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
+    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
+    "url": "https://segmentfault.com/a/1190000041668070",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "21",
     "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
-  },
   {
     "title": "我们是如何解决偶发性的502错误的",
     "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
@@ -96,16 +87,7 @@
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "14",
-    "rank": 11
-  },
-  {
-    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
-    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
-    "url": "https://segmentfault.com/a/1190000041668070",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "19",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "大裁员下，程序员如何做“副业”？",
@@ -114,7 +96,16 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "21",
-    "rank": 13
+    "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
   },
   {
     "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
@@ -123,33 +114,42 @@
     "author": "Asheng",
     "home_url": "https://segmentfault.com/u/ashengtan",
     "votes": "16",
+    "rank": 13
+  },
+  {
+    "title": "20多个好用的 Vue 组件库，请查收！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041573314",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
     "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",
+    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
+    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
+    "url": "https://segmentfault.com/a/1190000041729491",
+    "author": "独钓寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "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": "20多个好用的 Vue 组件库，请查收！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041573314",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "13",
     "rank": 17
   },
   {
@@ -161,6 +161,24 @@
     "votes": "13",
     "rank": 18
   },
+  {
+    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
+    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
+    "url": "https://segmentfault.com/a/1190000041693503",
+    "author": "恪晨",
+    "home_url": "https://segmentfault.com/u/bo_wang_code",
+    "votes": "16",
+    "rank": 19
+  },
+  {
+    "title": "图说前端-送给您百张前端技术图谱",
+    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
+    "url": "https://segmentfault.com/a/1190000041707644",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "13",
+    "rank": 20
+  },
   {
     "title": "2022招聘季｜从招聘方的角度理解求职",
     "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
@@ -168,7 +186,16 @@
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
     "votes": "15",
-    "rank": 19
+    "rank": 21
+  },
+  {
+    "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": "14",
+    "rank": 22
   },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
@@ -177,25 +204,16 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "9",
-    "rank": 20
+    "rank": 23
   },
   {
-    "title": "图说前端-送给您百张前端技术图谱",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041707644",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
+    "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": 21
-  },
-  {
-    "title": "卡颂：30岁程序员选择躺平",
-    "description": "大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...",
-    "url": "https://segmentfault.com/a/1190000041642174",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "14",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "10个有用的自定义钩子vue.js",
@@ -203,63 +221,36 @@
     "url": "https://segmentfault.com/a/1190000041598901",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
-    "rank": 23
-  },
-  {
-    "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
-    "description": "FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...",
-    "url": "https://segmentfault.com/a/1190000041619491",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "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",
+    "votes": "15",
     "rank": 25
   },
   {
-    "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041592406",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "8",
+    "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": 26
   },
   {
-    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
-    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
-    "url": "https://segmentfault.com/a/1190000041686261",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "12",
+    "title": "卡颂：30岁程序员选择躺平",
+    "description": "大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...",
+    "url": "https://segmentfault.com/a/1190000041642174",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "14",
     "rank": 27
   },
   {
-    "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",
+    "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
+    "description": "FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...",
+    "url": "https://segmentfault.com/a/1190000041619491",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
     "rank": 28
   },
-  {
-    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
-    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
-    "url": "https://segmentfault.com/a/1190000041693503",
-    "author": "恪晨",
-    "home_url": "https://segmentfault.com/u/bo_wang_code",
-    "votes": "13",
-    "rank": 29
-  },
   {
     "title": "40行代码实现React核心Diff算法",
     "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
@@ -267,6 +258,15 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
+    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
+    "url": "https://segmentfault.com/a/1190000041686261",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "12",
     "rank": 30
   }
 ]