@wcj/github-rank 22.2.17 → 22.2.21

package/web/data/sifou-daily.json

@@ -1,119 +1,92 @@
 [
   {
-    "title": "助推数字经济，面向未来办公|SpreadJSV15.0新版本发布会即将盛启",
-    "description": "近年来，互联网、大数据、云计算、人工智能、区块链等技术加速创新，日益融入经济社会发展各领域全程。数字经济发展速度之快、辐射范围之广、影响程度之深前所未有，正在成为重组全球要素资源、重塑全球经济结构...",
-    "url": "https://segmentfault.com/a/1190000041411689",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
-    "rank": 1
-  },
-  {
-    "title": "JZ-062-二叉查找树的第 K 个结点",
-    "description": "二叉查找树的第 K 个结点题目描述给定一棵二叉搜索树，请找出其中的第k小的结点。题目链接: 二叉查找树的第 K 个结点代码 {代码...} 【每日寄语】 轻松时记得努力，忙碌时别忘了梦想。",
-    "url": "https://segmentfault.com/a/1190000041415671",
+    "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",
+    "rank": 1
+  },
+  {
+    "title": "vscode语音注释, 让信息更丰富(中)",
+    "description": "上一篇我们做完了最基础的功能\"识别语音注释\", 本篇我们要一起开发语音'播放'等相关功能。",
+    "url": "https://segmentfault.com/a/1190000041432903",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "7个杀手级的JS一行代码",
-    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
-    "url": "https://segmentfault.com/a/1190000041415254",
-    "author": "gaoryrt",
-    "home_url": "https://segmentfault.com/u/gaoryrt",
+    "title": "vscode语音注释, 让信息更丰富 (上)",
+    "description": "这个系列我会将我制作\"语音注释\"插件的完整过程分享出来, 还是那句话'过程'比'结果'更有趣。",
+    "url": "https://segmentfault.com/a/1190000041432110",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "3",
     "rank": 3
   },
   {
-    "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",
+    "title": "go微服务开发工具箱",
+    "description": "使用golang开发了一阵子业务代码，本文主要梳理一下自己的使用感受，并总结一下常用的类库，方便查阅。由于本人是java重度使用者，不免加以对比吐槽一下，请见谅。",
+    "url": "https://segmentfault.com/a/1190000041433688",
+    "author": "codecraft",
+    "home_url": "https://segmentfault.com/u/codecraft",
     "votes": "2",
     "rank": 4
   },
   {
-    "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",
+    "title": "JS中的进程、线程、任务队列、事件循环、宏任务、微任务、执行栈等概念理解",
+    "description": "JS中的进程、线程、任务队列、事件循环、宏任务、微任务、执行栈等概念理解javascript中有很多需要知道的概念，尤其是标题中列出来的这些，今天就来过一下这些概念。一、进程和线程浏览器的每一个tab页可以看做是...",
+    "url": "https://segmentfault.com/a/1190000041433733",
+    "author": "伯约同学",
+    "home_url": "https://segmentfault.com/u/jinbitao",
+    "votes": "1",
     "rank": 5
   },
   {
-    "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",
+    "title": "前端周刊第七期",
+    "description": "前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 如果外链不能访问，关注公众号前端每周看，点击这里,里面有解决办法",
+    "url": "https://segmentfault.com/a/1190000041433722",
+    "author": "四六十",
+    "home_url": "https://segmentfault.com/u/keven",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "裸辞开源的监控告警项目HertzBeat",
-    "description": "毕业后投入很多业余时间也做了一些开源项目 Sureness , Bootshiro , Issues-translate-action ,当时上班有空就回答网友问题，下班回家写开源代码，远程帮人看问题(大年30也看过😂)，还总感觉时间不够用，当时想如...",
-    "url": "https://segmentfault.com/a/1190000041416175",
-    "author": "tomsun28",
-    "home_url": "https://segmentfault.com/u/tomsun28",
+    "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",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "面试题：渲染十万条数据解决方案",
-    "description": "笔者在之前的面试中遇到过“一次性给你 10000 条数据，怎么让它不卡之类的问题“，当初准备不充分，不知道怎么回答这类问题，说的方案过于简单，还扯到防抖节流之类的性能优化点上，这篇文章原本2022年1月29日计划...",
-    "url": "https://segmentfault.com/a/1190000041415120",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
+    "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",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "前端技术分享：页面性能优化问题复盘",
-    "description": "在 code_pc 项目中，前端需要使用 rrweb 对老师教学内容进行录制，学员可以进行录制回放。为减小录制文件体积，当前的录制策略是先录制一次全量快照，后续录制增量快照，录制阶段实际就是通过 MutationObserver ...",
-    "url": "https://segmentfault.com/a/1190000041412519",
-    "author": "有道技术团队",
-    "home_url": "https://segmentfault.com/u/youdaotec",
+    "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",
     "votes": "1",
     "rank": 9
   },
   {
-    "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",
+    "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",
     "votes": "1",
     "rank": 10
-  },
-  {
-    "title": "如何利用线程堆栈定位问题",
-    "description": "针对在一些服务中会出现的cpu飙高、死锁、线程假死等问题，总结和提炼排查问题的思路和解决方案非常重要。上述问题会涉及到线程堆栈，本文将结合实际案例来阐述一下线程堆栈的功能。",
-    "url": "https://segmentfault.com/a/1190000041411988",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "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": "【高并发】深入解析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
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "1000粉！使用Three.js制作一个专属3D奖牌🥇",
-    "description": "破防了 😭！突然发现 SegmentFault 平台的粉丝数量已经突破 1000 了，它是我的三个博客平台掘金、博客园、SegmentFault中首个粉丝突破 1000 的，于是设计开发这个页面，特此纪念一下。非常感谢大家的关注 🙏，后续...",
-    "url": "https://segmentfault.com/a/1190000041311954",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "25",
+    "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
   },
   {
@@ -14,18 +14,27 @@
     "url": "https://segmentfault.com/a/1190000041399412",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "17",
+    "votes": "19",
     "rank": 2
   },
   {
-    "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": "19",
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041367705",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "23",
     "rank": 3
   },
+  {
+    "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
+    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
+    "url": "https://segmentfault.com/a/1190000041403438",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "19",
+    "rank": 4
+  },
   {
     "title": "60行代码实现React的事件系统",
     "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
@@ -33,15 +42,6 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "17",
-    "rank": 4
-  },
-  {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041367705",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "23",
     "rank": 5
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000041355537",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "17",
+    "votes": "18",
     "rank": 7
   },
   {
@@ -71,6 +71,15 @@
     "votes": "17",
     "rank": 8
   },
+  {
+    "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
+    "description": "近日我们关注到知名开源项目 Apache SkyWalking 在其官方博客发布了文章称：字节跳动子公司火山引擎在使用 Apache SkyWalking 构建其商业化产品期间改变了所有的包名，删除了 Apache 软件基金会的 header，并且在...",
+    "url": "https://segmentfault.com/a/1190000041355320",
+    "author": "鸣飞",
+    "home_url": "https://segmentfault.com/u/mf",
+    "votes": "11",
+    "rank": 9
+  },
   {
     "title": "断点调试之压缩引发的血案",
     "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
@@ -78,7 +87,25 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 9
+    "rank": 10
+  },
+  {
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "15",
+    "rank": 11
+  },
+  {
+    "title": "CSS画冰墩墩~",
+    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000041385432",
+    "author": "望记",
+    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
+    "votes": "17",
+    "rank": 12
   },
   {
     "title": "2022，每个 Leaper 都会有好未来",
@@ -87,7 +114,7 @@
     "author": "LeapFE",
     "home_url": "https://segmentfault.com/u/leapfe",
     "votes": "28",
-    "rank": 10
+    "rank": 13
   },
   {
     "title": "如果你觉得学习 Git 很枯燥，那是因为你还没玩过这款游戏！",
@@ -96,16 +123,16 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "13",
-    "rank": 11
+    "rank": 14
   },
   {
-    "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": "Redis 使用 List 实现消息队列能保证消息可靠么？",
+    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
+    "url": "https://segmentfault.com/a/1190000041384720",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "13",
+    "rank": 15
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -114,16 +141,16 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "12",
-    "rank": 13
+    "rank": 16
   },
   {
-    "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
-    "description": "近日我们关注到知名开源项目 Apache SkyWalking 在其官方博客发布了文章称：字节跳动子公司火山引擎在使用 Apache SkyWalking 构建其商业化产品期间改变了所有的包名，删除了 Apache 软件基金会的 header，并且在...",
-    "url": "https://segmentfault.com/a/1190000041355320",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "10",
-    "rank": 14
+    "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
   },
   {
     "title": "跨域了？ 装个插件就够了！",
@@ -132,16 +159,7 @@
     "author": "lucifer",
     "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "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
+    "rank": 18
   },
   {
     "title": "一元初始 万象融合 - Google Cloud 2022 中国出海数字峰会回顾",
@@ -150,25 +168,43 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "15",
-    "rank": 17
+    "rank": 19
   },
   {
-    "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",
+    "title": "React 源码解析系列 - React 的 render 异常处理机制",
+    "description": "系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...",
+    "url": "https://segmentfault.com/a/1190000041418454",
+    "author": "array_huang",
+    "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
-    "rank": 18
+    "rank": 20
   },
   {
-    "title": "CSS画冰墩墩~",
-    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
-    "url": "https://segmentfault.com/a/1190000041385432",
-    "author": "望记",
-    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "16",
-    "rank": 19
+    "title": "8 个 Vue.js UI 组件，下一个项目用得上",
+    "description": "在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。它的速...",
+    "url": "https://segmentfault.com/a/1190000041381106",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
+    "votes": "11",
+    "rank": 21
+  },
+  {
+    "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": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
+    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
+    "url": "https://segmentfault.com/a/1190000041413541",
+    "author": "JackJiang",
+    "home_url": "https://segmentfault.com/u/jackjiang",
+    "votes": "10",
+    "rank": 23
   },
   {
     "title": "vue原理相关总结",
@@ -177,7 +213,7 @@
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
     "votes": "13",
-    "rank": 20
+    "rank": 24
   },
   {
     "title": "清除 useEffect 副作用",
@@ -186,7 +222,16 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "10",
-    "rank": 21
+    "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 年度理事和执行长",
@@ -195,51 +240,6 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 22
-  },
-  {
-    "title": "8 个 Vue.js UI 组件，下一个项目用得上",
-    "description": "在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。它的速...",
-    "url": "https://segmentfault.com/a/1190000041381106",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "10",
-    "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",
-    "description": "其中，group 是对导入模块进行分组，pathGroups 是通过路径自定义分组，newlines-between 不同组之间是否进行换行，alphabetize 根据字母顺序对每个组内的顺序进行排序",
-    "url": "https://segmentfault.com/a/1190000041375528",
-    "author": "robin",
-    "home_url": "https://segmentfault.com/u/robin_ren",
-    "votes": "8",
-    "rank": 25
-  },
-  {
-    "title": "还在用HttpUtil？试试这款优雅的HTTP客户端工具吧，跟SpringBoot绝配！",
-    "description": "我们平时开发项目时，就算是单体应用，也免不了要调用一下其他服务提供的接口。此时就会用到HTTP客户端工具，之前一直使用的是Hutool中的HttpUtil，虽然容易上手，但用起来颇为麻烦！最近发现一款更好用的HTTP客...",
-    "url": "https://segmentfault.com/a/1190000041371806",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "8",
-    "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
   },
   {
@@ -248,25 +248,25 @@
     "url": "https://segmentfault.com/a/1190000041366695",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "9",
+    "votes": "11",
     "rank": 28
   },
   {
-    "title": "妙用滤镜构建高级感拉满的磨砂玻璃渐变背景",
-    "description": "最近，我们内部的一个低代码平台完工上线，它的首页大概是这样子（数据脱敏）：当然，这个不是项目不是本文的重点。主要看看这个页面的背景，一个磨砂（毛玻璃）质感效果的渐变背景图，看上去是比较高级的。剥离...",
-    "url": "https://segmentfault.com/a/1190000041342064",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "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": "必须知道的JavaScript库 - 可视化库",
-    "description": "在研发团队内从0打造一个公司级可视化库/工具可行性非常低(无论是成本还是是否具备能力等等...),综上种种,今天推荐一些web方向现有的工具(包含实现概要,技术方向)来供大家参考使用。",
-    "url": "https://segmentfault.com/a/1190000041390654",
-    "author": "wlove",
-    "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "8",
+    "title": "HTTPS 加密与认证机制",
+    "description": "HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...",
+    "url": "https://segmentfault.com/a/1190000041380473",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "votes": "11",
     "rank": 30
   }
 ]