@wcj/github-rank 22.2.15 → 22.2.19

package/web/data/sifou-daily.json

@@ -1,146 +1,110 @@
 [
   {
-    "title": "展开操作符：一家人就这么被拆散了",
-    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
-    "url": "https://segmentfault.com/a/1190000041399412",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "10",
+    "title": "动辄“耗资过亿”的表格工具，究竟难在哪儿？丨思否专访",
+    "description": "棋盘上的麦粒问题，相信每个人都听说过。那小小的 64 个棋盘格，因为一个简单的逻辑设定，便能装下全世界的的麦粒。表格工具作为办公场景中最基础也最常用的业务支撑工具，同样具有着无限的可能。",
+    "url": "https://segmentfault.com/a/1190000041424455",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "2",
     "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": "GPL3.0许可证软件著作权纠纷案例解析",
+    "description": "工信部 《“十四五”软件和信息技术服务业发展规划的通知》提出了“繁荣国内开源生态”的目标，我国将大力发展国内开源基金会等开源组织，完善开源软件治理规则，普及开源软件文化。开源软件的治理与生态建设，离不开...",
+    "url": "https://segmentfault.com/a/1190000041424310",
+    "author": "AlexChen",
+    "home_url": "https://segmentfault.com/u/alex2020",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "字符作画，我用字符画个冰墩墩",
-    "description": "已经 2022 年了，最近北京冬奥会的吉祥物冰墩墩很火，据说一墩难求，各种视频新闻应接不暇。程序员要有程序员的方式，今天我来用 Java 画一个由字符组成的冰墩墩送给大家，这篇文章记录字符图案的生成思路以及过程。",
-    "url": "https://segmentfault.com/a/1190000041398208",
-    "author": "程序猿阿朗",
-    "home_url": "https://segmentfault.com/u/niumoo",
+    "title": "JZ-064-滑动窗口的最大值",
+    "description": "给定一个数组和滑动窗口的大小，找出所有滑动窗口里数值的最大值。例如，如果输入数组{2,3,4,2,6,2,5,1}及滑动窗口的大小3，那么一共存在6个滑动窗口，他们的最大值分别为{4,4,6,6,6,5}； 针对数组{2,3,4,2,6,2,5...",
+    "url": "https://segmentfault.com/a/1190000041423544",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
     "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": "不废话，代码实践带你掌握 强缓存、协商缓存！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景无论是开发中或者是面试中，HTTP缓存都是非常重要的，这体现在了两个方面：开发中：合理利用 HTTP缓存 可...",
+    "url": "https://segmentfault.com/a/1190000041424550",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "4",
     "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": "理解了面向对象，我突破了地元境，代码写的真棒！",
+    "description": "一万个人心中有一万个哈姆雷特，一万个开发者心中便有一万种对面向对象思想的理解。这里我只粗浅的阐述一下我对面向对象思想的理解，不喜轻喷，欢迎大家评论区留言讨论。",
+    "url": "https://segmentfault.com/a/1190000041424489",
+    "author": "前端有猫腻",
+    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
     "votes": "2",
     "rank": 5
   },
   {
-    "title": "谁动了我的代码！🔥",
-    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
-    "url": "https://segmentfault.com/a/1190000041403438",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "2",
+    "title": "Jest 如何将复杂的判断条件中的具体问题暴露出来？",
+    "description": "在测试中如果有循环处理的时候，很有可能会出现的一个问题是你可能无法在测试无法通过时快速定位道具体是循环中的哪一个元素出现的问题。这个时候的定位就会比较麻烦。",
+    "url": "https://segmentfault.com/a/1190000041427332",
+    "author": "白宦成",
+    "home_url": "https://segmentfault.com/u/xiqingongzi",
+    "votes": "1",
     "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": "HMS Core积极探索基于硬件耳返的功能，帮助唱吧整体唱歌延迟率降低60%",
+    "description": "唱吧的使命是让唱歌更简单、让生活更美好，其布局的K歌业务专注于让曲库更全、音质更好，开创了同框合唱、弹唱等有意思的游戏类K歌玩法。为了让用户拥有更加沉浸的娱乐体验，唱吧与HMS Core积极探索基于硬件耳返...",
+    "url": "https://segmentfault.com/a/1190000041426015",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "记一次懒查询错误",
-    "description": "这次测试的时候遇到了一个懒查询异常，懒查询错误在上个月也遇到过，当时参考网上意见关闭实体间懒查询。一周汇报的时候，老师建议我使用@Transactional事务注解，当时也顺利解决了。这次又遇到一个比较复杂的通...",
-    "url": "https://segmentfault.com/a/1190000041403315",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "title": "剖析react核心设计原理--异步执行调度",
+    "description": "JS的执行通常在单线程的环境中，遇到比较耗时的代码时，我们首先想到的是将任务分割，让它能够被中断，同时在其他任务到来的时候让出执行权，当其他任务执行后，再从之前中断的部分开始异步执行剩下的计算。所以...",
+    "url": "https://segmentfault.com/a/1190000041424705",
+    "author": "有道技术团队",
+    "home_url": "https://segmentfault.com/u/youdaotec",
     "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": "深入解析 Flink 细粒度资源管理",
+    "description": "摘要：本文整理自阿里巴巴高级开发工程师郭旸泽 (天凌) 在 Flink Forward Asia 2021 的演讲。主要内容包括：细粒度资源管理与适用场景Flink 资源调度框架基于 SlotSharinGroup 的资源配置接口动态资源切割机制资...",
+    "url": "https://segmentfault.com/a/1190000041424128",
+    "author": "ApacheFlink",
+    "home_url": "https://segmentfault.com/u/ververica",
     "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",
-    "votes": "1",
+    "title": "优酷 IPv6 演进和实践指南",
+    "description": "作者：吴灵晓(盖优)演进路线阶段一（2020年末）本阶段完成线上所有服务的IPv6改造，全面支持IPv6双栈的访问支持；融入阿里云的IPv6生态体系，内网环境全面支持IPv4/IPv6双栈；提升用户端侧IPv6流量占比，IPv6流量...",
+    "url": "https://segmentfault.com/a/1190000041424100",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
+    "votes": "2",
     "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": "React hooks 状态管理方案解析",
+    "description": "React v16.8 之后，Function Component 成为主流，React 状态管理的方案也发生巨大的转变。Redux 一直作为主流的 React 状态管理方案，虽然提供了一套规范的状态管理流程，但却有着让人饱受诟病的问题：概念太多...",
+    "url": "https://segmentfault.com/a/1190000041423955",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "Nginx - 最小配置",
-    "description": "安全服务器是只允许所需数量的服务器。理想情况下，我们将通过单独启用其他功能来基于最小系统构建服务器。进行最少的配置也有助于调试。如果该错误在最小系统中不可用，则分别添加功能，然后继续搜索错误。",
-    "url": "https://segmentfault.com/a/1190000041400106",
-    "author": "白菜1031",
-    "home_url": "https://segmentfault.com/u/baicai1031",
+    "title": "安卓css动画卡顿-原因：图片分辨率太大了",
+    "description": "搜“安卓 css3 animation 动画 卡顿 闪烁”，我把搜索结果前两页翻烂了，也没能找出什么黑魔法能做优化。比较常规的优化，之前都做过了。",
+    "url": "https://segmentfault.com/a/1190000041426786",
+    "author": "周羊羊",
+    "home_url": "https://segmentfault.com/u/stillsilly",
     "votes": "1",
     "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",
-    "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",
-    "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",
-    "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",
-    "votes": "1",
-    "rank": 16
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,22 +1,31 @@
 [
   {
-    "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",
+    "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
   },
   {
-    "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": "展开操作符：一家人就这么被拆散了",
+    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
+    "url": "https://segmentfault.com/a/1190000041399412",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "18",
     "rank": 2
   },
+  {
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041367705",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "23",
+    "rank": 3
+  },
   {
     "title": "60行代码实现React的事件系统",
     "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
@@ -24,24 +33,15 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "17",
-    "rank": 3
-  },
-  {
-    "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": "18",
     "rank": 4
   },
   {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041367705",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "21",
+    "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
+    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
+    "url": "https://segmentfault.com/a/1190000041403438",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "19",
     "rank": 5
   },
   {
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000041372960",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
+    "votes": "15",
     "rank": 6
   },
   {
@@ -72,23 +72,14 @@
     "rank": 8
   },
   {
-    "title": "PWA 技术落地！让你的站点（Web）秒变APP（应用程序）",
-    "description": "Web应用方兴未艾，我们已经十分习惯习惯了在电脑上进行以自己的工作，而随着众多功能强大的在线网站，我们的Windows的桌面也不再拥挤着各种快捷方式；不光是PC端，在移动端我们也不再在浩如烟海的应用市场安装各...",
-    "url": "https://segmentfault.com/a/1190000041307924",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "13",
+    "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": "说起动态规划，我不知道你有没有这样的困扰，在掌握了一些基础算法和数据结构之后，碰到一些较为复杂的问题还是无从下手，面试时自然也是胆战心惊。如果我说动态规划是个玄幻的问题其实也不为过。究其原因，我觉...",
-    "url": "https://segmentfault.com/a/1190000041300090",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "14",
-    "rank": 10
-  },
   {
     "title": "断点调试之压缩引发的血案",
     "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
@@ -96,7 +87,7 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "2022，每个 Leaper 都会有好未来",
@@ -105,16 +96,7 @@
     "author": "LeapFE",
     "home_url": "https://segmentfault.com/u/leapfe",
     "votes": "28",
-    "rank": 12
-  },
-  {
-    "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": 13
+    "rank": 11
   },
   {
     "title": "如果你觉得学习 Git 很枯燥，那是因为你还没玩过这款游戏！",
@@ -123,16 +105,25 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "13",
-    "rank": 14
+    "rank": 12
   },
   {
-    "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",
+    "title": "Vue3默认版本了！我准备学这五个东西了。",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
+    "url": "https://segmentfault.com/a/1190000041324242",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "15",
-    "rank": 15
+    "rank": 13
+  },
+  {
+    "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": 14
   },
   {
     "title": "跨域了？ 装个插件就够了！",
@@ -141,60 +132,69 @@
     "author": "lucifer",
     "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "votes": "11",
+    "rank": 15
+  },
+  {
+    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
+    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
+    "url": "https://segmentfault.com/a/1190000041384720",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "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": "11",
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
     "rank": 17
   },
   {
-    "title": "2 天！Google Cloud 2022 中国出海数字峰会进入倒计时",
-    "description": "企业出海，技术为舵，开发者作为出海企业技术舵手，需保持高度敏锐，持续修炼技能，确保企业出海动力稳定。作为一家技术创新企业，过去一年，谷歌的融合生态如何为出海经济赋能？Google Cloud 在全球范围内建设起...",
-    "url": "https://segmentfault.com/a/1190000041303894",
+    "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": "12",
+    "votes": "15",
     "rank": 18
   },
   {
-    "title": "Vue3默认版本了！我准备学这五个东西了。",
-    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
-    "url": "https://segmentfault.com/a/1190000041324242",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "12",
+    "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": "11",
     "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": "16",
     "rank": 20
   },
   {
-    "title": "清除 useEffect 副作用",
-    "description": "在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。",
-    "url": "https://segmentfault.com/a/1190000041351344",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
+    "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": "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",
+    "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": 22
   },
   {
@@ -203,9 +203,27 @@
     "url": "https://segmentfault.com/a/1190000041374585",
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
-    "votes": "12",
+    "votes": "13",
     "rank": 23
   },
+  {
+    "title": "清除 useEffect 副作用",
+    "description": "在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。",
+    "url": "https://segmentfault.com/a/1190000041351344",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
+    "votes": "10",
+    "rank": 24
+  },
+  {
+    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
+    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
+    "url": "https://segmentfault.com/a/1190000041405707",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "13",
+    "rank": 25
+  },
   {
     "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
     "description": "祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...",
@@ -213,7 +231,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 24
+    "rank": 26
+  },
+  {
+    "title": "HTTPS 加密与认证机制",
+    "description": "HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...",
+    "url": "https://segmentfault.com/a/1190000041380473",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "votes": "11",
+    "rank": 27
   },
   {
     "title": "eslint-plugin-import 规则之 Import / Order",
@@ -222,51 +249,24 @@
     "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",
-    "rank": 27
-  },
-  {
-    "title": "主题之美，排名靠前的 10 个 VSCode 主题",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041305485",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "9",
     "rank": 28
   },
   {
-    "title": "CSS画冰墩墩~",
-    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
-    "url": "https://segmentfault.com/a/1190000041385432",
-    "author": "望记",
-    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "10",
+    "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": 29
   },
   {
-    "title": "妙用滤镜构建高级感拉满的磨砂玻璃渐变背景",
-    "description": "最近，我们内部的一个低代码平台完工上线，它的首页大概是这样子（数据脱敏）：当然，这个不是项目不是本文的重点。主要看看这个页面的背景，一个磨砂（毛玻璃）质感效果的渐变背景图，看上去是比较高级的。剥离...",
-    "url": "https://segmentfault.com/a/1190000041342064",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "title": "来了来了，CSS 版的冰墩墩来了……",
+    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
+    "url": "https://segmentfault.com/a/1190000041393140",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "9",
     "rank": 30
   }
 ]