@wcj/github-rank 22.2.16 → 22.2.17

package/web/data/sifou-daily.json

@@ -1,209 +1,119 @@
 [
   {
-    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
-    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
-    "url": "https://segmentfault.com/a/1190000041405707",
-    "author": "wlove",
-    "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "9",
+    "title": "助推数字经济，面向未来办公|SpreadJSV15.0新版本发布会即将盛启",
+    "description": "近年来，互联网、大数据、云计算、人工智能、区块链等技术加速创新，日益融入经济社会发展各领域全程。数字经济发展速度之快、辐射范围之广、影响程度之深前所未有，正在成为重组全球要素资源、重塑全球经济结构...",
+    "url": "https://segmentfault.com/a/1190000041411689",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "JZ-061-序列化二叉树",
-    "description": "请实现两个函数，分别用来序列化和反序列化二叉树。二叉树的序列化是指：把一棵二叉树按照某种遍历方式的结果以某种格式保存为字符串，从而使得内存中建立起来的二叉树可以持久保存。序列化可以基于先序、中序、...",
-    "url": "https://segmentfault.com/a/1190000041408957",
+    "title": "JZ-062-二叉查找树的第 K 个结点",
+    "description": "二叉查找树的第 K 个结点题目描述给定一棵二叉搜索树，请找出其中的第k小的结点。题目链接: 二叉查找树的第 K 个结点代码 {代码...} 【每日寄语】 轻松时记得努力，忙碌时别忘了梦想。",
+    "url": "https://segmentfault.com/a/1190000041415671",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
     "rank": 2
   },
   {
-    "title": "🎉 DTM 分布式事务管理器 PHP 协程客户端 v0.1 beta 版本发布！！！",
-    "description": "dtm/dtm-client 是分布式事务管理器 DTM 的 PHP 客户端，已支持 TCC模式、Saga、二阶段消息模式的分布式事务模式，并分别实现了与 DTM Server 以 HTTP 协议或 gRPC 协议通讯，该客户端可安全运行于 PHP-FPM 和 Sw...",
-    "url": "https://segmentfault.com/a/1190000041406557",
-    "author": "huangzhhui",
-    "home_url": "https://segmentfault.com/u/huangzhhui",
+    "title": "7个杀手级的JS一行代码",
+    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
+    "url": "https://segmentfault.com/a/1190000041415254",
+    "author": "gaoryrt",
+    "home_url": "https://segmentfault.com/u/gaoryrt",
     "votes": "3",
     "rank": 3
   },
   {
-    "title": "既然已经有数组了,为什么还要链表？JS链表(Linked-list)详解",
-    "description": "其实链表和数组各有千秋，都在不同的业务场景中发光发热，很多同学对链表可能是既熟悉又陌生。熟悉的是，我们在刷一些八股文的时候经常会看到“链表”这个字眼，陌生的是，我们在平时的开发中并不会太多的使用到链表。",
-    "url": "https://segmentfault.com/a/1190000041400154",
-    "author": "前端有猫腻",
-    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
+    "title": "web性能常见优化技巧",
+    "description": "1.DNS域名解析；2.建立TCP连接；3.发送HTTP请求；4.服务器处理请求；5.返回响应结果；6.关闭TCP连接；7.浏览器解析HTML；8.浏览器布局渲染；",
+    "url": "https://segmentfault.com/a/1190000041414334",
+    "author": "Dragan",
+    "home_url": "https://segmentfault.com/u/dragan",
     "votes": "2",
     "rank": 4
   },
   {
-    "title": "Leetcode 题解系列 -- 和为s的连续正数序列（滑动窗口）",
-    "description": "题目描述：输入一个正整数 target ，输出所有和为 target 的连续正整数序列（至少含有两个数）。序列内的数字由小到大排列，不同序列按照首个数字从小到大排列。示例 1：输入：target = 9输出：[[2,3,4],[4,5]]",
-    "url": "https://segmentfault.com/a/1190000041410619",
-    "author": "安歌",
-    "home_url": "https://segmentfault.com/u/linlinma",
+    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
+    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
+    "url": "https://segmentfault.com/a/1190000041413541",
+    "author": "JackJiang",
+    "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "2",
     "rank": 5
   },
   {
-    "title": "带你十天轻松搞定 Go 微服务系列（二）",
-    "description": "上篇文章开始，我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分（本文）用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪...",
-    "url": "https://segmentfault.com/a/1190000041405843",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "2",
+    "title": "开发者曝 Android 13 “彩蛋”功能！虚拟化支持运行 Windows 11 和桌面版 Linux",
+    "description": "尽管前几天发布的全新 Android 13 开发者预览版被不少人吐槽有点小失望，但近日有开发者发现谷歌在 Android 13 中隐藏的一个“彩蛋” —— 开发者在 Google Pixel 6 设备上安装 Android 13 后，可实现完全虚拟化。",
+    "url": "https://segmentfault.com/a/1190000041413244",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "LPL Ban/Pick 选人阶段的遮罩效果是如何实现的？",
-    "description": "最近 S11 LPL 春季赛开赛，在看比赛的过程中，我发现新赛季的 Ban/Pick 选人阶段，出现了一种新的，有意思的遮罩效果，如下图所示：",
-    "url": "https://segmentfault.com/a/1190000041405686",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "4",
+    "title": "裸辞开源的监控告警项目HertzBeat",
+    "description": "毕业后投入很多业余时间也做了一些开源项目 Sureness , Bootshiro , Issues-translate-action ,当时上班有空就回答网友问题，下班回家写开源代码，远程帮人看问题(大年30也看过😂)，还总感觉时间不够用，当时想如...",
+    "url": "https://segmentfault.com/a/1190000041416175",
+    "author": "tomsun28",
+    "home_url": "https://segmentfault.com/u/tomsun28",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "技术人聊开源：这并不只是用爱发电",
-    "description": "近年来，中国开发者已经成为全球开源体系中的重要力量。据不完全统计，中国的代码在全球开源社区的比重已占 40% 左右，目前全球 6000 多万开发者中，至少有 2000 多万来自中国。",
-    "url": "https://segmentfault.com/a/1190000041409314",
-    "author": "SOFAStack",
-    "home_url": "https://segmentfault.com/u/sofastack",
+    "title": "面试题：渲染十万条数据解决方案",
+    "description": "笔者在之前的面试中遇到过“一次性给你 10000 条数据，怎么让它不卡之类的问题“，当初准备不充分，不知道怎么回答这类问题，说的方案过于简单，还扯到防抖节流之类的性能优化点上，这篇文章原本2022年1月29日计划...",
+    "url": "https://segmentfault.com/a/1190000041415120",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "搭建 VuePress 博客，你可能会用到的一些插件",
-    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。为了丰富站点的功能，我们可以直接使用一些现有的插件，本篇我们讲讲一些...",
-    "url": "https://segmentfault.com/a/1190000041409173",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
+    "title": "前端技术分享：页面性能优化问题复盘",
+    "description": "在 code_pc 项目中，前端需要使用 rrweb 对老师教学内容进行录制，学员可以进行录制回放。为减小录制文件体积，当前的录制策略是先录制一次全量快照，后续录制增量快照，录制阶段实际就是通过 MutationObserver ...",
+    "url": "https://segmentfault.com/a/1190000041412519",
+    "author": "有道技术团队",
+    "home_url": "https://segmentfault.com/u/youdaotec",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "解构流存储 — Pravega，与 Flink 构建端到端的大数据流水处理线",
-    "description": "本篇内容整理自 Pravega 中国社区创始人、戴尔科技集团软件工程技术总监滕昱在 Flink Forward Asia 2021 主会场的演讲。主要内容包括：存储抽象的现状Pravega 性能架构详解Pravega 流存储数据演示展望未来",
-    "url": "https://segmentfault.com/a/1190000041409129",
-    "author": "ApacheFlink",
-    "home_url": "https://segmentfault.com/u/ververica",
+    "title": "Go1.18 新特性：弃用 strings.Title 方法，换个新坑吧！",
+    "description": "最近在看 Go1.18 Release Notes 时，发现 strings, bytes 标准库的 Title 方法，竟然被弃用了（Deprecated），这是为什么呢？",
+    "url": "https://segmentfault.com/a/1190000041413266",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "实现页面水印，到底跟MutationObserver有什么关系？",
-    "description": "大家平时在开发中或者在面试中，难免都会遇到一个问题——给页面加水印，其实这并不难，但是也是有一些注意点的，所以说看似简单的功能，要尽力做到：",
-    "url": "https://segmentfault.com/a/1190000041408450",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "title": "如何利用线程堆栈定位问题",
+    "description": "针对在一些服务中会出现的cpu飙高、死锁、线程假死等问题，总结和提炼排查问题的思路和解决方案非常重要。上述问题会涉及到线程堆栈，本文将结合实际案例来阐述一下线程堆栈的功能。",
+    "url": "https://segmentfault.com/a/1190000041411988",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "CSS画雪容融~",
-    "description": "用CSS画2022冬残奥会吉祥物雪容融，虽迟但到！好像比我画的鹅蛋冰墩墩更可爱点...在线预览源码： {代码...} {代码...}",
-    "url": "https://segmentfault.com/a/1190000041408191",
-    "author": "望记",
-    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "3",
+    "title": "HTTP缓存协议实战",
+    "description": "缓存，又称作Cache，我们把临时存储数据的地方叫做缓存池，缓存池里面放的数据就叫做缓存。当用户需要使用这些数据，首先在缓存中寻找，如果找到了则直接使用。如果找不到，则再去其他数据源中查找。",
+    "url": "https://segmentfault.com/a/1190000041411856",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "2",
     "rank": 12
   },
   {
-    "title": "HMS Core机器学习服务助力Zaful用户便捷购物",
-    "description": "Zaful是近年来发展良好的出海电商平台，主打快时尚。在洞察其用户有购买街头海报、生活中同款衣物的需求后，Zaful联合HMS Core机器学习服务打造拍照购物服务。用户拍照后可在预设的商品图片库中搜索同款商品，在...",
-    "url": "https://segmentfault.com/a/1190000041407233",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
+    "title": "【高并发】深入解析Callable接口",
+    "description": "在JDK 1.8中只声明有一个方法的接口为函数式接口，函数式接口可以使用@FunctionalInterface注解修饰，也可以不使用@FunctionalInterface注解修饰。只要一个接口中只包含有一个方法，那么，这个接口就是函数式接口。",
+    "url": "https://segmentfault.com/a/1190000041411606",
+    "author": "冰河",
+    "home_url": "https://segmentfault.com/u/binghe001",
     "votes": "1",
     "rank": 13
-  },
-  {
-    "title": "Go1.18 新特性：三顾茅庐，被折腾 N 次的 TryLock",
-    "description": "大家好，我是煎鱼。还记得我之前写过一篇《Go 为什么不支持可重入锁？》的文章，主要是介绍有其他语言经验的小伙伴，想要 Go 支持可重入锁，被残忍拒绝的历程。大佬总会有拗不过的时候，虽然不是可重入锁。但在 G...",
-    "url": "https://segmentfault.com/a/1190000041406598",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "Go1.18 新特性：引入新的 netip 网络库",
-    "description": "写这篇文章时是大年初一，原本想说这个月就要发布 Go1.18 了。但是，好家伙，Go1.18 beta2 发布了，官方告知社区 Go1.18 要拖更到 3 月份了，咕咕咕...",
-    "url": "https://segmentfault.com/a/1190000041406576",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "2",
-    "rank": 15
-  },
-  {
-    "title": "元宵快乐，这些技术类灯谜，你能猜对多少个？",
-    "description": "🎇大家元宵快乐呀！🎇传统佳节，来个传统节目咯，HeapDump性能社区技术猜谜大赛开始啦！📝答题方式： 题目序号和答案（例：0，蓝屏  ），写在留言区就行！如果去社区（heapdump.cn）答题还有小礼品哦！题目来了：👇👇👇...",
-    "url": "https://segmentfault.com/a/1190000041406432",
-    "author": "HeapDump性能社区",
-    "home_url": "https://segmentfault.com/u/perfma",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "vue使用在线mock平台用axios请求示例 不用自己安装mockjs",
-    "description": "通常我们mock数据都会安装mockjs：yarn add mockjs但是需要配置很多东西，还要拦截请求等等，对新手不友好，即使是老手也觉得麻烦。",
-    "url": "https://segmentfault.com/a/1190000041406220",
-    "author": "二维工坊客服",
-    "home_url": "https://segmentfault.com/u/erweigongfangkefu",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "带你十天轻松搞定 Go 微服务系列（一）",
-    "description": "本文开始，我们会出一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建（本文）服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪分布...",
-    "url": "https://segmentfault.com/a/1190000041405814",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "绿色城市智慧管理：数字孪生地下综合管廊平台",
-    "description": "1833 年，世界第一条市政管线综合管廊在法国巴黎建成。1994 年，上海市政府规划建设了大陆第一条规模最大、距离最长的综合管廊——浦东新区张杨路综合管廊。至今，地下综合管廊，已演变为城市功能的 “生命线”，是人...",
-    "url": "https://segmentfault.com/a/1190000041405543",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
-    "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "还在用Feign？推荐一款微服务间调用神器，跟SpringCloud绝配！",
-    "description": "在微服务项目中，如果我们想实现服务间调用，一般会选择Feign。之前介绍过一款HTTP客户端工具Retrofit，配合SpringBoot非常好用！其实Retrofit不仅支持普通的HTTP调用，还能支持微服务间的调用，负载均衡和熔断限...",
-    "url": "https://segmentfault.com/a/1190000041405006",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "Spring Boot 2.x基础教程：使用tinylog记录日志",
-    "description": "tinylog，与其他各种tiny开头的东西一样，是一个轻量级的开源日志解决方案。它本身只包含两个JAR文件（一个用于API，另一个用于实现），没有任何外部依赖关系。两个JAR文件的总大小只有178KB。",
-    "url": "https://segmentfault.com/a/1190000041404965",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
-    "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "vue2项目迁移到vite",
-    "description": "背景为什么选用vite,其实就是为了解决官网说的2个原因缓慢的服务器启动缓慢的更新风险分析为什么不用vue3？生产环境需要兼容到ie11，很明显vue3不会支持，同时vue2迁移起来成本较小vite对ie11的兼容性支持官网有 ...",
-    "url": "https://segmentfault.com/a/1190000041404755",
-    "author": "看见了",
-    "home_url": "https://segmentfault.com/u/kanjianliao",
-    "votes": "1",
-    "rank": 22
-  },
-  {
-    "title": "给面试加点硬菜：延迟任务场景，该如何提高吞吐量和时效性！",
-    "description": "哈哈哈，说好的不卷了，能凑活用就行了。但每次接到新需求时都手痒，想结合着上一次的架构设计和落地经验，在这一次需求上在迭代更新，或者找到完全颠覆之前的更优方案。卷完代码的那一刻总是神清气爽",
-    "url": "https://segmentfault.com/a/1190000041404709",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "2",
-    "rank": 23
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,13 +1,4 @@
 [
-  {
-    "title": "巧用 CSS 实现动态线条 Loading 动画",
-    "description": "有群友问我，使用 CSS 如何实现如下 Loading 效果：这是一个非常有意思的问题。我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： {代码...} {代码...} 动画如下：与要求的线条 loading 动画相比，...",
-    "url": "https://segmentfault.com/a/1190000041306193",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "34",
-    "rank": 1
-  },
   {
     "title": "1000粉！使用Three.js制作一个专属3D奖牌🥇",
     "description": "破防了 😭！突然发现 SegmentFault 平台的粉丝数量已经突破 1000 了，它是我的三个博客平台掘金、博客园、SegmentFault中首个粉丝突破 1000 的，于是设计开发这个页面，特此纪念一下。非常感谢大家的关注 🙏，后续...",
@@ -15,6 +6,15 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "25",
+    "rank": 1
+  },
+  {
+    "title": "展开操作符：一家人就这么被拆散了",
+    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
+    "url": "https://segmentfault.com/a/1190000041399412",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "17",
     "rank": 2
   },
   {
@@ -23,18 +23,9 @@
     "url": "https://segmentfault.com/a/1190000041370811",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "18",
+    "votes": "19",
     "rank": 3
   },
-  {
-    "title": "展开操作符：一家人就这么被拆散了",
-    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
-    "url": "https://segmentfault.com/a/1190000041399412",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "15",
-    "rank": 4
-  },
   {
     "title": "60行代码实现React的事件系统",
     "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
@@ -42,7 +33,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "17",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
@@ -50,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000041367705",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "22",
-    "rank": 6
+    "votes": "23",
+    "rank": 5
   },
   {
     "title": "Suspense对React的意义在哪里？",
@@ -59,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041372960",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "14",
-    "rank": 7
+    "votes": "15",
+    "rank": 6
   },
   {
     "title": "两年经验前端：字节跳动系—石墨文档面经",
@@ -69,7 +60,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "17",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
@@ -78,16 +69,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "17",
-    "rank": 9
-  },
-  {
-    "title": "PWA 技术落地！让你的站点（Web）秒变APP（应用程序）",
-    "description": "Web应用方兴未艾，我们已经十分习惯习惯了在电脑上进行以自己的工作，而随着众多功能强大的在线网站，我们的Windows的桌面也不再拥挤着各种快捷方式；不光是PC端，在移动端我们也不再在浩如烟海的应用市场安装各...",
-    "url": "https://segmentfault.com/a/1190000041307924",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "13",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "断点调试之压缩引发的血案",
@@ -96,7 +78,7 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "2022，每个 Leaper 都会有好未来",
@@ -105,8 +87,35 @@
     "author": "LeapFE",
     "home_url": "https://segmentfault.com/u/leapfe",
     "votes": "28",
+    "rank": 10
+  },
+  {
+    "title": "如果你觉得学习 Git 很枯燥，那是因为你还没玩过这款游戏！",
+    "description": "作为目前世界上最先进的分布式版本控制系统（没有之一），Git 是一个开源的分布式版本控制软件,用以有效、高速的处理从很小到非常大的项目版本管理。 Git 最初是由Linus Torvalds设计开发的，用于管理Linux内核开...",
+    "url": "https://segmentfault.com/a/1190000041330870",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "13",
+    "rank": 11
+  },
+  {
+    "title": "Vue3默认版本了！我准备学这五个东西了。",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
+    "url": "https://segmentfault.com/a/1190000041324242",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "15",
     "rank": 12
   },
+  {
+    "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
+    "description": "近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。",
+    "url": "https://segmentfault.com/a/1190000041373049",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "12",
+    "rank": 13
+  },
   {
     "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
     "description": "近日我们关注到知名开源项目 Apache SkyWalking 在其官方博客发布了文章称：字节跳动子公司火山引擎在使用 Apache SkyWalking 构建其商业化产品期间改变了所有的包名，删除了 Apache 软件基金会的 header，并且在...",
@@ -114,15 +123,6 @@
     "author": "鸣飞",
     "home_url": "https://segmentfault.com/u/mf",
     "votes": "10",
-    "rank": 13
-  },
-  {
-    "title": "如果你觉得学习 Git 很枯燥，那是因为你还没玩过这款游戏！",
-    "description": "作为目前世界上最先进的分布式版本控制系统（没有之一），Git 是一个开源的分布式版本控制软件,用以有效、高速的处理从很小到非常大的项目版本管理。 Git 最初是由Linus Torvalds设计开发的，用于管理Linux内核开...",
-    "url": "https://segmentfault.com/a/1190000041330870",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "13",
     "rank": 14
   },
   {
@@ -134,6 +134,15 @@
     "votes": "11",
     "rank": 15
   },
+  {
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 16
+  },
   {
     "title": "一元初始 万象融合 - Google Cloud 2022 中国出海数字峰会回顾",
     "description": "1 月 20 日，Google Cloud 2022 中国出海数字峰会顺利举办。近三千位参会嘉宾一起问路未来，锚定技术，聚焦出海领域云端数字化创新，围绕业务场景以及Google Cloud 前沿技术与客户实践，共同探讨了数字出海时代借...",
@@ -141,7 +150,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "15",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "Vercel 与 Next.js：开源全明星团队背后的商业逻辑",
@@ -150,43 +159,16 @@
     "author": "aryu",
     "home_url": "https://segmentfault.com/u/aryu",
     "votes": "11",
-    "rank": 17
-  },
-  {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
     "rank": 18
   },
-  {
-    "title": "Vue3默认版本了！我准备学这五个东西了。",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
-    "url": "https://segmentfault.com/a/1190000041324242",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "13",
-    "rank": 19
-  },
   {
     "title": "CSS画冰墩墩~",
     "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
     "url": "https://segmentfault.com/a/1190000041385432",
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "14",
-    "rank": 20
-  },
-  {
-    "title": "清除 useEffect 副作用",
-    "description": "在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。",
-    "url": "https://segmentfault.com/a/1190000041351344",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
-    "votes": "10",
-    "rank": 21
+    "votes": "16",
+    "rank": 19
   },
   {
     "title": "vue原理相关总结",
@@ -195,16 +177,16 @@
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
     "votes": "13",
-    "rank": 22
+    "rank": 20
   },
   {
-    "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
-    "description": "近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。",
-    "url": "https://segmentfault.com/a/1190000041373049",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "清除 useEffect 副作用",
+    "description": "在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。",
+    "url": "https://segmentfault.com/a/1190000041351344",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "10",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
@@ -213,7 +195,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "8 个 Vue.js UI 组件，下一个项目用得上",
@@ -222,7 +204,16 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "10",
-    "rank": 25
+    "rank": 23
+  },
+  {
+    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
+    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
+    "url": "https://segmentfault.com/a/1190000041384720",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "8",
+    "rank": 24
   },
   {
     "title": "eslint-plugin-import 规则之 Import / Order",
@@ -231,16 +222,7 @@
     "author": "robin",
     "home_url": "https://segmentfault.com/u/robin_ren",
     "votes": "8",
-    "rank": 26
-  },
-  {
-    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
-    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
-    "url": "https://segmentfault.com/a/1190000041384720",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "7",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "还在用HttpUtil？试试这款优雅的HTTP客户端工具吧，跟SpringBoot绝配！",
@@ -249,7 +231,16 @@
     "author": "macrozheng",
     "home_url": "https://segmentfault.com/u/macrozheng",
     "votes": "8",
-    "rank": 28
+    "rank": 26
+  },
+  {
+    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
+    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
+    "url": "https://segmentfault.com/a/1190000041405707",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "12",
+    "rank": 27
   },
   {
     "title": "2年经验面试网易灵犀！太注重工程化了！",
@@ -258,7 +249,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "9",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "妙用滤镜构建高级感拉满的磨砂玻璃渐变背景",
@@ -267,6 +258,15 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "8",
+    "rank": 29
+  },
+  {
+    "title": "必须知道的JavaScript库 - 可视化库",
+    "description": "在研发团队内从0打造一个公司级可视化库/工具可行性非常低(无论是成本还是是否具备能力等等...),综上种种,今天推荐一些web方向现有的工具(包含实现概要,技术方向)来供大家参考使用。",
+    "url": "https://segmentfault.com/a/1190000041390654",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "8",
     "rank": 30
   }
 ]