@wcj/github-rank 22.2.21 → 22.2.24

package/web/data/sifou-daily.json

@@ -1,92 +1,137 @@
 [
   {
-    "title": "JZ-066-机器人的运动范围",
-    "description": "地上有一个m行和n列的方格。一个机器人从坐标0,0的格子开始移动，每一次只能向左，右，上，下四个方向移动一格，但是不能进入行坐标和列坐标的数位之和大于k的格子。 例如，当k为18时，机器人能够进入方格（35,37...",
-    "url": "https://segmentfault.com/a/1190000041431460",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "title": "vscode语音注释, 让信息更丰富(下)",
+    "description": "这个系列的最后一篇, 主要讲述录制音频&音频文件存储相关知识, 当时因为录音有bug搞得我一周没心情吃饭(voice-annotation)。",
+    "url": "https://segmentfault.com/a/1190000041445495",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "6",
     "rank": 1
   },
   {
-    "title": "vscode语音注释, 让信息更丰富(中)",
-    "description": "上一篇我们做完了最基础的功能\"识别语音注释\", 本篇我们要一起开发语音'播放'等相关功能。",
-    "url": "https://segmentfault.com/a/1190000041432903",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "3",
+    "title": "前端生成PDF，让后端刮目相看",
+    "description": "PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了...",
+    "url": "https://segmentfault.com/a/1190000041447795",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "7",
     "rank": 2
   },
   {
-    "title": "vscode语音注释, 让信息更丰富 (上)",
-    "description": "这个系列我会将我制作\"语音注释\"插件的完整过程分享出来, 还是那句话'过程'比'结果'更有趣。",
-    "url": "https://segmentfault.com/a/1190000041432110",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "3",
+    "title": "Redis 忽然变慢了如何排查并解决？",
+    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
+    "url": "https://segmentfault.com/a/1190000041446607",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "8",
     "rank": 3
   },
   {
-    "title": "go微服务开发工具箱",
-    "description": "使用golang开发了一阵子业务代码，本文主要梳理一下自己的使用感受，并总结一下常用的类库，方便查阅。由于本人是java重度使用者，不免加以对比吐槽一下，请见谅。",
-    "url": "https://segmentfault.com/a/1190000041433688",
-    "author": "codecraft",
-    "home_url": "https://segmentfault.com/u/codecraft",
+    "title": "Vim 核心开发者 Sven Guckes 去世，Vim 之父：我要把 9.0 版本献给他",
+    "description": "2 月 21 日，Vim 之父 Bram Moolenaar 在一份公开邮件中宣布了 Vim 核心维护者 Sven Guckes 在柏林因病去世的消息。邮件中，Bram Moolenaar 对 Sven Guckes 的离去表达了沉痛哀悼，并宣布将 Vim 9.0 版本将献给这...",
+    "url": "https://segmentfault.com/a/1190000041447407",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
     "rank": 4
   },
   {
-    "title": "JS中的进程、线程、任务队列、事件循环、宏任务、微任务、执行栈等概念理解",
-    "description": "JS中的进程、线程、任务队列、事件循环、宏任务、微任务、执行栈等概念理解javascript中有很多需要知道的概念，尤其是标题中列出来的这些，今天就来过一下这些概念。一、进程和线程浏览器的每一个tab页可以看做是...",
-    "url": "https://segmentfault.com/a/1190000041433733",
-    "author": "伯约同学",
-    "home_url": "https://segmentfault.com/u/jinbitao",
-    "votes": "1",
+    "title": "JZ-069-在 O(1) 时间内删除链表节点",
+    "description": "在 O(1) 时间内删除链表节点。方案：如果该节点不是尾节点，那么可以直接将下一个节点的值赋给该节点，然后令该节点指向下下个节点，再删除下一个节点，时间复杂度为 O(1)。否则，就需要先遍历链表，找到节点的前...",
+    "url": "https://segmentfault.com/a/1190000041450918",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 5
   },
   {
-    "title": "前端周刊第七期",
-    "description": "前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 如果外链不能访问，关注公众号前端每周看，点击这里,里面有解决办法",
-    "url": "https://segmentfault.com/a/1190000041433722",
-    "author": "四六十",
-    "home_url": "https://segmentfault.com/u/keven",
+    "title": "【Antv G6】minimap更新渲染问题",
+    "description": "在使用antv g6进行力导向图表时，使用了minimap插件。考虑性能提升，设置type为delegate，只要渲染大致图形就行了。但是在渲染不同数据的情况下，会发现应该是绿色线但是却显示红色。如图：",
+    "url": "https://segmentfault.com/a/1190000041449264",
+    "author": "洋仔",
+    "home_url": "https://segmentfault.com/u/sucre_199782",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "使用python实现一个日期和时间戳互转的Alfred workflow",
-    "description": "前两天换了新款的macbook，也不知道是不是因为m1芯片的原因，系统没有自带php，导致我之前使用的时间戳转换workflow失效了。作为一个后端工程师，时间戳互转的功能还是非常常用了，于是还折腾修复了下，手动安装p...",
-    "url": "https://segmentfault.com/a/1190000041432333",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
+    "title": "“Pangu Lab”披露顶级后门“电幕行动”细节：或来自美国黑客组织“方程式” | 已侵害全球 45 个国家地区",
+    "description": "2 月 23 日，北京奇安盘古实验室科技有限公司（以下简称“盘古实验室”或 Pangu Lab）在其 www.pangulab.cn 网页上发布了一份报告，该报告内容对美国顶级后门 ——“电幕行动”（Bvp47）的完整技术细节和攻击组织关联进...",
+    "url": "https://segmentfault.com/a/1190000041448972",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "风场可视化：风场数据",
-    "description": "引子了解 WebGL 基础之后，接着去看获取解析风场数据的逻辑，又遇到问题。系统：MacOS版本：11.6OriginMy GitHub安装 ecCodes在文章示例源库的说明中，首先要安装 ecCodes ，尝试使用 HomeBrew 但不行。于是就按...",
-    "url": "https://segmentfault.com/a/1190000041431825",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
+    "title": "技术干货 | WebRTC ADM 源码流程分析",
+    "description": "本文主要基于 WebRTC release-72 源码及云信音视频团队积累的相关经验而成，主要分析以下问题： ADM（Audio Device Manager）的架构如何？ADM（Audio Device Manager）的启动流程如何？ADM（Audio Device Manager...",
+    "url": "https://segmentfault.com/a/1190000041448344",
+    "author": "网易云信",
+    "home_url": "https://segmentfault.com/u/neteaseyunxin",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "2124、检查是否所有 A 都在 B 之前 | 算法（leetode，附思维导图 + 全部解法）300题",
-    "description": "零 标题：算法（leetode，附思维导图 + 全部解法）300题之（2124）检查是否所有 A 都在 B 之前一 题目描述二 解法总览（思维导图）三 全部解法1 方案11)代码： {代码...} 2 方案21)代码： {代码...} 3 方案31)代...",
-    "url": "https://segmentfault.com/a/1190000041431556",
-    "author": "码农三少",
-    "home_url": "https://segmentfault.com/u/chenyob",
+    "title": "Swift 之父正式退出 Swift 核心团队：这只是在浪费我的时间",
+    "description": "同时，此公告证实了“ Swift 之父、LLVM 项目创始人 Chris Lattner 将离开核心团队”一事，并表示 Chris Lattner 已于去年中断工作，并决定离开核心团队，将时间集中在其他项目上。",
+    "url": "https://segmentfault.com/a/1190000041447360",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "新款 iMac Pro 将于 6 月发布；库克薪酬达员工 1500 倍；IntelliJ 删除 Log4j 组件 | 思否周刊",
-    "description": "40s 新闻速递iOS 越狱之父发现关键漏洞获奖，获得 200 万美元奖金苹果全新 iMac Pro 将在今年 6 月发布采用 Mini-LED 屏幕任天堂社长称暂不入局元宇宙，因为没弄懂微软警告 Windows 10 用户：5 月将结束对多个过...",
-    "url": "https://segmentfault.com/a/1190000041431628",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "聚焦游戏开发速度与成本，稳定引擎基础助力开发者快速集成应用",
+    "description": "Unity在全球拥有庞大游戏生态系统，具备易上手、开发效率高、节约成本的技术优势。此次与HMS Core AR Engine强强联合，深度助力了海量开发者，合作共创更多、更有新意的交互内容，为生态发展注入活力。",
+    "url": "https://segmentfault.com/a/1190000041449201",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
     "rank": 10
+  },
+  {
+    "title": "直播系统聊天技术(七)：直播间海量聊天消息的架构设计难点实践",
+    "description": "本系列文章的上篇《百万人在线的直播间实时聊天消息分发技术实践》主要分享的是消息分发和丢弃策略。本文将主要从高可用、弹性扩缩容、用户管理、消息分发、客户端优化等角度，分享直播间海量聊天消息的架构设计...",
+    "url": "https://segmentfault.com/a/1190000041447676",
+    "author": "JackJiang",
+    "home_url": "https://segmentfault.com/u/jackjiang",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "网友：Go 你是 Google 的，Go：我不是",
+    "description": "大家好，我是煎鱼。我有一个朋友，近几年听说各种博弈、各种国内云产品等发力，各企业的 “国产化” 被提到了台面上，明确要去做这类事情。作为当代编程语言风口的 Go 语言，在宣传时，常常会说是 Google 背书：那...",
+    "url": "https://segmentfault.com/a/1190000041447519",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "从 generator 的角度看 Rust 异步代码",
+    "description": "作为 2018 edition 一个比较重要的特性 Rust 的异步编程现在已经得到了广泛的使用。使用的时候难免会好奇它是如何运作的，这篇文章尝试从 generator 以及变量捕获的方面进行探索，而后介绍了在嵌入式时序存储引擎...",
+    "url": "https://segmentfault.com/a/1190000041446128",
+    "author": "SOFAStack",
+    "home_url": "https://segmentfault.com/u/sofastack",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "注意！你的 Navicat 可能被下毒了...",
+    "description": "刚刚看到一份来自微步在线发布的威胁情报通报，其中提到了被我们广泛应用的数据库管理工具Navicat Premium被投毒消息！如果你有用过相关版本的话，可能当前正处于数据泄漏的风险之下。",
+    "url": "https://segmentfault.com/a/1190000041446012",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "从中心走向边缘——深度解析云原生边缘计算落地痛点",
+    "description": "云计算发展史，就是虚拟化技术的发展史。近 20 年来云计算与互联网相互促进高速发展，中心云技术成为全社会通用的基础设施。随着物联网、人工智能等技术的不断发展，尤其是产业互联网发展落地，中心云计算开始相...",
+    "url": "https://segmentfault.com/a/1190000041450472",
+    "author": "阿里巴巴云原生",
+    "home_url": "https://segmentfault.com/u/alixitongruanjianjishu",
+    "votes": "1",
+    "rank": 15
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,12 +1,30 @@
 [
+  {
+    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
+    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
+    "url": "https://segmentfault.com/a/1190000041405707",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "23",
+    "rank": 1
+  },
   {
     "title": "17 个实用 shell 脚本，建议收藏！",
     "description": "1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...",
     "url": "https://segmentfault.com/a/1190000041370811",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "21",
-    "rank": 1
+    "votes": "25",
+    "rank": 2
+  },
+  {
+    "title": "7个杀手级的JS一行代码",
+    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
+    "url": "https://segmentfault.com/a/1190000041415254",
+    "author": "gaoryrt",
+    "home_url": "https://segmentfault.com/u/gaoryrt",
+    "votes": "26",
+    "rank": 3
   },
   {
     "title": "展开操作符：一家人就这么被拆散了",
@@ -15,7 +33,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "19",
-    "rank": 2
+    "rank": 4
   },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
@@ -24,7 +42,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "23",
-    "rank": 3
+    "rank": 5
   },
   {
     "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
@@ -32,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041403438",
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "19",
-    "rank": 4
+    "votes": "21",
+    "rank": 6
   },
   {
     "title": "60行代码实现React的事件系统",
@@ -41,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000041355419",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "17",
-    "rank": 5
+    "votes": "18",
+    "rank": 7
   },
   {
     "title": "Suspense对React的意义在哪里？",
@@ -51,7 +69,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 6
+    "rank": 8
   },
   {
     "title": "两年经验前端：字节跳动系—石墨文档面经",
@@ -60,16 +78,16 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "18",
-    "rank": 7
+    "rank": 9
   },
   {
-    "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
-    "description": "最近项目中 Ant Design 接入比较多，还是非常不错的。不知道大家有没有发现这样的效果，在官网上，如果鼠标放在Logo上，字母i上的图标会不停的变化，离开后停止，放上去重新变化，算得上是一个小彩蛋（可能我之前...",
-    "url": "https://segmentfault.com/a/1190000041336683",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
+    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
+    "url": "https://segmentfault.com/a/1190000041437117",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
     "votes": "17",
-    "rank": 8
+    "rank": 10
   },
   {
     "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
@@ -78,7 +96,7 @@
     "author": "鸣飞",
     "home_url": "https://segmentfault.com/u/mf",
     "votes": "11",
-    "rank": 9
+    "rank": 11
   },
   {
     "title": "断点调试之压缩引发的血案",
@@ -87,7 +105,7 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 10
+    "rank": 12
   },
   {
     "title": "10个CSS技巧，极大提升用户体验",
@@ -96,7 +114,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "15",
-    "rank": 11
+    "rank": 13
+  },
+  {
+    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
+    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
+    "url": "https://segmentfault.com/a/1190000041413541",
+    "author": "JackJiang",
+    "home_url": "https://segmentfault.com/u/jackjiang",
+    "votes": "15",
+    "rank": 14
   },
   {
     "title": "CSS画冰墩墩~",
@@ -105,7 +132,7 @@
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
     "votes": "17",
-    "rank": 12
+    "rank": 15
   },
   {
     "title": "2022，每个 Leaper 都会有好未来",
@@ -114,16 +141,7 @@
     "author": "LeapFE",
     "home_url": "https://segmentfault.com/u/leapfe",
     "votes": "28",
-    "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
+    "rank": 16
   },
   {
     "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
@@ -132,7 +150,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
-    "rank": 15
+    "rank": 17
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -141,16 +159,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "12",
-    "rank": 16
-  },
-  {
-    "title": "Vercel 与 Next.js：开源全明星团队背后的商业逻辑",
-    "description": "Vercel 是由 Guillermo Rauch 创立的云服务公司，以拥有数个知名开源项目为大众所知，随着 2021 年在融资、招聘、产品等方面的高调亮相，Vercel 的商业逻辑也愈发清晰。",
-    "url": "https://segmentfault.com/a/1190000041341813",
-    "author": "aryu",
-    "home_url": "https://segmentfault.com/u/aryu",
-    "votes": "12",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "跨域了？ 装个插件就够了！",
@@ -159,15 +168,6 @@
     "author": "lucifer",
     "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "votes": "11",
-    "rank": 18
-  },
-  {
-    "title": "一元初始 万象融合 - Google Cloud 2022 中国出海数字峰会回顾",
-    "description": "1 月 20 日，Google Cloud 2022 中国出海数字峰会顺利举办。近三千位参会嘉宾一起问路未来，锚定技术，聚焦出海领域云端数字化创新，围绕业务场景以及Google Cloud 前沿技术与客户实践，共同探讨了数字出海时代借...",
-    "url": "https://segmentfault.com/a/1190000041337916",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "15",
     "rank": 19
   },
   {
@@ -179,6 +179,24 @@
     "votes": "11",
     "rank": 20
   },
+  {
+    "title": "小程序实现手写签名",
+    "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
+    "url": "https://segmentfault.com/a/1190000041421576",
+    "author": "小小蚊子",
+    "home_url": "https://segmentfault.com/u/zjw8023",
+    "votes": "12",
+    "rank": 21
+  },
+  {
+    "title": "urlcat：JavaScript的URL构建器库",
+    "description": "urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......",
+    "url": "https://segmentfault.com/a/1190000041417062",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
+    "votes": "10",
+    "rank": 22
+  },
   {
     "title": "8 个 Vue.js UI 组件，下一个项目用得上",
     "description": "在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。它的速...",
@@ -186,25 +204,25 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "11",
-    "rank": 21
+    "rank": 23
   },
   {
-    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
-    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
-    "url": "https://segmentfault.com/a/1190000041405707",
-    "author": "wlove",
-    "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "14",
-    "rank": 22
+    "title": "CSS 实现按钮点击动效的套路",
+    "description": "在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画",
+    "url": "https://segmentfault.com/a/1190000041400360",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "13",
+    "rank": 24
   },
   {
-    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
-    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
-    "url": "https://segmentfault.com/a/1190000041413541",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
+    "title": "吐血整理的webpack入门知识及常用loader和plugin",
+    "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
+    "url": "https://segmentfault.com/a/1190000041436294",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "10",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "vue原理相关总结",
@@ -212,8 +230,17 @@
     "url": "https://segmentfault.com/a/1190000041374585",
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
-    "votes": "13",
-    "rank": 24
+    "votes": "14",
+    "rank": 26
+  },
+  {
+    "title": "GPL3.0许可证软件著作权纠纷案例解析",
+    "description": "工信部 《“十四五”软件和信息技术服务业发展规划的通知》提出了“繁荣国内开源生态”的目标，我国将大力发展国内开源基金会等开源组织，完善开源软件治理规则，普及开源软件文化。开源软件的治理与生态建设，离不开...",
+    "url": "https://segmentfault.com/a/1190000041424310",
+    "author": "AlexChen",
+    "home_url": "https://segmentfault.com/u/alex2020",
+    "votes": "8",
+    "rank": 27
   },
   {
     "title": "清除 useEffect 副作用",
@@ -222,51 +249,24 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "10",
-    "rank": 25
-  },
-  {
-    "title": "来了来了，CSS 版的冰墩墩来了……",
-    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
-    "url": "https://segmentfault.com/a/1190000041393140",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "10",
-    "rank": 26
-  },
-  {
-    "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
-    "description": "祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...",
-    "url": "https://segmentfault.com/a/1190000041353909",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "7",
-    "rank": 27
+    "rank": 28
   },
   {
-    "title": "2年经验面试网易灵犀！太注重工程化了！",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。今天给大家分享一个大厂的面经——网易灵犀题目一面1、聊项目2、webpack和rollup的区别，打包出来的产物有什么...",
-    "url": "https://segmentfault.com/a/1190000041366695",
+    "title": "首屏时间，你说你优化了，那你倒是计算出给给我看啊！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景当我们在做项目的性能优化的时候，优化首屏时间是一个避不过去的优化方向，但是又有多少人想过这两个东西...",
+    "url": "https://segmentfault.com/a/1190000041419030",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "11",
-    "rank": 28
-  },
-  {
-    "title": "7个杀手级的JS一行代码",
-    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
-    "url": "https://segmentfault.com/a/1190000041415254",
-    "author": "gaoryrt",
-    "home_url": "https://segmentfault.com/u/gaoryrt",
     "votes": "12",
     "rank": 29
   },
   {
-    "title": "HTTPS 加密与认证机制",
-    "description": "HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...",
-    "url": "https://segmentfault.com/a/1190000041380473",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
-    "votes": "11",
+    "title": "来了来了，CSS 版的冰墩墩来了……",
+    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
+    "url": "https://segmentfault.com/a/1190000041393140",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "10",
     "rank": 30
   }
 ]