@wcj/github-rank 22.4.28 → 22.4.29

package/web/data/sifou-daily.json

@@ -1,92 +1,119 @@
 [
   {
-    "title": "游戏出海浪潮下，这些技术难点该如何攻克",
-    "description": "《App Annie x Google 2021年移动游戏出海洞察报告》中提到 2021 年上半年最新数据显示，中国游戏开发商在海外游戏市场份额从四年前的 10% 增长到今年的超过 23% ，已超越美国、日本开发商，第一次跃升海外游戏市...",
-    "url": "https://segmentfault.com/a/1190000041767627",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "title": "这些CSS提效技巧，你需要知道！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041711730",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "我做了一个在线白板！！！",
-    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
-    "url": "https://segmentfault.com/a/1190000041769612",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "4",
+    "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": "js手写题梳理汇总",
-    "description": "1、实现原生 AJAX 封装 {代码...} 2、实现 new 过程 {代码...} 3、打乱一个数组 {代码...} 4、防抖函数 {代码...} 5、节流函数 {代码...} 6、数组去重 {代码...} 7、setTimeout 实现 setInterval {代码...} 8、se...",
-    "url": "https://segmentfault.com/a/1190000041768636",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "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": "精装echarts漏斗图（两侧label）",
-    "description": "背景echarts官网的漏斗图和excel里漏斗图不太一样，记录自己尝试配置漏斗图的过程（主要是两侧label的实现）。echarts官网漏斗图示例尝试一考虑只用一个漏斗图示例，默认是label的position为left，右侧label基于m...",
-    "url": "https://segmentfault.com/a/1190000041768373",
-    "author": "慢条斯理的小可",
-    "home_url": "https://segmentfault.com/u/mtsldxk",
+    "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": "使用 CSS 绘制带有动画效果的 React Logo",
-    "description": "原本想着是不是写“用一个 div 绘制 React Logo”，最后想想，就算用一个 div 实现了，那么对于后面可能要添加的效果就会有很大的局限性，于是就放弃了这样的标题。至于 HTML 结构中，div 的使用也不是很多，就下面...",
-    "url": "https://segmentfault.com/a/1190000041767393",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
+    "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": "netty系列之:netty中的自动解码器ReplayingDecoder",
-    "description": "netty提供了一个从ByteBuf到用户自定义的message的解码器叫做ByteToMessageDecoder,要使用这个decoder，我们需要继承这个decoder，并实现decode方法，从而在这个方法中实现ByteBuf中的内容到用户自定义message对...",
-    "url": "https://segmentfault.com/a/1190000041767178",
-    "author": "flydean",
-    "home_url": "https://segmentfault.com/u/flydean",
-    "votes": "2",
+    "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": "Java 18 新特性：使用Java代码启动jwebserver",
-    "description": "前几天分享了Java 18 新特性：简单Web服务器的jwebserver命令行功能。今天换一种方式，使用Java代码来实现一个静态资源服务器。详细步骤我录了个视频放到B站了，感兴趣的小伙伴可以点击查看Java 18 新特性：Simpl...",
-    "url": "https://segmentfault.com/a/1190000041767095",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
+    "title": "OpenMLDB：线上线下一致的生产级特征计算平台",
+    "description": "导读：今天我们将从线上线下一致的生产级特征计算平台这个点切入，从「人工智能工程化落地过程中企业面临的数据和特征挑战」 ，「OpenMLDB：线上线下一致性的生产级特征计算平台」，「拥抱开源、面向社区」三个方...",
+    "url": "https://segmentfault.com/a/1190000041770905",
+    "author": "4PD开发者社区",
+    "home_url": "https://segmentfault.com/u/4paradigm",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "微软发布 Visual Studio Code Java 四月更新：支持 Java 18",
-    "description": "​近日，微软官方博客发布了 Visual Studio Code Java 四月更新，本次更新包括 Java 18 支持、参数名称的嵌入提示、新的 Java 语言服务器状态交互、更好的 lambda 表达式支持等。",
-    "url": "https://segmentfault.com/a/1190000041766833",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "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": "【有奖调研】华为分析服务诚邀您参与，您的真实反馈可以让我们变得更好！",
-    "description": "了解更多详情>>访问华为开发者联盟官网 获取开发指导文档 华为移动服务开源仓库地址：GitHub、Gitee关注我们，第一时间了解 HMS Core 最新技术资讯~",
-    "url": "https://segmentfault.com/a/1190000041765370",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
+    "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 线程池四种拒绝策略",
-    "description": "jdk1.5版本新增了 JUC 并发包，其中一个包含线程池。四种拒绝策略： 拒绝策略类型说明1ThreadPoolExecutor.AbortPolicy默认拒绝策略，拒绝任务并抛出任务2ThreadPoolExecutor.CallerRunsPolicy使用调用线程直接运...",
-    "url": "https://segmentfault.com/a/1190000041765184",
-    "author": "小码code",
-    "home_url": "https://segmentfault.com/u/jeremylai7",
+    "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": "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": "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": "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
   }
 ]

package/web/data/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": "41",
-    "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,17 +23,17 @@
     "url": "https://segmentfault.com/a/1190000041634906",
     "author": "WonderfulSoap",
     "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "39",
-    "rank": 4
+    "votes": "40",
+    "rank": 3
   },
   {
-    "title": "JS阻塞渲染，这么多年我理解错啦？",
-    "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
-    "url": "https://segmentfault.com/a/1190000041729574",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "10",
-    "rank": 5
+    "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
   },
   {
     "title": "巧用 background-clip 实现超强的文字动效",
@@ -50,7 +41,16 @@
     "url": "https://segmentfault.com/a/1190000041666096",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "37",
+    "votes": "38",
+    "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": "34",
     "rank": 6
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000041718060",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
+    "votes": "23",
     "rank": 7
   },
   {
@@ -68,9 +68,18 @@
     "url": "https://segmentfault.com/a/1190000041728567",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "24",
+    "votes": "25",
     "rank": 8
   },
+  {
+    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
+    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
+    "url": "https://segmentfault.com/a/1190000041668070",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "24",
+    "rank": 9
+  },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
     "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
@@ -78,33 +87,24 @@
     "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "25",
-    "rank": 9
-  },
-  {
-    "title": "Offer 提速：如何写出有亮点的简历",
-    "description": "声明：本文所有观点均代表我个人意见，不代表公司、部门、团队立场/意见，关于内容的对错、价值观由读者自行判断，欢迎友好沟通探讨，希望能和而不同。",
-    "url": "https://segmentfault.com/a/1190000041634339",
-    "author": "范文杰",
-    "home_url": "https://segmentfault.com/u/fanwenjie",
-    "votes": "26",
     "rank": 10
   },
-  {
-    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
-    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
-    "url": "https://segmentfault.com/a/1190000041668070",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "23",
-    "rank": 11
-  },
   {
     "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",
+    "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
   },
   {
@@ -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
   },
   {
@@ -161,15 +161,6 @@
     "votes": "12",
     "rank": 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": 19
-  },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
     "description": "Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...",
@@ -177,7 +168,7 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "10",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
@@ -186,7 +177,7 @@
     "author": "恪晨",
     "home_url": "https://segmentfault.com/u/bo_wang_code",
     "votes": "16",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "图说前端-送给您百张前端技术图谱",
@@ -195,7 +186,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
@@ -204,7 +195,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "14",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(下)",
@@ -213,6 +204,15 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "13",
+    "rank": 23
+  },
+  {
+    "title": "🔥 2022 前端性能优化最佳实践",
+    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
+    "url": "https://segmentfault.com/a/1190000041753539",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "votes": "5",
     "rank": 24
   },
   {
@@ -224,6 +224,15 @@
     "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
+  },
   {
     "title": "卡颂：30岁程序员选择躺平",
     "description": "大家好，我卡颂。遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我：“你有什么想问我的么？”可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员35岁危机，您有什么好的解决办法么？...",
@@ -231,7 +240,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
@@ -240,15 +249,6 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "12",
-    "rank": 27
-  },
-  {
-    "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": "8",
     "rank": 28
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "5个一定要学会的JavaScript新特性",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言JavaScript在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，这篇文章会介绍5个新特性，一起研究一下把。1.# 使用\"Object.hasOwn\"替...",
-    "url": "https://segmentfault.com/a/1190000041694411",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "13",
+    "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
   }
 ]