@wcj/github-rank 22.2.17 → 22.2.18

package/web/data/sifou-daily.json

@@ -1,119 +1,146 @@
 [
   {
-    "title": "助推数字经济，面向未来办公|SpreadJSV15.0新版本发布会即将盛启",
-    "description": "近年来，互联网、大数据、云计算、人工智能、区块链等技术加速创新，日益融入经济社会发展各领域全程。数字经济发展速度之快、辐射范围之广、影响程度之深前所未有，正在成为重组全球要素资源、重塑全球经济结构...",
-    "url": "https://segmentfault.com/a/1190000041411689",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
+    "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": "8",
     "rank": 1
   },
   {
-    "title": "JZ-062-二叉查找树的第 K 个结点",
-    "description": "二叉查找树的第 K 个结点题目描述给定一棵二叉搜索树，请找出其中的第k小的结点。题目链接: 二叉查找树的第 K 个结点代码 {代码...} 【每日寄语】 轻松时记得努力，忙碌时别忘了梦想。",
-    "url": "https://segmentfault.com/a/1190000041415671",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "title": "两招提升硬盘存储数据的写入效率",
+    "description": "如今存储数据的方式有很多，而硬盘因为价格和数据保护方面的优势，是大部分用户的首选。但是，硬盘和内存相比在 IO 读写上慢了好几个数量级，那为什么会更偏好硬盘呢？",
+    "url": "https://segmentfault.com/a/1190000041419958",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "7个杀手级的JS一行代码",
-    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
-    "url": "https://segmentfault.com/a/1190000041415254",
-    "author": "gaoryrt",
-    "home_url": "https://segmentfault.com/u/gaoryrt",
+    "title": "小程序实现手写签名",
+    "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
+    "url": "https://segmentfault.com/a/1190000041421576",
+    "author": "小小蚊子",
+    "home_url": "https://segmentfault.com/u/zjw8023",
     "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",
-    "votes": "2",
+    "title": "首屏时间，你说你优化了，那你倒是计算出给给我看啊！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景当我们在做项目的性能优化的时候，优化首屏时间是一个避不过去的优化方向，但是又有多少人想过这两个东西...",
+    "url": "https://segmentfault.com/a/1190000041419030",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "5",
     "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": "JZ-063-数据流中的中位数",
+    "description": "如何得到一个数据流中的中位数？如果从数据流中读出奇数个数值，那么中位数就是所有数值排序之后位于中间的数值。如果从数据流中读出偶数个数值，那么中位数就是所有数值排序之后中间两个数的平均值。我们使用Ins...",
+    "url": "https://segmentfault.com/a/1190000041418223",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 5
   },
   {
-    "title": "开发者曝 Android 13 “彩蛋”功能！虚拟化支持运行 Windows 11 和桌面版 Linux",
-    "description": "尽管前几天发布的全新 Android 13 开发者预览版被不少人吐槽有点小失望，但近日有开发者发现谷歌在 Android 13 中隐藏的一个“彩蛋” —— 开发者在 Google Pixel 6 设备上安装 Android 13 后，可实现完全虚拟化。",
-    "url": "https://segmentfault.com/a/1190000041413244",
+    "title": ".NET 诞生 20 周年纪念日！微软发文庆祝",
+    "description": "刚刚过去的“情人节”里，.NET 团队为庆祝 .NET 社区诞生 20 周年而举办了一场盛大的活动。没错！.NET 于 2002 年 2 月 13 日与 Visual-Studio 一起推出，本月终于迎来了 20 周年纪念日。",
+    "url": "https://segmentfault.com/a/1190000041419285",
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
+    "votes": "2",
     "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",
-    "votes": "1",
+    "title": "常用数据库选型！你做对了吗？",
+    "description": "影响数据库选择的因素数据量：是否海量数据，单表数据量太大会考验数据库的性能数据结构：结构化 (每条记录的结构都一样) 还是非结构化的 (不同记录的结构可以不一样)是否宽表：一条记录是 10 个域，还是成百上千...",
+    "url": "https://segmentfault.com/a/1190000041419728",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "2",
     "rank": 7
   },
   {
-    "title": "面试题：渲染十万条数据解决方案",
-    "description": "笔者在之前的面试中遇到过“一次性给你 10000 条数据，怎么让它不卡之类的问题“，当初准备不充分，不知道怎么回答这类问题，说的方案过于简单，还扯到防抖节流之类的性能优化点上，这篇文章原本2022年1月29日计划...",
-    "url": "https://segmentfault.com/a/1190000041415120",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
+    "title": "2022 年了，还不了解 PWA ？ 教你 VuePress 博客如何快速兼容 PWA",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇我们讲讲如何兼容 PWA。PWAPWA，英文全称：Progressive Web Apps， ...",
+    "url": "https://segmentfault.com/a/1190000041422357",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "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": "聚类算法在 D2C 布局中的应用",
+    "description": "聚类是统计数据分析的一门技术，在许多领域受到广泛的应用，包括机器学习、数据挖掘、图像分析等等。聚类就是把相似的对象分成不同的组别或者更多的子集，从而让每个子集的成员对象都有相似的一些属性。",
+    "url": "https://segmentfault.com/a/1190000041421803",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
     "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": "JavaScript报错类型（报错速查）",
+    "description": "变量名不规范： var 1 = 1; // Uncaught SyntaxError: Unexpected number var 1a = 1; // Uncaught SyntaxError: Invalid or unexpected number",
+    "url": "https://segmentfault.com/a/1190000041420674",
+    "author": "海洋饼干",
+    "home_url": "https://segmentfault.com/u/zhouhaiyang",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "如何利用线程堆栈定位问题",
-    "description": "针对在一些服务中会出现的cpu飙高、死锁、线程假死等问题，总结和提炼排查问题的思路和解决方案非常重要。上述问题会涉及到线程堆栈，本文将结合实际案例来阐述一下线程堆栈的功能。",
-    "url": "https://segmentfault.com/a/1190000041411988",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "HMS Core携手厦门大学打造AR增强现实技术",
+    "description": "HMS Core AR Engine团队联手厦门大学信息学院，与专业学生面对面深度交流行业发展与前沿成果。双方共同编写行业知识教材，引导学生开发AR游戏实践，为未来AR、VR人才培养培育可复制的教学模式与资源。",
+    "url": "https://segmentfault.com/a/1190000041420671",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "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",
+    "title": "使用APICloud AVM多端组件快速实现app中的搜索功能",
+    "description": "animate-UISearchBar 有的功能：搜索占位提示语、搜索记录、清除搜索记录、搜索触发事件、取消搜索事件、可使用css自定义样式。",
+    "url": "https://segmentfault.com/a/1190000041420131",
+    "author": "海的尽头",
+    "home_url": "https://segmentfault.com/u/haikuopingyuyue",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "【高并发】深入解析Callable接口",
-    "description": "在JDK 1.8中只声明有一个方法的接口为函数式接口，函数式接口可以使用@FunctionalInterface注解修饰，也可以不使用@FunctionalInterface注解修饰。只要一个接口中只包含有一个方法，那么，这个接口就是函数式接口。",
-    "url": "https://segmentfault.com/a/1190000041411606",
-    "author": "冰河",
-    "home_url": "https://segmentfault.com/u/binghe001",
+    "title": "2021年度总结 | 葡萄城软件开发技术回顾（下）",
+    "description": "包括为了解决前端电子表格中将传统的高性能结构化表格 (Grid) 与公式计算引擎 (CalcEngine)结合问题的集算表，和不同平台中复杂报表的性能提升和兼容拓展，除了控件技术的相关内容，关于近几年风头正盛的低代码和...",
+    "url": "https://segmentfault.com/a/1190000041419635",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
     "rank": 13
+  },
+  {
+    "title": "Netty整合SpringMVC，实现高效的HTTP服务请求",
+    "description": "首先，你必须要了解netty，说简单点：客户端通过TCP链接和服务器建立长连接，client和server都是通过管道（ChannelPipeline）的addLast方法的添加顺序来处理接收或者发送的数据。",
+    "url": "https://segmentfault.com/a/1190000041419288",
+    "author": "好好学java",
+    "home_url": "https://segmentfault.com/u/sihai_5ae5ba9170388",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "ASP.NET与.NET Framework和C#的关系",
+    "description": "在开始介绍ASP.NET之前，我们需要先了解以下运行ASP.NET的开发平台.NET框架。如果你之前学过C#那么对.NET框架会有一定的了解。当你在编写ASP.NET代码时会发现ASP.NET的代码和C#相近甚至等同。那么你一定会有一些...",
+    "url": "https://segmentfault.com/a/1190000041418135",
+    "author": "琉忆",
+    "home_url": "https://segmentfault.com/u/leoyi",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "Java如何实现消费数据隔离？",
+    "description": "今天继续更新austin项目，如果还没看过该系列的同学可以点开我的历史文章回顾下，在看的过程中不要忘记了点赞哟！建议不要漏了或者跳着看，不然这篇就看不懂了，之前写过的知识点和业务我就不再赘述啦。",
+    "url": "https://segmentfault.com/a/1190000041417720",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "1",
+    "rank": 16
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,13 +1,4 @@
 [
-  {
-    "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",
-    "rank": 1
-  },
   {
     "title": "展开操作符：一家人就这么被拆散了",
     "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
@@ -15,6 +6,15 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "17",
+    "rank": 1
+  },
+  {
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041367705",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "23",
     "rank": 2
   },
   {
@@ -35,15 +35,6 @@
     "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
-  },
   {
     "title": "Suspense对React的意义在哪里？",
     "description": "大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...",
@@ -51,7 +42,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "两年经验前端：字节跳动系—石墨文档面经",
@@ -60,7 +51,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "17",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
@@ -69,6 +60,15 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "17",
+    "rank": 7
+  },
+  {
+    "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": 8
   },
   {
@@ -116,15 +116,6 @@
     "votes": "12",
     "rank": 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": "10",
-    "rank": 14
-  },
   {
     "title": "跨域了？ 装个插件就够了！",
     "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
@@ -132,7 +123,7 @@
     "author": "lucifer",
     "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "votes": "11",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "10个CSS技巧，极大提升用户体验",
@@ -141,7 +132,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "一元初始 万象融合 - Google Cloud 2022 中国出海数字峰会回顾",
@@ -150,7 +141,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "15",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "Vercel 与 Next.js：开源全明星团队背后的商业逻辑",
@@ -159,7 +150,7 @@
     "author": "aryu",
     "home_url": "https://segmentfault.com/u/aryu",
     "votes": "11",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "CSS画冰墩墩~",
@@ -168,6 +159,15 @@
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
     "votes": "16",
+    "rank": 18
+  },
+  {
+    "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": 19
   },
   {
@@ -188,6 +188,33 @@
     "votes": "10",
     "rank": 21
   },
+  {
+    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
+    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
+    "url": "https://segmentfault.com/a/1190000041384720",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "9",
+    "rank": 22
+  },
+  {
+    "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": 23
+  },
+  {
+    "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
+    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
+    "url": "https://segmentfault.com/a/1190000041403438",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "11",
+    "rank": 24
+  },
   {
     "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
     "description": "祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...",
@@ -195,25 +222,16 @@
     "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
+    "rank": 25
   },
   {
-    "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": "HTTPS 加密与认证机制",
+    "description": "HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...",
+    "url": "https://segmentfault.com/a/1190000041380473",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "votes": "11",
+    "rank": 26
   },
   {
     "title": "eslint-plugin-import 规则之 Import / Order",
@@ -222,7 +240,7 @@
     "author": "robin",
     "home_url": "https://segmentfault.com/u/robin_ren",
     "votes": "8",
-    "rank": 25
+    "rank": 27
   },
   {
     "title": "还在用HttpUtil？试试这款优雅的HTTP客户端工具吧，跟SpringBoot绝配！",
@@ -231,16 +249,7 @@
     "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
+    "rank": 28
   },
   {
     "title": "2年经验面试网易灵犀！太注重工程化了！",
@@ -249,24 +258,15 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "9",
-    "rank": 28
-  },
-  {
-    "title": "妙用滤镜构建高级感拉满的磨砂玻璃渐变背景",
-    "description": "最近，我们内部的一个低代码平台完工上线，它的首页大概是这样子（数据脱敏）：当然，这个不是项目不是本文的重点。主要看看这个页面的背景，一个磨砂（毛玻璃）质感效果的渐变背景图，看上去是比较高级的。剥离...",
-    "url": "https://segmentfault.com/a/1190000041342064",
-    "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",
+    "title": "字符作画，我用字符画个冰墩墩",
+    "description": "已经 2022 年了，最近北京冬奥会的吉祥物冰墩墩很火，据说一墩难求，各种视频新闻应接不暇。程序员要有程序员的方式，今天我来用 Java 画一个由字符组成的冰墩墩送给大家，这篇文章记录字符图案的生成思路以及过程。",
+    "url": "https://segmentfault.com/a/1190000041398208",
+    "author": "程序猿阿朗",
+    "home_url": "https://segmentfault.com/u/niumoo",
+    "votes": "6",
     "rank": 30
   }
 ]