@wcj/github-rank 22.5.7 → 22.5.8

package/web/data/sifou-daily.json

@@ -1,83 +1,236 @@
 [
   {
-    "title": "React官方团队出手，补齐原生Hook短板",
-    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
-    "url": "https://segmentfault.com/a/1190000041798153",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
+    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
+    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
+    "url": "https://segmentfault.com/a/1190000041804988",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "【面试普通人VS高手系列】讲一下wait和notify这个为什么要在synchronized代码块中？",
-    "description": "一个工作七年的小伙伴，竟然不知道”wait”和“notify”为什么要在Synchronized代码块里面。好吧，如果屏幕前的你也不知道，请在评论区打上”不知道“。对于这个问题，我们来看看普通人和高手的回答。",
-    "url": "https://segmentfault.com/a/1190000041800866",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "1",
+    "title": "28个Javascript数组方法，开发者的小抄",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041747864",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "🔥 基于 Vite构建react开源中后台项目，支持Mock 数据、国际化、暗夜模式切换",
-    "description": "Arco-admin-template是一个免费开源的中后台模板你，使用了React17、vite2、react-router-dom v6、less 等主流技术开发，开箱即用的中后台前端解决方案。",
-    "url": "https://segmentfault.com/a/1190000041798934",
-    "author": "husanil",
-    "home_url": "https://segmentfault.com/u/fushengruomengweihuanjihe",
-    "votes": "1",
+    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
+    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
+    "url": "https://segmentfault.com/a/1190000041806654",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "PingCode Flow技术架构揭秘",
-    "description": "作者：PingCode 研发 VP@徐子岩本文是PingCode Flow系列文章的第四篇，不出意外的话，也是最后一篇。从去年五月份PingCode Flow正式上线，就在脑海中构思好了四篇文档的顺序和大致内容，从介绍研发自动化的现状...",
-    "url": "https://segmentfault.com/a/1190000041801014",
-    "author": "PingCode研发中心",
-    "home_url": "https://segmentfault.com/u/pingcodeyanfazhongxin",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "Logseq 获 410万美元融资！加速开源神经元知识管理系统增长，构建新世界双链知识图谱",
-    "description": "5 月 5 日，Logseq 官方博客发文正式宣布了“Logseq 获得 410 万美元首轮融资”的消息 —— We're proud to announce our first $4.1M seed round ，引发业内关注。",
-    "url": "https://segmentfault.com/a/1190000041798996",
+    "title": "Node.js 创始人：Javascript 容器是简化服务器抽象的“先驱”践行者",
+    "description": "近日，Node.js 创始人 Ryan Dahl 在社区以“JavaScript Containers”为题发文谈论了自己对 Javascript 容器的看法 —— Javascript 是通用脚本语言的“未来”，而 Javascript 容器则是简化服务器抽象的“先驱”践行者。",
+    "url": "https://segmentfault.com/a/1190000041806754",
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
-    "rank": 5
+    "rank": 4
   },
   {
-    "title": "Visual Studio Code 发布四月更新：新增Rust 语言指南",
-    "description": "近日，Visual Studio Code 发布了四月更新（1.67 版本），此次更新亮点包括：资源管理器文件嵌套 - 在资源管理器中的源文件下嵌套生成的文件「设置」的编辑器过滤器 - 过滤器按钮会显示@Modified设置等搜索括号对...",
-    "url": "https://segmentfault.com/a/1190000041800125",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "分布式日志存储架构代码实践",
+    "description": "上一篇，我们针对分布式日志存储方案设计做了一个理论上的分析与总结，文章地址。本文我们将结合其中的一种方案进行实战代码的演示。另外一种方案，将在下一篇文章进行分享，此篇文章分享的是MongoDB架构模式。在...",
+    "url": "https://segmentfault.com/a/1190000041811176",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
     "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "javascript正则表达式",
+    "description": "有一点要注意，字面量声明是在//里面声明，而构造函数声明传进去的参数是字符串，所有遇到一些\\n这样转义字符，需要双重转义，变成\\\\n，下面列出了一些例子：",
+    "url": "https://segmentfault.com/a/1190000041808831",
+    "author": "美丽又漂亮的前端",
+    "home_url": "https://segmentfault.com/u/meiliqianduan",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "2022 软件开发者“时间管理”调查报告：近 90% 的人认为开源代码必不可少|68% 的人发现在办公室工作效率更高",
-    "description": "“程序员、开发者、软件工程师们他们每天到底在干什么？到底花多少时间写代码？”这个问题你是不是也有点好奇呢？近日，Retool 就对 600 名软件工程师（包括 ICs 和管理人员）做了个调查，报告结果令人吃惊。",
-    "url": "https://segmentfault.com/a/1190000041799949",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "印刷工、程序员与模型",
+    "description": "The Body of B. Franklin, Printer, Like the Cover of an old Book, Its Contents torn out, And stript of its Lettering & Gilding, Lies here, Food for Worms. But the Work shall not be lost: For it will...",
+    "url": "https://segmentfault.com/a/1190000041806923",
+    "author": "innate",
+    "home_url": "https://segmentfault.com/u/innate",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "重磅更新！Mall电商实战教程全面升级，瞬间高大上了！",
-    "description": "学习过我的开源项目mall的朋友应该知道，mall项目有个学习教程网站。由于目前已有200+篇原创文章，都放在这个网站里面未免有些凌乱！最近我把网站改版成基于VuePress的文档网站了，同时将文章分成了6个成体系的实...",
-    "url": "https://segmentfault.com/a/1190000041798374",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
+    "title": "ApiPost简单介绍",
+    "description": "各位好久不见了，这次就不聊人文了，来给大家安利一个完全可以替代postman的软件，没错，他就是ApiPost，目前本人已经脱离postman转战ApiPost了。",
+    "url": "https://segmentfault.com/a/1190000041805876",
+    "author": "玩足球的煎饼",
+    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "简单谈谈C语言数据类型转换的安全问题",
-    "description": "在这里，a的值应该为几，没错，已经不再是之前的数字，而是变成了b赋予的值，也就是说，我们这两行代码已经将a赋予的3变成了b赋予的0，我们将这种系统“偷偷摸摸”修改的称之为隐性转换。",
-    "url": "https://segmentfault.com/a/1190000041802865",
-    "author": "Keen",
-    "home_url": "https://segmentfault.com/u/keen_626105e1ef632",
+    "title": "谈谈ApiPost初使用",
+    "description": "学习工具，多多益善。今天看一下APIPOST这款文档、调试、Mock测试一体化测试工具号称：ApiPost = 接口调试+接口文档快速生成+接口文档规范化管理+Mock API+接口流程测试。登录之后使用效果更佳，没登陆它要一直提...",
+    "url": "https://segmentfault.com/a/1190000041805728",
+    "author": "玩足球的煎饼",
+    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
     "votes": "1",
     "rank": 9
+  },
+  {
+    "title": "apipost 接口测试参数化",
+    "description": "例：你可以配置线上或者线下环境的变量值。在URL中引用方式变量名。线上环境：host 对应 郑州商帮网络科技有限公司官网-郑州商帮网络科技有限公司旗下网站请求URL：https://{{host}}/get.php 对应 [链接]",
+    "url": "https://segmentfault.com/a/1190000041805652",
+    "author": "玩足球的煎饼",
+    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "apipost 如何使用参数描述库",
+    "description": "填写参数描述是我们最烦恼的一件事情，尤其对于很多接口来说，往往具有大量相同名称、相同意义的参数，假如每次都需要手动录入，将会是一件非常耗时、低效的事情。我们可以通过参数描述库解决这个问题。",
+    "url": "https://segmentfault.com/a/1190000041805574",
+    "author": "玩足球的煎饼",
+    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "如何快速方便的生成好看的接口文档？",
+    "description": "一键生成文档我们在“2分钟玩转APIPOST”一讲中，简单介绍了如何生成并分享接口文档：点击分享文档复制并打开文档地址就可以看到了完整的接口文档。本节课主要是讲解一些需要注意的事项。请求参数的描述填写对于hea...",
+    "url": "https://segmentfault.com/a/1190000041805534",
+    "author": "玩足球的煎饼",
+    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "Go 临界资源的安全问题（引入同步异步处理）",
+    "description": "经典的售票问题，好多个窗口同时售票的门票的数量就是一个典型的临界资源安全问题，下面用4个协程模拟一下售票过程：",
+    "url": "https://segmentfault.com/a/1190000041810629",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "Linux 中的 JQ 命令使用实例",
+    "description": "JSON 是一种数据表示格式，用于在应用程序的不同层之间存储和传输数据；它将数据存储在键：值对中。在文章中，我们将学习使用 JQ 命令在shell 中操作和处理 JSON 数据。如何安装JQ命令在Centos8中使用下面命令安...",
+    "url": "https://segmentfault.com/a/1190000041809945",
+    "author": "刘遄",
+    "home_url": "https://segmentfault.com/u/linuxprobe",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "如何入门产品的功能设计？《简约至上》读书笔记",
+    "description": "引言原文链接：[链接]谢邀，人在飞机，刚下海上。《简约至上：交互式设计四策略》是最近读的一本指导产品设计的书，它对我的产品设计方法带来了很大的改变。书中不仅有设计思维方面的内容，还有执行层面的方法论...",
+    "url": "https://segmentfault.com/a/1190000041806705",
+    "author": "且徐行",
+    "home_url": "https://segmentfault.com/u/qiexuxing_614696702a18f",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "【面试普通人VS高手系列】为什么要使用Spring 框架？",
+    "description": "一个工作了4年的小伙伴，他说他从线下培训就开始接触Spring，到现在已经快5年时间了。从来没有想过，为什么要使用Spring 框架。结果在面试的时候，竟然遇到一个这样的问题。大脑一时间短路了，来求助我，这类问题...",
+    "url": "https://segmentfault.com/a/1190000041806649",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "1",
+    "rank": 16
+  },
+  {
+    "title": "智能时代，该如何选择智能生态系统，homekit还是homeassistant？",
+    "description": "也许在很多人脑海里，智能家居只不过是一个词汇罢了，经常在网上看到这个词，也只不过是一闪而过，没有进行深入的了解。比如我用了这么久的iPhone手机，什么Apple HomeKit、Apple HomePod，在手机里经常看到，但...",
+    "url": "https://segmentfault.com/a/1190000041806602",
+    "author": "爱科技的怡宝",
+    "home_url": "https://segmentfault.com/u/shiwangdelianou",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "官宣｜Apache Flink 1.15 发布公告",
+    "description": "Apache Flink，作为 Apache 社区最活跃的项目之一[1]，一直秉承积极开放的态度不断进行技术深耕。在此我们很荣幸的发布 Flink 1.15 版本，并和大家分享这个版本令人振奋的一些功能和改进！",
+    "url": "https://segmentfault.com/a/1190000041806039",
+    "author": "ApacheFlink",
+    "home_url": "https://segmentfault.com/u/ververica",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "区块链的跨链技术介绍完整版",
+    "description": "自十三年前比特币诞生以来，现已开发了数百种竞赛币，具有各种新的优势和功用。可是，比特币的统治位置依然存在，而许多重复的竞赛硬币则湮没在前史中。尽管比特币有许多缺点和局限性，但它是最去中心化、最涣散...",
+    "url": "https://segmentfault.com/a/1190000041805970",
+    "author": "v18025329335",
+    "home_url": "https://segmentfault.com/u/xiaozhang_626a49fc32a35",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "闲置计费 | Serverless 冷启动与成本间的最优解",
+    "description": "小王是一名程序员，公司的应用是跑在自建机房的服务器上，所有的底层服务和运维都需要自己亲自下手来做，每次升级、机器扩容都带来比较大的运维压力，同时为了能及时扩容堆了不少闲置的机器，机器成本一直比较高...",
+    "url": "https://segmentfault.com/a/1190000041805916",
+    "author": "阿里云开发者",
+    "home_url": "https://segmentfault.com/u/alijishu",
+    "votes": "1",
+    "rank": 20
+  },
+  {
+    "title": "微服务从代码到k8s部署应有尽有系列（十三、服务监控）",
+    "description": "整个项目使用了go-zero开发的微服务，基本包含了go-zero以及相关go-zero作者开发的一些中间件，所用到的技术栈基本是go-zero项目组的自研组件，基本是go-zero全家桶了。",
+    "url": "https://segmentfault.com/a/1190000041805576",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "1",
+    "rank": 21
+  },
+  {
+    "title": "加密访问资源方法总结",
+    "description": "根据如上就可以实现资源机密访问，最总实现效果如下(站点域名为：www.test.com)-- 例如资源真实地址为：/upload/test.jpg-- 访问 www.test.com/upload/test.jpg 失败-- 访问 www.test.com/test.jpg 失败-- 访问 w...",
+    "url": "https://segmentfault.com/a/1190000041805394",
+    "author": "huaweichenai",
+    "home_url": "https://segmentfault.com/u/huaweichenai",
+    "votes": "1",
+    "rank": 22
+  },
+  {
+    "title": "HMS Core地理围栏能力助你实现指定范围人群的精准消息推送",
+    "description": "精准推送是移动端产品留存阶段的主要运营手段，精准推送常常会与用户画像紧密结合，针对用户的喜好、画像，采用不同策略，但基于用户所属区域推送消息却很难实现。目前市面上大多数第三方消息推送服务商，在系统...",
+    "url": "https://segmentfault.com/a/1190000041805259",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 23
+  },
+  {
+    "title": "2022年了，该学会用VSCode debug了",
+    "description": "前言VSCode作为目前使用人数最多的IDE，在前端开发者中也是十分受欢迎的。它免费、开源、还具备许多强大的功能，例如智能提示、插件商店、集成Git等等，但除此之外还有一个被许多开发者忽略的功能——运行和调试（R...",
+    "url": "https://segmentfault.com/a/1190000041809448",
+    "author": "数据先声",
+    "home_url": "https://segmentfault.com/u/hfr8e1fd",
+    "votes": "1",
+    "rank": 24
+  },
+  {
+    "title": "Node.js 中的进程和线程",
+    "description": "进程（Process），进程是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位，是操作系统结构的基础，进程是线程的容器。",
+    "url": "https://segmentfault.com/a/1190000041807254",
+    "author": "袋鼠云数栈UED",
+    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
+    "votes": "2",
+    "rank": 25
+  },
+  {
+    "title": "Android 13 将限制应用侧载权限，从而提高用户隐私安全",
+    "description": "继去年苹果公司 CEO 库克在 DealBook 峰会上表示“如果想要侧载 APP，请去购买安卓手机”后，近日，有消息称从 Android 13 开始，Google 将不允许侧载 APP 使用Accessibility API。",
+    "url": "https://segmentfault.com/a/1190000041806640",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "1",
+    "rank": 26
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,13 +1,4 @@
 [
-  {
-    "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": "47",
-    "rank": 1
-  },
   {
     "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
     "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
@@ -15,6 +6,15 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "51",
+    "rank": 1
+  },
+  {
+    "title": "SegmentFault 思否加入 ONES",
+    "description": "ONES 成立于 2015 年，是国内领先的企业级研发管理解决方案提供商。2021 年，ONES 连续完成 3 轮总计近 1 亿美元融资，是国内研发管理领域累计融资金额最多、历史融资速度最快的公司。",
+    "url": "https://segmentfault.com/a/1190000041790775",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "34",
     "rank": 2
   },
   {
@@ -36,12 +36,12 @@
     "rank": 4
   },
   {
-    "title": "SegmentFault 思否加入 ONES",
-    "description": "ONES 成立于 2015 年，是国内领先的企业级研发管理解决方案提供商。2021 年，ONES 连续完成 3 轮总计近 1 亿美元融资，是国内研发管理领域累计融资金额最多、历史融资速度最快的公司。",
-    "url": "https://segmentfault.com/a/1190000041790775",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "29",
+    "title": "10",
+    "description": "各位 SegmentFault 思否社区的小伙伴们，相信大家已经从多个渠道了解到 SegmentFault 将加入 ONES 的消息。而今年正好也是 SegmentFault 社区创立的 10 周年，有趣的是 “10” 这个数字不论在十进制还是计算机世界...",
+    "url": "https://segmentfault.com/a/1190000041790801",
+    "author": "joyqi",
+    "home_url": "https://segmentfault.com/u/joyqi",
+    "votes": "43",
     "rank": 5
   },
   {
@@ -50,16 +50,16 @@
     "url": "https://segmentfault.com/a/1190000041666096",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "38",
+    "votes": "39",
     "rank": 6
   },
   {
-    "title": "10",
-    "description": "各位 SegmentFault 思否社区的小伙伴们，相信大家已经从多个渠道了解到 SegmentFault 将加入 ONES 的消息。而今年正好也是 SegmentFault 社区创立的 10 周年，有趣的是 “10” 这个数字不论在十进制还是计算机世界...",
-    "url": "https://segmentfault.com/a/1190000041790801",
-    "author": "joyqi",
-    "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "35",
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "30",
     "rank": 7
   },
   {
@@ -71,15 +71,6 @@
     "votes": "20",
     "rank": 8
   },
-  {
-    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
-    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
-    "url": "https://segmentfault.com/a/1190000041728567",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "29",
-    "rank": 9
-  },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
     "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
@@ -87,7 +78,7 @@
     "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "26",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
@@ -96,7 +87,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "24",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "现代 CSS 解决方案：Modern CSS Reset",
@@ -105,7 +96,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "24",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "40行代码实现React核心Diff算法",
@@ -114,7 +105,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
@@ -123,7 +114,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "20",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
@@ -132,16 +123,7 @@
     "author": "恪晨",
     "home_url": "https://segmentfault.com/u/bo_wang_code",
     "votes": "17",
-    "rank": 15
-  },
-  {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
-    "rank": 16
+    "rank": 14
   },
   {
     "title": "2022 PHP程序员修炼秘籍",
@@ -149,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000041734354",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "15",
-    "rank": 17
+    "votes": "16",
+    "rank": 15
   },
   {
     "title": "我做了一个在线白板！！！",
@@ -158,17 +140,26 @@
     "url": "https://segmentfault.com/a/1190000041769612",
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "9",
-    "rank": 18
+    "votes": "8",
+    "rank": 16
   },
   {
-    "title": "图说前端-送给您百张前端技术图谱",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041707644",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "13",
-    "rank": 19
+    "rank": 17
+  },
+  {
+    "title": "招聘季征文活动获奖名单公布，快来领奖~",
+    "description": "由于疫情原因，快递暂时无法发出，快递可以发出的时候，会尽快给中奖的小伙伴邮寄哒，大家耐心等待哈~哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单...",
+    "url": "https://segmentfault.com/a/1190000041757846",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "10",
+    "rank": 18
   },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
@@ -176,7 +167,16 @@
     "url": "https://segmentfault.com/a/1190000041753539",
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
-    "votes": "11",
+    "votes": "6",
+    "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
   },
   {
@@ -185,9 +185,27 @@
     "url": "https://segmentfault.com/a/1190000041761117",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
+    "votes": "11",
     "rank": 21
   },
+  {
+    "title": "这些CSS提效技巧，你需要知道！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041711730",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "6",
+    "rank": 22
+  },
+  {
+    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
+    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
+    "url": "https://segmentfault.com/a/1190000041754709",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "14",
+    "rank": 23
+  },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
     "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
@@ -195,7 +213,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "15",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(下)",
@@ -204,7 +222,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "13",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "如何构建可控,可靠,可扩展的 PWA 应用",
@@ -213,16 +231,7 @@
     "author": "JerryC",
     "home_url": "https://segmentfault.com/u/jerryc",
     "votes": "11",
-    "rank": 24
-  },
-  {
-    "title": "这些CSS提效技巧，你需要知道！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041711730",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "10个有用的自定义钩子vue.js",
@@ -231,42 +240,33 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "15",
-    "rank": 26
-  },
-  {
-    "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": "8",
     "rank": 27
   },
   {
-    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
-    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
-    "url": "https://segmentfault.com/a/1190000041686261",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "13",
+    "title": "提高前端人效率的工具、网站和书籍",
+    "description": "提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...",
+    "url": "https://segmentfault.com/a/1190000041763788",
+    "author": "playboy5566",
+    "home_url": "https://segmentfault.com/u/playboy5566",
+    "votes": "8",
     "rank": 28
   },
   {
-    "title": "javaScript 内存管理机制",
-    "description": "大家好，今天分享的主题为 JavaScript 内存管理机制，本次分享将从以下三部分进行讲述：js 内存管理与 js 垃圾常见的 GC 算法V8 引擎的垃圾回收js 内存管理与 js 垃圾关于 JavaScript 内存管理机制，相信大家都有...",
-    "url": "https://segmentfault.com/a/1190000041701063",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "11",
+    "title": "浅谈支付系统开发基本流程",
+    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
+    "url": "https://segmentfault.com/a/1190000041781215",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "13",
     "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": "10",
+    "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": "8",
     "rank": 30
   }
 ]