@wcj/github-rank 22.3.6 → 22.3.9

package/web/data/sifou-daily.json

@@ -1,92 +1,146 @@
 [
   {
-    "title": "面向企业级前端应用的开发框架 UI5 的发展简史介绍",
-    "description": "在移动应用已经无缝融合到我们日常生活的今日，我们的工作和生活几乎时时刻刻都在和 2C(即 To Customer) 应用打交道。比如手机支付，在线购物，生活缴费，天气和交通线路查询等等。",
-    "url": "https://segmentfault.com/a/1190000041499121",
-    "author": "JerryWang_汪子熙",
-    "home_url": "https://segmentfault.com/u/jerrywangsap",
-    "votes": "2",
+    "title": "@Async的用法和示例",
+    "description": "通常，在Java中的方法调用都是同步调用，比如在A方法中调用了B方法，则在A调用B方法之后，必须等待B方法执行并返回后，A方法才可以继续往下执行。这样容易出现的一个问题就是如果B方法执行时间较长，则可能会导致...",
+    "url": "https://segmentfault.com/a/1190000041515367",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "使用Docker方式安装Jenkins",
-    "description": "之前自己在阿里云ECS上面安装了Jekins(安装jenkins的文章)，最近因为服务器中了挖矿木马于是准备重新安装一下，但是想到每次安装jenkins都要手动安装jdk、maven、docker、kubectl，感觉好麻烦，于是使用官方推荐...",
-    "url": "https://segmentfault.com/a/1190000041498807",
-    "author": "Awbeci",
-    "home_url": "https://segmentfault.com/u/awbeci",
-    "votes": "1",
+    "title": "VuePress 博客之 SEO 优化（二）之重定向",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲 SEO 与重定向。问题最一开始我使用 GitHub Pages 服务建立了站...",
+    "url": "https://segmentfault.com/a/1190000041515588",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "介绍一款常用的磁盘存储状态监控工具——WGCLOUD",
-    "description": "其中磁盘存贮状态，是WGCLOUD的基础功能，它可以实时监测磁盘的容量变化趋势，并支持告警通知，也支持监测磁盘IO，和硬盘SMART健康状态，最好是这些都不用做配置，WGCLOUD相当自动化，这些基础功能部署好后，就会...",
-    "url": "https://segmentfault.com/a/1190000041498247",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
+    "title": "大数斐波那契数列的算法",
+    "description": "斐波那契数列简单版: {代码...} n小于10，性能尚可。n取大数，使用时间飙升。优化一下，空间换时间，已经计算出结果的存在数组里，复用。 {代码...} 现在性能是够了，但是如果n取的数特别大，超出整型或浮点型的...",
+    "url": "https://segmentfault.com/a/1190000041511863",
+    "author": "church",
+    "home_url": "https://segmentfault.com/u/church",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "2022强力之作：一款超精致的图片预览组件",
-    "description": "我刚接触前端这个行业的时候就有一个想法，那就是写一个超炫酷的图片预览画廊。还记得当时用美图看看看，那轻快的速度和交互很是令人着迷。该组件在几年前已经发布不完全版，后面断断续续的维护，总感觉差了点什...",
-    "url": "https://segmentfault.com/a/1190000041499918",
-    "author": "MinJieLiu",
-    "home_url": "https://segmentfault.com/u/minjieliu",
-    "votes": "3",
+    "title": "JS引擎->V8, 2021最新执行流程分析",
+    "description": "什么是V8?V8整体执行流程V8流程细节分析什么是V8?V8 是 Google 的开源高性能 JavaScript 和 WebAssembly 引擎，用 C++ 编写。它用于 Chrome 和 Node.js 等。它实现了ECMAScript和WebAssembly，并在 Windows 7 或...",
+    "url": "https://segmentfault.com/a/1190000041511338",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "优化算法之手推遗传算法（Genetic Algorithm）的详细步骤图解",
-    "description": "遗传算法是元启发式算法之一。它有与达尔文理论（1859 年发表）的自然演化相似的机制。如果你问我什么是元启发式算法，我们最好谈谈启发式算法的区别。",
-    "url": "https://segmentfault.com/a/1190000041499208",
-    "author": "deephub",
-    "home_url": "https://segmentfault.com/u/deephub",
-    "votes": "1",
+    "title": "Dubbo服务如何优雅的校验参数",
+    "description": "服务端在向外提供接口服务时，不管是对前端提供HTTP接口，还是面向内部其他服务端提供的RPC接口，常常会面对这样一个问题，就是如何优雅的解决各种接口参数校验问题？",
+    "url": "https://segmentfault.com/a/1190000041510904",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "SAP UI5 的前世今生",
-    "description": "Jerry 在加入 SAP 电商云 Spartacus 开发团队从零开始学习 Angular 时，对这款出身名门的前端开发框架的来龙去脉，做了一些简单的了解。",
-    "url": "https://segmentfault.com/a/1190000041499096",
-    "author": "JerryWang_汪子熙",
-    "home_url": "https://segmentfault.com/u/jerrywangsap",
-    "votes": "1",
+    "title": "注解打印日志和数据链路追踪",
+    "description": "今天来聊些大家都用得上的东西：数据链路追踪。之前引入了系统的监控来快速定位应用操作系统上的问题，而业务问题呢？在这篇文章中你可以看到用注解的方式打印日志，也能看到简易版的全链路追踪是怎么实现的。",
+    "url": "https://segmentfault.com/a/1190000041510557",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "Xamarin 联合创始人 Miguel de Icaza 将离开微软",
-    "description": "3 月 2 日，著名的开源倡导者和开发者 Miguel de Icaza 向 ZDNnet 证实：他已经决定离开微软，将在跳槽之前休息一段时间。2016 年微软收购 Xamarin，此时作为联合创始人的 De Icaza 加入微软。",
-    "url": "https://segmentfault.com/a/1190000041499061",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "云音乐曙光埋点：还原数据理想国",
+    "description": "进入移动互联网的下半场，以用户行为数据分析驱动的算法个性化推荐和人工精细化运营已成为各个产品必不可缺的配置，数据成为各产品的核心竞争力之一，各厂均开始致力于建设自己的数据仓库和数据中台。其中埋点作...",
+    "url": "https://segmentfault.com/a/1190000041513918",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "VS code 配置R的一些坑（Mac）",
-    "description": "R LSP Client很多教程都涉及到了这个vscode插件，这个现在在插件商店找不到了，已经合并到了R的主要插件中。不过要在R引入languageserver包install.packages(\"languageserver\")",
-    "url": "https://segmentfault.com/a/1190000041500902",
-    "author": "Eugene",
-    "home_url": "https://segmentfault.com/u/eugene_5cfcb7090737e",
+    "title": "Flutter 设计模式｜工厂模式家族",
+    "description": "在围绕设计模式的话题中，工厂这个词频繁出现，从 简单工厂 模式到 工厂方法 模式，再到 抽象工厂 模式。工厂名称含义是制造产品的工业场所，应用在面向对象中，顺理成章的成为了比较典型的创建型模式。",
+    "url": "https://segmentfault.com/a/1190000041513524",
+    "author": "Flutter",
+    "home_url": "https://segmentfault.com/u/flutter",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "【Go进阶—并发编程】Context",
-    "description": "Context 是 Go 应用开发常用的并发控制技术，它与 WaitGroup 最大的不同点是 Context 对于派生 goroutine 有更强的控制力，它可以控制多级的 goroutine。",
-    "url": "https://segmentfault.com/a/1190000041499552",
-    "author": "与昊",
-    "home_url": "https://segmentfault.com/u/yu_5e842f4043ba6",
+    "title": "petite-vue源码剖析-属性绑定`v-bind`的工作原理",
+    "description": "指令(directive)其实就是一个接受参数类型为DirectiveContext并且返回cleanup函数或啥都不返回的函数。那么DirectiveContext有是如何的呢？",
+    "url": "https://segmentfault.com/a/1190000041514607",
+    "author": "肥仔John",
+    "home_url": "https://segmentfault.com/u/fsjohnhuang",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "风场可视化：绘制粒子",
-    "description": "引子了解风场数据之后，接着去看如何绘制粒子。源库：webgl-windOriginMy GitHub绘制地图粒子查看源库，发现单独有一个 Canvas 绘制地图，获取的世界地图海岸线坐标，主要格式如下： {代码...} 这些坐标对应的点...",
-    "url": "https://segmentfault.com/a/1190000041498497",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
+    "title": "element-table 无数据的时候，把“暂无数据” 改成其他文字或图片",
+    "description": "在el-table 里面插入 {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000041512911",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "1",
     "rank": 10
+  },
+  {
+    "title": "Flink 流处理在中信建投证券的实践与应用",
+    "description": "摘要：本篇内容整理自中信建投证券金融实时数仓项目负责人刘成龙、金融资讯数据研发工程师蔡跃在 Flink Forward Asia 2021 行业实践专场的演讲。主要内容包括：中信建投证券 Flink 框架Flink 流处理场景金融资讯...",
+    "url": "https://segmentfault.com/a/1190000041512852",
+    "author": "ApacheFlink",
+    "home_url": "https://segmentfault.com/u/ververica",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "3·8节，一个小视频带你认识下这群才华与美貌兼具的宝藏女孩！",
+    "description": "女神节 快乐呀，Girls！在互联网世界，有这样一群宝藏女孩，她们被亲切地称为“程序媛”。她们写得好代码，玩得转美妆，工作上进，学习努力~今天，就带大家认识一下个推的女程序员们，走进#个推程序媛的一天#",
+    "url": "https://segmentfault.com/a/1190000041512808",
+    "author": "个推",
+    "home_url": "https://segmentfault.com/u/getui",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "2022 年 3 月数据库排行榜：Snowflake 和 PostgreSQL 涨势迅猛",
+    "description": "本次榜单共涵盖 340 多个数据库系统，其中在榜单第 1-10 位里，前五位排名并未发生变化，且前三位依旧是霸榜多年的 Oracle、MySQL 和 Microsoft SQL Server 。",
+    "url": "https://segmentfault.com/a/1190000041512194",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "面对科技公司的制裁，俄罗斯放出封印7年的神兽：RuTracker",
+    "description": "最近俄乌冲突引发的科技公司站队，Oracle、微软、三星等全球知名科技公司都开始对俄罗斯实施制裁与封锁。就连崇尚自由的开源社区GitHub也发文会严格限制俄罗斯获得维持其咄咄逼人的军事能力所需的技术。",
+    "url": "https://segmentfault.com/a/1190000041512114",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "爬虫：动态网页的弹窗数据（文字+图片）",
+    "description": "举例来说，在网页界面，如果使用鼠标进行悬停、点击某处等操作，可以 “唤出” 额外的内容（如一个弹窗，其中包含文字和图片信息），此时这些额外内容的 HTML 源码从隐藏变为可见，但网页的 URL 却未改变。",
+    "url": "https://segmentfault.com/a/1190000041513303",
+    "author": "去码头整点薯条",
+    "home_url": "https://segmentfault.com/u/friesonthepier",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "使用umi.js 3.0搭建React开发框架",
+    "description": "本文适合学习React开发的初学者，通过此框架的使用以利于后期使用antd Pro框架开发更复杂的前端页面Step 1:搭建umi基本框架umi.js脚手架基本搭建搭建完成后可以得到如下图所示的项目运行yarn start指令可以在浏览...",
+    "url": "https://segmentfault.com/a/1190000041512122",
+    "author": "老谢",
+    "home_url": "https://segmentfault.com/u/laoxie_59b8a26ad8c18",
+    "votes": "1",
+    "rank": 16
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,12 +1,21 @@
 [
+  {
+    "title": "45个 GIT 经典操作场景，专治不会合代码",
+    "description": "git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...",
+    "url": "https://segmentfault.com/a/1190000041493486",
+    "author": "程序员内点事",
+    "home_url": "https://segmentfault.com/u/chengxy",
+    "votes": "45",
+    "rank": 1
+  },
   {
     "title": "Web 中的“选区”和“光标”",
     "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
     "url": "https://segmentfault.com/a/1190000041457245",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "36",
-    "rank": 1
+    "votes": "37",
+    "rank": 2
   },
   {
     "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
@@ -14,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000041405707",
     "author": "wlove",
     "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "32",
-    "rank": 2
+    "votes": "33",
+    "rank": 3
   },
   {
     "title": "7个杀手级的JS一行代码",
@@ -24,15 +33,6 @@
     "author": "gaoryrt",
     "home_url": "https://segmentfault.com/u/gaoryrt",
     "votes": "32",
-    "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": "28",
     "rank": 4
   },
   {
@@ -41,17 +41,26 @@
     "url": "https://segmentfault.com/a/1190000041437117",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "28",
+    "votes": "31",
     "rank": 5
   },
+  {
+    "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": "28",
+    "rank": 6
+  },
   {
     "title": "Redis 忽然变慢了如何排查并解决？",
     "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
     "url": "https://segmentfault.com/a/1190000041446607",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "26",
-    "rank": 6
+    "votes": "27",
+    "rank": 7
   },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
@@ -60,7 +69,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "28",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
@@ -69,7 +78,7 @@
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
     "votes": "23",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "展开操作符：一家人就这么被拆散了",
@@ -78,7 +87,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "20",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "前端生成PDF，让后端刮目相看",
@@ -87,7 +96,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "21",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "Suspense对React的意义在哪里？",
@@ -95,8 +104,17 @@
     "url": "https://segmentfault.com/a/1190000041372960",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "15",
-    "rank": 11
+    "votes": "16",
+    "rank": 12
+  },
+  {
+    "title": "巧用 CSS 实现炫彩三角边框动画",
+    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
+    "url": "https://segmentfault.com/a/1190000041487405",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "20",
+    "rank": 13
   },
   {
     "title": "手把手教你写一个简易的微前端框架",
@@ -104,17 +122,8 @@
     "url": "https://segmentfault.com/a/1190000041467802",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "16",
-    "rank": 12
-  },
-  {
-    "title": "45个 GIT 经典操作场景，专治不会合代码",
-    "description": "git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...",
-    "url": "https://segmentfault.com/a/1190000041493486",
-    "author": "程序员内点事",
-    "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "20",
-    "rank": 13
+    "votes": "18",
+    "rank": 14
   },
   {
     "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
@@ -122,8 +131,26 @@
     "url": "https://segmentfault.com/a/1190000041443525",
     "author": "而井",
     "home_url": "https://segmentfault.com/u/rioli",
-    "votes": "13",
-    "rank": 14
+    "votes": "15",
+    "rank": 15
+  },
+  {
+    "title": "CSS 实现透明方格的 3 种方式",
+    "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
+    "url": "https://segmentfault.com/a/1190000041504985",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "20",
+    "rank": 16
+  },
+  {
+    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
+    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
+    "url": "https://segmentfault.com/a/1190000041455457",
+    "author": "皮小蛋",
+    "home_url": "https://segmentfault.com/u/scaukk",
+    "votes": "14",
+    "rank": 17
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -132,7 +159,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 15
+    "rank": 18
   },
   {
     "title": "CSS画冰墩墩~",
@@ -141,25 +168,7 @@
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
     "votes": "20",
-    "rank": 16
-  },
-  {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 17
-  },
-  {
-    "title": "巧用 CSS 实现炫彩三角边框动画",
-    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
-    "url": "https://segmentfault.com/a/1190000041487405",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "16",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
@@ -167,16 +176,7 @@
     "url": "https://segmentfault.com/a/1190000041413541",
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "15",
-    "rank": 19
-  },
-  {
-    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
-    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
-    "url": "https://segmentfault.com/a/1190000041455457",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "13",
+    "votes": "16",
     "rank": 20
   },
   {
@@ -185,88 +185,88 @@
     "url": "https://segmentfault.com/a/1190000041470128",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "votes": "14",
     "rank": 21
   },
   {
-    "title": "断点调试之压缩引发的血案",
-    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
-    "url": "https://segmentfault.com/a/1190000041370583",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
-    "votes": "13",
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
     "rank": 22
   },
   {
-    "title": "小程序实现手写签名",
-    "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
-    "url": "https://segmentfault.com/a/1190000041421576",
-    "author": "小小蚊子",
-    "home_url": "https://segmentfault.com/u/zjw8023",
-    "votes": "14",
+    "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
+    "description": "关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...",
+    "url": "https://segmentfault.com/a/1190000041488147",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "10",
     "rank": 23
   },
   {
-    "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": "11",
+    "title": "从头梳理，看看中国的 ICP 备案制度",
+    "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
+    "url": "https://segmentfault.com/a/1190000041501520",
+    "author": "白宦成",
+    "home_url": "https://segmentfault.com/u/xiqingongzi",
+    "votes": "9",
     "rank": 24
   },
   {
-    "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": "13",
+    "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
+    "description": "上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...",
+    "url": "https://segmentfault.com/a/1190000041489058",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "12",
     "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": "13",
+    "title": "小程序实现手写签名",
+    "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
+    "url": "https://segmentfault.com/a/1190000041421576",
+    "author": "小小蚊子",
+    "home_url": "https://segmentfault.com/u/zjw8023",
+    "votes": "14",
     "rank": 26
   },
   {
-    "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": "15",
+    "title": "断点调试之压缩引发的血案",
+    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
+    "url": "https://segmentfault.com/a/1190000041370583",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
+    "votes": "13",
     "rank": 27
   },
   {
-    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
-    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
-    "url": "https://segmentfault.com/a/1190000041473617",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "13",
+    "title": "CSS 实现按钮点击动效的套路",
+    "description": "在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画",
+    "url": "https://segmentfault.com/a/1190000041400360",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
     "rank": 28
   },
   {
-    "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",
+    "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": "11",
     "rank": 29
   },
   {
-    "title": "CSS 实现按钮点击动效的套路",
-    "description": "在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画",
-    "url": "https://segmentfault.com/a/1190000041400360",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
+    "title": "革命性创新，动画杀手锏 @scroll-timeline",
+    "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
+    "url": "https://segmentfault.com/a/1190000041505045",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
     "rank": 30
   }
 ]