@wcj/github-rank 22.2.15 → 22.2.16

package/web/data/sifou-daily.json

@@ -1,146 +1,209 @@
 [
   {
-    "title": "展开操作符：一家人就这么被拆散了",
-    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
-    "url": "https://segmentfault.com/a/1190000041399412",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "10",
+    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
+    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
+    "url": "https://segmentfault.com/a/1190000041405707",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "9",
     "rank": 1
   },
   {
-    "title": "CSS 实现按钮点击动效的套路",
-    "description": "在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画",
-    "url": "https://segmentfault.com/a/1190000041400360",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "9",
+    "title": "JZ-061-序列化二叉树",
+    "description": "请实现两个函数，分别用来序列化和反序列化二叉树。二叉树的序列化是指：把一棵二叉树按照某种遍历方式的结果以某种格式保存为字符串，从而使得内存中建立起来的二叉树可以持久保存。序列化可以基于先序、中序、...",
+    "url": "https://segmentfault.com/a/1190000041408957",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "字符作画，我用字符画个冰墩墩",
-    "description": "已经 2022 年了，最近北京冬奥会的吉祥物冰墩墩很火，据说一墩难求，各种视频新闻应接不暇。程序员要有程序员的方式，今天我来用 Java 画一个由字符组成的冰墩墩送给大家，这篇文章记录字符图案的生成思路以及过程。",
-    "url": "https://segmentfault.com/a/1190000041398208",
-    "author": "程序猿阿朗",
-    "home_url": "https://segmentfault.com/u/niumoo",
-    "votes": "4",
+    "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",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "@Scheduled 定时任务",
-    "description": "在开发中，有时候会遇到定时推送的需求，例如定时发送推送、定时发送邮件等等。SpringBoot为我们内置了定时任务，我们只需要一个注解就可以开启定时为我们所用了。",
-    "url": "https://segmentfault.com/a/1190000041402836",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
+    "title": "既然已经有数组了,为什么还要链表？JS链表(Linked-list)详解",
+    "description": "其实链表和数组各有千秋，都在不同的业务场景中发光发热，很多同学对链表可能是既熟悉又陌生。熟悉的是，我们在刷一些八股文的时候经常会看到“链表”这个字眼，陌生的是，我们在平时的开发中并不会太多的使用到链表。",
+    "url": "https://segmentfault.com/a/1190000041400154",
+    "author": "前端有猫腻",
+    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "记录一个由于仓库层错误导致软删除失效的问题",
-    "description": "为了方便描述，我们将项目进行一下抽象和简化。这是一个前端用Angular、后端用Spring的项目，项目E-R图的其中一段如下：不难看出，乡镇和社区是1对多的关系。",
-    "url": "https://segmentfault.com/a/1190000041402957",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "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",
     "votes": "2",
     "rank": 5
   },
   {
-    "title": "谁动了我的代码！🔥",
-    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
-    "url": "https://segmentfault.com/a/1190000041403438",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
+    "title": "带你十天轻松搞定 Go 微服务系列（二）",
+    "description": "上篇文章开始，我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分（本文）用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪...",
+    "url": "https://segmentfault.com/a/1190000041405843",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "2",
     "rank": 6
   },
   {
-    "title": "你还在手写TS类型代码吗",
-    "description": "身为一个前端开发，在开发ts项目时，最繁琐的工作应该就是手写接口的数据类型和mock数据，因为这部分工作如果不做，后面写业务逻辑难受，做的话全是复制粘贴类似的重复工作，还挺费时间。下文将给大家介绍一个自...",
-    "url": "https://segmentfault.com/a/1190000041399444",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "2",
+    "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",
     "rank": 7
   },
   {
-    "title": "记一次懒查询错误",
-    "description": "这次测试的时候遇到了一个懒查询异常，懒查询错误在上个月也遇到过，当时参考网上意见关闭实体间懒查询。一周汇报的时候，老师建议我使用@Transactional事务注解，当时也顺利解决了。这次又遇到一个比较复杂的通...",
-    "url": "https://segmentfault.com/a/1190000041403315",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "title": "技术人聊开源：这并不只是用爱发电",
+    "description": "近年来，中国开发者已经成为全球开源体系中的重要力量。据不完全统计，中国的代码在全球开源社区的比重已占 40% 左右，目前全球 6000 多万开发者中，至少有 2000 多万来自中国。",
+    "url": "https://segmentfault.com/a/1190000041409314",
+    "author": "SOFAStack",
+    "home_url": "https://segmentfault.com/u/sofastack",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "Google 公布 2021 漏洞奖励支出共 870 万美元",
-    "description": "近日，Google 在其安全博客上发文表示：得益于查找漏洞的研究人员的努力，2021年漏洞奖励计划（VRP）共发放了 870 万美元的漏洞奖励，研究人员还将他们获得奖励中的 30 万美元捐赠给了慈善机构。",
-    "url": "https://segmentfault.com/a/1190000041400097",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "搭建 VuePress 博客，你可能会用到的一些插件",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。为了丰富站点的功能，我们可以直接使用一些现有的插件，本篇我们讲讲一些...",
+    "url": "https://segmentfault.com/a/1190000041409173",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "HMS Core助力宝宝巴士为全球开发者展现高品质儿童数字内容",
-    "description": "宝宝巴士是国内有着十多年出海经验的开发者，其旗下有超过200多款儿童益智互动App。初期探索时，在HMS Core伙伴的相关政策支持下，宝宝巴士在海外市场稳扎稳打，不断开拓。同时，在HMS Core推送服务与广告服务、...",
-    "url": "https://segmentfault.com/a/1190000041401039",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
+    "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",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "JetBrains官博：将从IntelliJ平台移除Log4j的依赖",
-    "description": "从博文看，本次移除log4j的漏洞，并非担心log4j2的漏洞问题，因为基于IntelliJ平台的IDE使用的并非log4j2，而是log4j 1.2的补丁版本（移除了所有网络相关的代码）。这里DD也顺便看了一下，之前log4j核弹漏洞大爆...",
-    "url": "https://segmentfault.com/a/1190000041400558",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
+    "title": "实现页面水印，到底跟MutationObserver有什么关系？",
+    "description": "大家平时在开发中或者在面试中，难免都会遇到一个问题——给页面加水印，其实这并不难，但是也是有一些注意点的，所以说看似简单的功能，要尽力做到：",
+    "url": "https://segmentfault.com/a/1190000041408450",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "Nginx - 最小配置",
-    "description": "安全服务器是只允许所需数量的服务器。理想情况下，我们将通过单独启用其他功能来基于最小系统构建服务器。进行最少的配置也有助于调试。如果该错误在最小系统中不可用，则分别添加功能，然后继续搜索错误。",
-    "url": "https://segmentfault.com/a/1190000041400106",
-    "author": "白菜1031",
-    "home_url": "https://segmentfault.com/u/baicai1031",
-    "votes": "1",
+    "title": "CSS画雪容融~",
+    "description": "用CSS画2022冬残奥会吉祥物雪容融，虽迟但到！好像比我画的鹅蛋冰墩墩更可爱点...在线预览源码： {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000041408191",
+    "author": "望记",
+    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "async/await 你是会用，但是你知道怎么处理错误吗？",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心Promise封装请求大家平时如果使用 Promise 封装请求，那么当你使用这个请求函数的时候是这样的： {代码...} 可...",
-    "url": "https://segmentfault.com/a/1190000041399336",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "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",
     "votes": "1",
     "rank": 13
   },
   {
-    "title": "聊聊程序员面试时，那些必须注意的事情",
-    "description": "1、简历三大原则：清晰，简短，必要，给面试官留下好印象2、技术能力匹配：满足招聘方的要求，技术水平要达标3、突出项目亮点：10 秒以内要让面试官发现亮点，有问下去的动力",
-    "url": "https://segmentfault.com/a/1190000041399029",
-    "author": "程序员依扬",
-    "home_url": "https://segmentfault.com/u/muyiyang_5bd9ae9ac7993",
+    "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": "精读《vue-lit 源码》",
-    "description": "defineComponent 定义 custom element，第一个参数是自定义 element 组件名，必须遵循原生 API customElements.define 对组件名的规范，组件名必须包含中划线。",
-    "url": "https://segmentfault.com/a/1190000041398718",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "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": "新年第一赛，提交BUG奖励多！",
-    "description": "报名时间：即日起-2022年2月14日活动时间：2022年2月14日—2022年3月6日活动规则：参与灭虫活动赢取积分[选我]发现/解决AliOS Things的文档及代码Bug，并提交Pull Requests或Issues到gitee AliOS Things 开源社区...",
-    "url": "https://segmentfault.com/a/1190000041402636",
-    "author": "阿里云开发者",
-    "home_url": "https://segmentfault.com/u/alijishu",
+    "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

@@ -17,15 +17,6 @@
     "votes": "25",
     "rank": 2
   },
-  {
-    "title": "60行代码实现React的事件系统",
-    "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
-    "url": "https://segmentfault.com/a/1190000041355419",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "17",
-    "rank": 3
-  },
   {
     "title": "17 个实用 shell 脚本，建议收藏！",
     "description": "1、服务器系统配置初始化 {代码...} 2、批量创建多个用户并设置密码 {代码...} 3、一键查看服务器利用率 {代码...} 4、找出占用CPU 内存过高的进程 {代码...} 5、查看网卡的实时流量 {代码...} 6、监控多台服务器...",
@@ -33,16 +24,34 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "18",
+    "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（合成事...",
+    "url": "https://segmentfault.com/a/1190000041355419",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "17",
+    "rank": 5
+  },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000041367705",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "21",
-    "rank": 5
+    "votes": "22",
+    "rank": 6
   },
   {
     "title": "Suspense对React的意义在哪里？",
@@ -50,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000041372960",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
-    "rank": 6
+    "votes": "14",
+    "rank": 7
   },
   {
     "title": "两年经验前端：字节跳动系—石墨文档面经",
@@ -60,7 +69,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "17",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
@@ -69,7 +78,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "17",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "PWA 技术落地！让你的站点（Web）秒变APP（应用程序）",
@@ -78,15 +87,6 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "13",
-    "rank": 9
-  },
-  {
-    "title": "什么样的问题应该使用动态规划",
-    "description": "说起动态规划，我不知道你有没有这样的困扰，在掌握了一些基础算法和数据结构之后，碰到一些较为复杂的问题还是无从下手，面试时自然也是胆战心惊。如果我说动态规划是个玄幻的问题其实也不为过。究其原因，我觉...",
-    "url": "https://segmentfault.com/a/1190000041300090",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "14",
     "rank": 10
   },
   {
@@ -125,15 +125,6 @@
     "votes": "13",
     "rank": 14
   },
-  {
-    "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": 15
-  },
   {
     "title": "跨域了？ 装个插件就够了！",
     "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
@@ -141,6 +132,15 @@
     "author": "lucifer",
     "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "votes": "11",
+    "rank": 15
+  },
+  {
+    "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": 16
   },
   {
@@ -153,12 +153,12 @@
     "rank": 17
   },
   {
-    "title": "2 天！Google Cloud 2022 中国出海数字峰会进入倒计时",
-    "description": "企业出海，技术为舵，开发者作为出海企业技术舵手，需保持高度敏锐，持续修炼技能，确保企业出海动力稳定。作为一家技术创新企业，过去一年，谷歌的融合生态如何为出海经济赋能？Google Cloud 在全球范围内建设起...",
-    "url": "https://segmentfault.com/a/1190000041303894",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "12",
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
     "rank": 18
   },
   {
@@ -167,16 +167,16 @@
     "url": "https://segmentfault.com/a/1190000041324242",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "12",
+    "votes": "13",
     "rank": 19
   },
   {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "13",
+    "title": "CSS画冰墩墩~",
+    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000041385432",
+    "author": "望记",
+    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
+    "votes": "14",
     "rank": 20
   },
   {
@@ -188,22 +188,22 @@
     "votes": "10",
     "rank": 21
   },
-  {
-    "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": "10",
-    "rank": 22
-  },
   {
     "title": "vue原理相关总结",
     "description": "一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...",
     "url": "https://segmentfault.com/a/1190000041374585",
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
-    "votes": "12",
+    "votes": "13",
+    "rank": 22
+  },
+  {
+    "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": "10",
     "rank": 23
   },
   {
@@ -215,6 +215,15 @@
     "votes": "7",
     "rank": 24
   },
+  {
+    "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": 25
+  },
   {
     "title": "eslint-plugin-import 规则之 Import / Order",
     "description": "其中，group 是对导入模块进行分组，pathGroups 是通过路径自定义分组，newlines-between 不同组之间是否进行换行，alphabetize 根据字母顺序对每个组内的顺序进行排序",
@@ -222,42 +231,33 @@
     "author": "robin",
     "home_url": "https://segmentfault.com/u/robin_ren",
     "votes": "8",
-    "rank": 25
-  },
-  {
-    "title": "2年经验面试网易灵犀！太注重工程化了！",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。今天给大家分享一个大厂的面经——网易灵犀题目一面1、聊项目2、webpack和rollup的区别，打包出来的产物有什么...",
-    "url": "https://segmentfault.com/a/1190000041366695",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "9",
     "rank": 26
   },
   {
-    "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": "9",
+    "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
   },
   {
-    "title": "主题之美，排名靠前的 10 个 VSCode 主题",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041305485",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "9",
+    "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": 28
   },
   {
-    "title": "CSS画冰墩墩~",
-    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
-    "url": "https://segmentfault.com/a/1190000041385432",
-    "author": "望记",
-    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "10",
+    "title": "2年经验面试网易灵犀！太注重工程化了！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。今天给大家分享一个大厂的面经——网易灵犀题目一面1、聊项目2、webpack和rollup的区别，打包出来的产物有什么...",
+    "url": "https://segmentfault.com/a/1190000041366695",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "9",
     "rank": 29
   },
   {