@wcj/github-rank 22.4.26 → 22.4.29

package/dist/sifou-daily.json

@@ -1,137 +1,119 @@
 [
   {
-    "title": "面试算法题记录",
-    "description": "问：一个数组，先递增后递减，要返回最大的一个数，怎么实现？答：依次遍历第i个数，如果第i个数大于第i + 1个数，那么返回第i个数，这个数就是最大值。（这么简单，大一学生都会）问：还能优化吗？答：啊。。。...",
-    "url": "https://segmentfault.com/a/1190000041758099",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "6",
+    "title": "这些CSS提效技巧，你需要知道！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041711730",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "angular 拖动功能",
-    "description": "写到表单功能的时候，就考虑如果表单能够拖动式地添加，无疑能够加强用户的使用体验感。所以就尝试着实现拖动功能。如下图，能够将一个表单拖动到另一个表单。",
-    "url": "https://segmentfault.com/a/1190000041757995",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "6",
+    "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
+    "description": "CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...",
+    "url": "https://segmentfault.com/a/1190000041771296",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
-    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
-    "url": "https://segmentfault.com/a/1190000041754709",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "5",
+    "title": "WGCLOUD怎么设置每页显示多少条",
+    "description": "在server/config/application.yml可以修改列表页面，每页显示多少条数据，如下，修改数字即可，然后重启server就好了，打开页面看看是不是修改过来了",
+    "url": "https://segmentfault.com/a/1190000041770856",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "CSS 绘制一个时钟",
-    "description": "欢迎关注微信公众号：前端侦探练习 CSS 一个很好的方法就是绘制各式各样的 UI，比如这样一个时钟？你也可以访问这个 CSS clock查看实际效果CSS 绘制这样一个布局有几个难点：环形排列的刻度环形分布的数字自动运...",
-    "url": "https://segmentfault.com/a/1190000041754537",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "WGCLOUD如何配置某些磁盘不用发送告警通知",
+    "description": "有一个简单的自定义方法，新建一个json文件，名称为hostWarnDiy.json，这个名称不能修改的，不然改了系统识别不了，内容格式如下如下，记得把IP和磁盘改为自己的实际值，多余的主机可以删除的：",
+    "url": "https://segmentfault.com/a/1190000041770726",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "硬核调试实操 | 手把手带你实现 Serverless 断点调试",
-    "description": "简介：本文借助 Serverless Devs 工具，对函数计算 (FC） 应用的断点调试步骤进行详细指导，手把手带你实现 Serverless 的断点调试。",
-    "url": "https://segmentfault.com/a/1190000041755737",
-    "author": "阿里云开发者",
-    "home_url": "https://segmentfault.com/u/alijishu",
+    "title": "浏览器扫码打开Android/iOS App",
+    "description": "打开浏览器，扫描某个二维码时需要启动特定的App，要实现这样的需求，我们首先需要解析HTML页面的二维码，通常解析后的内容格式为： {代码...} scheme：判别启动的App。host：适当记述。path：传值时必须的key，...",
+    "url": "https://segmentfault.com/a/1190000041772444",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "招聘季征文活动获奖名单公布，快来领奖~",
-    "description": "哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单江辰：5年经验(专升本)入职B站分享范文杰：Offer 提速：如何写出有亮点的简历杨成功：一个小厂前端 Lea...",
-    "url": "https://segmentfault.com/a/1190000041757846",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "实现一个可拖拽分栏组件",
+    "description": "在实现样式后，为组件补充相关交互代码，主要是为 onMouseDown / onMouseMove / onMouseUp 添加相应的事件处理函数。",
+    "url": "https://segmentfault.com/a/1190000041771150",
+    "author": "forzoom",
+    "home_url": "https://segmentfault.com/u/forzoomhm",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "基于代价的慢查询优化建议",
-    "description": "对于数据库来说，慢查询往往意味着风险。SQL执行得越慢，消耗的CPU资源或IO资源也会越大。大量的慢查询可直接引发业务故障，关注慢查询即是关注故障本身。本文主要介绍了美团如何利用数据库的代价优化器来优化慢...",
-    "url": "https://segmentfault.com/a/1190000041759545",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "title": "OpenMLDB：线上线下一致的生产级特征计算平台",
+    "description": "导读：今天我们将从线上线下一致的生产级特征计算平台这个点切入，从「人工智能工程化落地过程中企业面临的数据和特征挑战」 ，「OpenMLDB：线上线下一致性的生产级特征计算平台」，「拥抱开源、面向社区」三个方...",
+    "url": "https://segmentfault.com/a/1190000041770905",
+    "author": "4PD开发者社区",
+    "home_url": "https://segmentfault.com/u/4paradigm",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "Linux下跨语言调用C++实践",
-    "description": "不同的开发语言适合不同的领域，例如Python适合做数据分析，C++适合做系统的底层开发，假如它们需要用到相同功能的基础组件，组件使用多种语言分别开发的话，不仅增加了开发和维护成本，而且不能确保多种语言间在...",
-    "url": "https://segmentfault.com/a/1190000041759517",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "title": "《Linux网络开发必学教程》7_TCP 与 UDP",
+    "description": "TCP/IP 分层结构应用层：各个应用程序可以定义（使用）各种这样的协议传输层：确保发出的数据能够达到目标主机，完成数据传输网络层：填写数据包地址，选择数据传输路径数据链路层：融合不同连接方式的链路，屏蔽...",
+    "url": "https://segmentfault.com/a/1190000041774420",
+    "author": "TianSong",
+    "home_url": "https://segmentfault.com/u/tiansong",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "uniapp使用vuex管理登录状态",
-    "description": "小程序登录后使用vuex来管理登录状态和退出，小程序登录之后将后端发送过来的token存储到本地，然后使用vuex读取并且改变登录状态。 {代码...} 这样我们就可以在登录页面直接调用这个方法和状态了！",
-    "url": "https://segmentfault.com/a/1190000041757997",
-    "author": "开心",
-    "home_url": "https://segmentfault.com/u/kaixin_5ec3535e5a3c1",
+    "title": "“超越” SQL 的数据查询语言“新秀”Top8：GraphQL、PRQL、WebAssembly上榜",
+    "description": "几十年来，SQL（结构化查询语言）一直在数据查询语言领域处于主导地位，几乎成了数据库的“代名词”，任何想从数据库中检索信息的人都必须学习 SQL。但随着时代的变迁，SQL 对数据检索的主导力量正在减弱。",
+    "url": "https://segmentfault.com/a/1190000041771956",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "通俗易懂大白话——Java NIO ——宏观把握（1）之大白话讲述，Linux下的BIO、NIO、select、epoll",
-    "description": "首先要知道，Linux下的Java，是基于Linux系统调用实现的，所以我们先来了解下Linux的NIO是咋实现的，Java的NIO就是包装了下Linux的NIO接口而已。",
-    "url": "https://segmentfault.com/a/1190000041757275",
-    "author": "大白话的技术分享",
-    "home_url": "https://segmentfault.com/u/dabaihuashare",
+    "title": "玩转 chrome 效率起飞",
+    "description": "使用方式： 在目标接口上鼠标右键 Copy as cUrl （mac）、Copy as PowerShell（windows） 将文本发给后端同学即可，后端在终端输入文本请求接口。",
+    "url": "https://segmentfault.com/a/1190000041773106",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "JavaScript内存泄漏",
-    "description": "在传统的网页开发时无需过多考虑内存管理，通常也不会产生严重的后果。因为当用户点击链接打开新页面或者刷新页面，页面内的信息就会从内存中清理掉。",
-    "url": "https://segmentfault.com/a/1190000041754358",
-    "author": "老毛",
-    "home_url": "https://segmentfault.com/u/laomao_5902e12974409",
+    "title": "js面试题(基础)梳理",
+    "description": "1、JavaScript有几种数据类型？ {代码...} 2、JavaScript最大安全数字与最小安全数字？ {代码...} 3、深拷贝与浅拷贝的区别？ {代码...} 4、闭包是什么？ {代码...} 例子: {代码...} 5、原型链是什么 {代码...} 6...",
+    "url": "https://segmentfault.com/a/1190000041772895",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "《Mybatis 手撸专栏》第6章：数据源池化技术实现",
-    "description": "你有发现吗，其实很大一部分码农，都只是会写代码，不会讲东西。一遇到述职、答辩、分享、汇报，就很难流畅且有高度、有深度，并融合一部分引入入胜的趣味性来让观众更好的接受和理解你要传递的信息。",
-    "url": "https://segmentfault.com/a/1190000041754310",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "title": "80+产品正通过兼容性测试，OpenHarmony生态蓬勃发展",
+    "description": "4月25日，开放原子开源基金会举办了 OpenAtom OpenHarmony（以下简称“OpenHarmony”）技术日活动，OpenHarmony PMC 委员代表首次对外解读 OpenHarmony 3.1 Release，并分享了技术、生态、社区建设和人才发展方面的...",
+    "url": "https://segmentfault.com/a/1190000041770879",
+    "author": "OpenHarmony社区",
+    "home_url": "https://segmentfault.com/u/openharmony",
     "votes": "1",
     "rank": 12
   },
   {
-    "title": "【Java】如何用 JDBC 写一个数据库文档生成工具？",
-    "description": "JDBC 是 Java Database Connectivity 的缩写，从名字就能看出来是 Java 定义的连接数据库的一个标准，这个标准的具体体现就是一系列接口",
-    "url": "https://segmentfault.com/a/1190000041754010",
-    "author": "且徐行",
-    "home_url": "https://segmentfault.com/u/qiexuxing_614696702a18f",
+    "title": "OpenHarmony加速行业应用落地，多款软件发行版正在通过兼容性测评",
+    "description": "4月25日，OpenAtom OpenHarmony（以下简称“OpenHarmony”）技术日在深圳举办，大会聚焦 OpenHarmony 3.1 Release 版本核心技术解读，同时分享了生态最新进展。随着 OpenHarmony 系统能力、配套开发资源快速发展，...",
+    "url": "https://segmentfault.com/a/1190000041770703",
+    "author": "OpenHarmony社区",
+    "home_url": "https://segmentfault.com/u/openharmony",
     "votes": "1",
     "rank": 13
-  },
-  {
-    "title": "《Linux网络开发必学教程》2_服务端编程初体验",
-    "description": "客户端/服务端 编程模式服务端长期保留于网络（公开自己的 IP 地址），并等待客户端连接客户端发起连接动作，并等待服务端回应特点：服务端无法主动连接客户端客户端只能按照预定义的方式（协议）连接服务端服务...",
-    "url": "https://segmentfault.com/a/1190000041755836",
-    "author": "TianSong",
-    "home_url": "https://segmentfault.com/u/tiansong",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "python 处理天干地支农历等问题",
-    "description": "{代码...}",
-    "url": "https://segmentfault.com/a/1190000041754094",
-    "author": "岁月峥嵘走过",
-    "home_url": "https://segmentfault.com/u/suiyuezouguo",
-    "votes": "1",
-    "rank": 15
   }
 ]

package/dist/sifou-monthly.json

@@ -1,13 +1,4 @@
 [
-  {
-    "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": "47",
-    "rank": 1
-  },
   {
     "title": "还在使用定时器吗？CSS 也能实现电子时钟",
     "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
@@ -15,16 +6,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "43",
-    "rank": 2
+    "rank": 1
   },
   {
-    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
-    "url": "https://segmentfault.com/a/1190000041683548",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "39",
-    "rank": 3
+    "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": "48",
+    "rank": 2
   },
   {
     "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
@@ -32,7 +23,16 @@
     "url": "https://segmentfault.com/a/1190000041634906",
     "author": "WonderfulSoap",
     "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "37",
+    "votes": "40",
+    "rank": 3
+  },
+  {
+    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
+    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
+    "url": "https://segmentfault.com/a/1190000041683548",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "41",
     "rank": 4
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000041666096",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "36",
+    "votes": "38",
     "rank": 5
   },
   {
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000041729574",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "25",
+    "votes": "34",
     "rank": 6
   },
   {
@@ -59,35 +59,26 @@
     "url": "https://segmentfault.com/a/1190000041718060",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
+    "votes": "23",
     "rank": 7
   },
   {
-    "title": "Offer 提速：如何写出有亮点的简历",
-    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
-    "url": "https://segmentfault.com/a/1190000041634339",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "28",
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "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": "21",
-    "rank": 9
-  },
   {
     "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
     "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
     "url": "https://segmentfault.com/a/1190000041668070",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "22",
-    "rank": 10
+    "votes": "24",
+    "rank": 9
   },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
@@ -95,9 +86,27 @@
     "url": "https://segmentfault.com/a/1190000041729491",
     "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "18",
+    "votes": "25",
+    "rank": 10
+  },
+  {
+    "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": "23",
     "rank": 11
   },
+  {
+    "title": "Offer 提速：如何写出有亮点的简历",
+    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
+    "url": "https://segmentfault.com/a/1190000041634339",
+    "author": "范文杰",
+    "home_url": "https://segmentfault.com/u/fanwenjie",
+    "votes": "26",
+    "rank": 12
+  },
   {
     "title": "我们是如何解决偶发性的502错误的",
     "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
@@ -105,15 +114,6 @@
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "15",
-    "rank": 12
-  },
-  {
-    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
-    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
-    "url": "https://segmentfault.com/a/1190000041728567",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "19",
     "rank": 13
   },
   {
@@ -144,12 +144,12 @@
     "rank": 16
   },
   {
-    "title": "20多个好用的 Vue 组件库，请查收！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041573314",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
+    "title": "以B端平台设计，理解尼尔森10大可用性原则",
+    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
+    "url": "https://segmentfault.com/a/1190000041725043",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "17",
     "rank": 17
   },
   {
@@ -188,24 +188,6 @@
     "votes": "13",
     "rank": 21
   },
-  {
-    "title": "2022招聘季｜从招聘方的角度理解求职",
-    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
-    "url": "https://segmentfault.com/a/1190000041617937",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "15",
-    "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": 23
-  },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
     "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
@@ -213,7 +195,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "14",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(下)",
@@ -222,7 +204,16 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "13",
-    "rank": 25
+    "rank": 23
+  },
+  {
+    "title": "🔥 2022 前端性能优化最佳实践",
+    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
+    "url": "https://segmentfault.com/a/1190000041753539",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "votes": "5",
+    "rank": 24
   },
   {
     "title": "10个有用的自定义钩子vue.js",
@@ -231,6 +222,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "15",
+    "rank": 25
+  },
+  {
+    "title": "如何构建可控,可靠,可扩展的 PWA 应用",
+    "description": "PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。",
+    "url": "https://segmentfault.com/a/1190000041730906",
+    "author": "JerryC",
+    "home_url": "https://segmentfault.com/u/jerryc",
+    "votes": "9",
     "rank": 26
   },
   {
@@ -242,15 +242,6 @@
     "votes": "15",
     "rank": 27
   },
-  {
-    "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": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
     "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
@@ -258,7 +249,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "12",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "javaScript 内存管理机制",
@@ -267,6 +258,15 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
+    "rank": 29
+  },
+  {
+    "title": "初级程序员的SQL拾遗（增删改查）",
+    "description": "虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM实现的（SpringDataJPA），自己并没有从底层接触SQL。再加上笔者非专业的身份，对于原生的SQL语句几乎完全不了解。本文是写给自己的，关于原生SQL...",
+    "url": "https://segmentfault.com/a/1190000041753021",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "9",
     "rank": 30
   }
 ]