@wcj/github-rank 22.2.22 → 22.2.23

package/dist/sifou-daily.json

@@ -1,182 +1,155 @@
 [
   {
-    "title": "吐血整理的webpack入门知识及常用loader和plugin",
-    "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
-    "url": "https://segmentfault.com/a/1190000041436294",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "7",
+    "title": "官方标配！吊炸天的Linux可视化管理工具，必须推荐给你！",
+    "description": "用了很久的CentOS 7，最近想体验一下CentOS 8。无意中发现CentOS 8内置了一款可视化管理工具Cockpit，一些常见的命令行操作它都能支持，界面炫酷且功能强大，推荐给大家！",
+    "url": "https://segmentfault.com/a/1190000041440136",
+    "author": "macrozheng",
+    "home_url": "https://segmentfault.com/u/macrozheng",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "疑难杂症：运用 transform 导致文本模糊的现象探究",
-    "description": "在我们的页面中，经常会出现这样的问题，一块区域内的文本或者边框，在展示的时候，变得特别的模糊，如下(数据经过脱敏处理)：正常而言，应该是这样的：emmm，可能大图不是很明显，我们取一细节对比，就非常直观...",
-    "url": "https://segmentfault.com/a/1190000041434887",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "5",
+    "title": "JZ-068-打印从 1 到最大的 n 位数",
+    "description": "输入数字 n，按顺序打印出从 1 到最大的 n 位十进制数。比如输入 3，则打印出 1、2、3 一直到最大的 3 位数即 999。题目链接: [打印从 1 到最大的 n 位数]()",
+    "url": "https://segmentfault.com/a/1190000041444511",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "2.21汇报",
-    "description": "这周遇到的问题主要是环境问题第一个就是历史遗留问题，MySQL版本问题当时没有及时解决，当时想着就是啥时候遇到问题再说，然后在跑日志系统的时候是没有问题的，后来在智慧社区就有问题了。其实当时是没有装MySQ...",
-    "url": "https://segmentfault.com/a/1190000041437694",
-    "author": "李国稳",
-    "home_url": "https://segmentfault.com/u/meng_60ba0d4174d72",
-    "votes": "3",
+    "title": "GPL3.0许可证软件著作权纠纷案例解析 续一",
+    "description": "在上一篇《GPL3.0许可证软件著作权纠纷案例解析》中我们解析了以下几个法律问题：开源软件作者判定与主体适格问题，GPL开源许可证的法律性质，违反许可证的后果与侵权赔偿。我们得出结论，署名的人就是开源软件作...",
+    "url": "https://segmentfault.com/a/1190000041444355",
+    "author": "AlexChen",
+    "home_url": "https://segmentfault.com/u/alex2020",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "JZ-067-剪绳子",
-    "description": "给你一根长度为n的绳子，请把绳子剪成整数长的m段（m、n都是整数，n>1并且m>1，m<=n），每段绳子的长度记为k[1],...,k[m]。请问k[1]x...xk[m]可能的最大乘积是多少？例如，当绳子的长度是8时，我们把它...",
-    "url": "https://segmentfault.com/a/1190000041437889",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "title": "【可视化-源码阅读】antvis / g-base解读 - 1",
+    "description": "代码是其次 背后的设计 思路 落地方案才是重中之重； 开始源码分析之前先看看g的技术方案(以及截取一张内部开发人员的自我评价..) [各个渲染模式不同的入口，不同版本的 G 都有 Canvas、Group 和 Shape 的实现，...",
+    "url": "https://segmentfault.com/a/1190000041442624",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "记录本周遇到的问题",
-    "description": "目前问题出在参数捕获上。在debug模式下，当我用一行行执行下去的时候，执行到下面第二行entityArgumentCaptor.getValue()的时候测试报错说并没有捕获到数据。",
-    "url": "https://segmentfault.com/a/1190000041437653",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "title": "【营】在开局，提升【豹】发力 - vivo活动插件管理平台",
+    "description": "随着vivo悟空活动中台活动组件越来越多，活动中台开发的小伙伴们愈发的感知到我们缺少一个可以沉淀通用能力，提升代码复用性的组件库。在这个目标基础之上诞生了acitivity-components，但是随着组件的抽离增多，...",
+    "url": "https://segmentfault.com/a/1190000041440769",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "2",
     "rank": 5
   },
   {
-    "title": "SpringBoot + Angular前后端分离项目部署（更新）实录",
-    "description": "我们通常使用SSH连接Linux服务器，使用scp命令在本地和服务器之间传输文件。那么有没有更方便的方法呢？答案是有的。可以借助SFTP工具，来实现图形化传输文件，就像在自己电脑操作上一样。",
-    "url": "https://segmentfault.com/a/1190000041437581",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "2",
+    "title": "Chrome浏览器为什么是多进程而不是多线程",
+    "description": "豆皮粉儿们，又到了金三银四的求职旺季，今天这一期由字节跳动数据平台的“hmj不是黄焖鸡”，给大家分享前端面试中可能会遇到一个关于浏览器的知识点“Chrome浏览器为什么是多进程而不是单进程”，该文帮大家梳理了知...",
+    "url": "https://segmentfault.com/a/1190000041443621",
+    "author": "豆皮范儿",
+    "home_url": "https://segmentfault.com/u/doupifaner",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "CA周记 | 2022年的第一课Rust",
-    "description": "现代编程语言有很多，在我的编程学习里面有小学阶段的 LOGO , 中学阶段的 Pascal ，也有在大学阶段的 C/C++ , Java , .NET ，再到工作的 Objective-C ， Swift ， Go ，Kotlin ，以及 Rust 。在结束了2021年4个月...",
-    "url": "https://segmentfault.com/a/1190000041427574",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
-    "votes": "1",
+    "title": "拜托，使用Three.js让二维图片具有3D效果超酷的好吗 💥",
+    "description": "逛 sketchfab 网站的时候我看到有很多二维平面转 3D 的模型例子，于是仿照他们的例子，使用 Three.js + React 技术栈，将二维漫画图片转化为三维视觉效果。本文包含的内容主要包括：THREE.Group 层级模型、MeshPh...",
+    "url": "https://segmentfault.com/a/1190000041440298",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "2",
     "rank": 7
   },
   {
-    "title": "Windows 11 受“吐槽”？黑客开发者设计出更漂亮的 Rectify 11 系统来“修复”它",
-    "description": "自从 Windows 11 系统上线以来，全新升级的功能和体验都让不少用户称赞不已。但也有一部分用户从美学设计的角度，对 Windows 11 新系统的主题、开始菜单及管理等应用程序表达了不满，甚至不断有“吐槽”声出现。",
-    "url": "https://segmentfault.com/a/1190000041435445",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "Redis入门与实践(附项目真实案例代码)",
+    "description": "今天继续更新austin项目，如果还没看过该系列的同学可以点开我的历史文章回顾下，在看的过程中不要忘记了点赞哟！建议不要漏了或者跳着看，不然这篇就看不懂了，之前写过的知识点和业务我就不再赘述啦。",
+    "url": "https://segmentfault.com/a/1190000041439754",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
     "votes": "2",
     "rank": 8
   },
   {
-    "title": ".NET 7 Preview 1 已正式发布",
-    "description": ".NET 7 建立在 .NET 6 建立的基础之上，包括一套统一的基础库、运行时和 SDK，简化了开发体验，提高了开发人员的工作效率。.NET 7 的主要关注领域包括改进对云原生方案的支持、更容易升级旧项目的工具，以及通过...",
-    "url": "https://segmentfault.com/a/1190000041435332",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "好用不卡，这些插件和配置让你的 Webstorm 更牛逼！",
+    "description": "作为前端开发者，最趁手的搬砖工具无外乎 Webstorm 和 VSCode，Webstorm 像苹果系统，闭源、收费、官方有良好而强大的开发能力、智能索引和补全功能无出其右者，VSCode 就像安卓，开源、持续迭代更新、社区充满活...",
+    "url": "https://segmentfault.com/a/1190000041443720",
+    "author": "SHERlocked93",
+    "home_url": "https://segmentfault.com/u/sherlocked93",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "怎么说服领导，能让我用DDD架构肝项目？",
-    "description": "我也苦思冥想，怎么跟领导说咱们从 MVC 升级到 DDD 吧，因为 DDD 代码结构更加清晰、领域驱动比测试驱动开发更加先进、研发的兄弟们也更想用用新框架等。",
-    "url": "https://segmentfault.com/a/1190000041434726",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "1",
+    "title": "Linux 开发者“赢了”！研究称 Linux 的漏洞修复速度比苹果、微软和谷歌都快",
+    "description": "一直以来，业界对于“Linux 发行版究竟是不是比 Windows 或 macOS 更安全”这个话题的争论就没断过。近日，谷歌 Project Zero 通过研究，在修补安全漏洞方面得出了一些有趣发现：Linux 开发者修复安全漏洞的速度比...",
+    "url": "https://segmentfault.com/a/1190000041441701",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "2",
     "rank": 10
   },
   {
-    "title": "ULID 与 UUID：用于 JavaScript 的可排序随机 ID 生成器",
-    "description": "UUID 是软件开发中最常用的通用标识符之一。然而，在过去的几年里，新的替代品挑战了它的存在。其中，ULID 是领先的竞争对手之一，因为它提供可排序的唯一 ID。在本文中，我将通过示例讨论 ULID 的特性，以便您更...",
-    "url": "https://segmentfault.com/a/1190000041439197",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
+    "title": "从一道面试题引申到N道面试题",
+    "description": "昨天分享了深入浅出 setState 原理篇 ，其中讲到 setState 是同步还是异步的问题？这不，引起了古老的回忆，翻开笔记，想起曾经有一个体验良好的面试，面试官从一道面试题出发，循序渐进，引出了各种知识点，这些...",
+    "url": "https://segmentfault.com/a/1190000041443665",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "什么是 webAssembly ？",
-    "description": "webAssembly 是一套运行在浏览器上的二进制机器语言。其具有是小且快的特点。你可以通过C和C++ （emscirpten）、Typescript （AssemblyScript）、Rust （wasm-pack）来编写 webAssembly 。",
-    "url": "https://segmentfault.com/a/1190000041439179",
-    "author": "donggg",
-    "home_url": "https://segmentfault.com/u/donggg1942",
+    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
+    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
+    "url": "https://segmentfault.com/a/1190000041443525",
+    "author": "而井",
+    "home_url": "https://segmentfault.com/u/rioli",
     "votes": "1",
     "rank": 12
   },
   {
-    "title": "使用clarinet(browser&node.js)解析重复key值的json字符串",
-    "description": "简单粗暴,直接上代码,会把{\"a\":1,\"a\":2}解析成{\"a\":[1,2]}附上npm链接:clarinet原文链接segmentfault",
-    "url": "https://segmentfault.com/a/1190000041437132",
-    "author": "643104191",
-    "home_url": "https://segmentfault.com/u/643104191",
-    "votes": "2",
+    "title": "数字孪生智慧服务器：信息安全监控平台",
+    "description": "我国通信技术迭代和数字经济发展正迈入新阶段。1 月 12 日，国务院发布《“十四五”数字经济发展规划》，提出到 2025 年，数字经济迈向全面扩展期，数字经济核心产业增加值占 GDP 比重达到 10%。在数字经济发展按下...",
+    "url": "https://segmentfault.com/a/1190000041442819",
+    "author": "hightopo",
+    "home_url": "https://segmentfault.com/u/hightopo",
+    "votes": "1",
     "rank": 13
   },
   {
-    "title": "基于业务沉淀组件 => manage-table",
-    "description": "2020年下半年，有几张图片刷屏：有人骑在自行车上看书，有人边骑车边用电脑，有人床上铺满了一摞摞书……“边骑车边用电脑”的同学被称为“卷王”登上热搜。 慢慢的这些同学毕业了，卷王带着卷走上了社会，带动了其他人...",
-    "url": "https://segmentfault.com/a/1190000041436023",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
+    "title": "一年经验面试字节抖音电商，分享下面经！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天分享一个一年经验的字节抖音电商面经一面1、自我介绍？略2、问项目略3、leetcode第112题，《路径总和》 ...",
+    "url": "https://segmentfault.com/a/1190000041442564",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "1",
     "rank": 14
   },
   {
-    "title": "Go1.18 新特性：高效复制，strings, bytes 标准库新增 Clone API",
-    "description": "Go1.18 过几周（3月份）就要发布了，先前我们已经更新了好几期新版本特性，今天给大家带来一个新的优化类的内容，是与 strings 和 bytes 标准库有关。",
-    "url": "https://segmentfault.com/a/1190000041435494",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
+    "title": "Spring Security即将弃用WebSecurityConfigurerAdapter配置类",
+    "description": "用过 WebSecurityConfigurerAdapter 的都知道对Spring Security十分重要，总管Spring Security的配置体系。但是马上这个类要废了，你没有看错，这个类将在5.7版本被@Deprecated所标记了，未来这个类将被移除。",
+    "url": "https://segmentfault.com/a/1190000041442389",
+    "author": "码农小胖哥",
+    "home_url": "https://segmentfault.com/u/10000000",
     "votes": "1",
     "rank": 15
   },
   {
-    "title": "HMS Core Discovery第13期直播预告——构建手游中的真实世界",
-    "description": "游戏的迭代升级不止在于玩法的创新，也体现在画质升级上。一款又一款次世代游戏运用各种顶尖渲染技术化身“显卡杀手”的同时，也让玩家们在体验过逼真渲染画质后大呼过瘾，技术的进步让玩家们对于手游画质的期望也...",
-    "url": "https://segmentfault.com/a/1190000041435108",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
+    "title": "构建高效且可伸缩的结果缓存",
+    "description": "你好呀，我是歪歪。我来填坑来啦。上周发布了《当Synchronized遇到这玩意儿，有个大坑，要注意！》这篇文章。文章的最后，我提到了《Java并发编程实战》的第 5.6 节的内容，说大家可以去看看。我不知道有几个同学...",
+    "url": "https://segmentfault.com/a/1190000041441837",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "1",
     "rank": 16
   },
   {
-    "title": "根据设计稿，计算出网页REM的大小，有那么难吗？",
-    "description": "REM 中的 R 就是 Root 的意思，它代表了 根标签 ，所以说 REM 这个单位的大小是根据 根标签 的 font-size 来决定的，而 根标签 就是 html",
-    "url": "https://segmentfault.com/a/1190000041434714",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "title": "手把手带你开发一款提效工具--VScode插件",
+    "description": "想必每个熟练的前端弄潮者，在熟练业务之后，常常都会将组件进行抽离公共组件，可以大大的提高开发效率。然而抽离公共组件之后，日常的开发便是创建相同的文件夹，修改router ，修改表单的属性 fields 和 prop 等...",
+    "url": "https://segmentfault.com/a/1190000041440968",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "1",
     "rank": 17
-  },
-  {
-    "title": "Spring中的Environment外部化配置管理详解",
-    "description": "profiles这个概念相信大家都已经理解了，最常见的就是不同环境下，决定当前spring容器中的不同配置上下文的解决方案。比如针对开发环境、测试环境、生产环境，构建不同的application.properties配置项，这个时候...",
-    "url": "https://segmentfault.com/a/1190000041434638",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "精读《对 Markdown 的思考》",
-    "description": "但 Markdown 是否应该成为文本编辑领域的默认技术选型呢？答案是否定的。我找到了一篇批判无脑使用 Markdown 作为技术选型的好文 Thoughts On Markdown，它提到 Markdown 在标准化、结构化、组件化都存在硬伤，如...",
-    "url": "https://segmentfault.com/a/1190000041434557",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
-    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
-    "url": "https://segmentfault.com/a/1190000041437117",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "1",
-    "rank": 20
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041370811",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "23",
+    "votes": "24",
     "rank": 1
   },
   {
@@ -35,6 +35,15 @@
     "votes": "21",
     "rank": 4
   },
+  {
+    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
+    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
+    "url": "https://segmentfault.com/a/1190000041405707",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "20",
+    "rank": 5
+  },
   {
     "title": "60行代码实现React的事件系统",
     "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
@@ -42,7 +51,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "18",
-    "rank": 5
+    "rank": 6
   },
   {
     "title": "Suspense对React的意义在哪里？",
@@ -51,7 +60,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "15",
-    "rank": 6
+    "rank": 7
+  },
+  {
+    "title": "7个杀手级的JS一行代码",
+    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
+    "url": "https://segmentfault.com/a/1190000041415254",
+    "author": "gaoryrt",
+    "home_url": "https://segmentfault.com/u/gaoryrt",
+    "votes": "20",
+    "rank": 8
   },
   {
     "title": "两年经验前端：字节跳动系—石墨文档面经",
@@ -60,16 +78,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "18",
-    "rank": 7
-  },
-  {
-    "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
-    "description": "最近项目中 Ant Design 接入比较多，还是非常不错的。不知道大家有没有发现这样的效果，在官网上，如果鼠标放在Logo上，字母i上的图标会不停的变化，离开后停止，放上去重新变化，算得上是一个小彩蛋（可能我之前...",
-    "url": "https://segmentfault.com/a/1190000041336683",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "17",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
@@ -78,7 +87,7 @@
     "author": "鸣飞",
     "home_url": "https://segmentfault.com/u/mf",
     "votes": "11",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "断点调试之压缩引发的血案",
@@ -87,7 +96,7 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "10个CSS技巧，极大提升用户体验",
@@ -96,7 +105,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "15",
-    "rank": 11
+    "rank": 12
+  },
+  {
+    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
+    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
+    "url": "https://segmentfault.com/a/1190000041413541",
+    "author": "JackJiang",
+    "home_url": "https://segmentfault.com/u/jackjiang",
+    "votes": "13",
+    "rank": 13
   },
   {
     "title": "CSS画冰墩墩~",
@@ -105,7 +123,7 @@
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
     "votes": "17",
-    "rank": 12
+    "rank": 14
   },
   {
     "title": "2022，每个 Leaper 都会有好未来",
@@ -114,7 +132,7 @@
     "author": "LeapFE",
     "home_url": "https://segmentfault.com/u/leapfe",
     "votes": "28",
-    "rank": 13
+    "rank": 15
   },
   {
     "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
@@ -123,7 +141,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
-    "rank": 14
+    "rank": 16
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -132,7 +150,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "12",
-    "rank": 15
+    "rank": 17
   },
   {
     "title": "Vercel 与 Next.js：开源全明星团队背后的商业逻辑",
@@ -141,7 +159,7 @@
     "author": "aryu",
     "home_url": "https://segmentfault.com/u/aryu",
     "votes": "12",
-    "rank": 16
+    "rank": 18
   },
   {
     "title": "跨域了？ 装个插件就够了！",
@@ -150,16 +168,7 @@
     "author": "lucifer",
     "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "votes": "11",
-    "rank": 17
-  },
-  {
-    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
-    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
-    "url": "https://segmentfault.com/a/1190000041413541",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "11",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "React 源码解析系列 - React 的 render 异常处理机制",
@@ -168,26 +177,8 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
-    "rank": 19
-  },
-  {
-    "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": 20
   },
-  {
-    "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": 21
-  },
   {
     "title": "8 个 Vue.js UI 组件，下一个项目用得上",
     "description": "在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。它的速...",
@@ -195,7 +186,7 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "11",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "vue原理相关总结",
@@ -203,7 +194,16 @@
     "url": "https://segmentfault.com/a/1190000041374585",
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
-    "votes": "13",
+    "votes": "14",
+    "rank": 22
+  },
+  {
+    "title": "CSS 实现按钮点击动效的套路",
+    "description": "在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画",
+    "url": "https://segmentfault.com/a/1190000041400360",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
     "rank": 23
   },
   {
@@ -216,14 +216,32 @@
     "rank": 24
   },
   {
-    "title": "来了来了，CSS 版的冰墩墩来了……",
-    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
-    "url": "https://segmentfault.com/a/1190000041393140",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "10",
+    "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": "9",
     "rank": 25
   },
+  {
+    "title": "吐血整理的webpack入门知识及常用loader和plugin",
+    "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
+    "url": "https://segmentfault.com/a/1190000041436294",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "9",
+    "rank": 26
+  },
+  {
+    "title": "小程序实现手写签名",
+    "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
+    "url": "https://segmentfault.com/a/1190000041421576",
+    "author": "小小蚊子",
+    "home_url": "https://segmentfault.com/u/zjw8023",
+    "votes": "10",
+    "rank": 27
+  },
   {
     "title": "首屏时间，你说你优化了，那你倒是计算出给给我看啊！",
     "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景当我们在做项目的性能优化的时候，优化首屏时间是一个避不过去的优化方向，但是又有多少人想过这两个东西...",
@@ -231,16 +249,16 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "11",
-    "rank": 26
+    "rank": 28
   },
   {
-    "title": "7个杀手级的JS一行代码",
-    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
-    "url": "https://segmentfault.com/a/1190000041415254",
-    "author": "gaoryrt",
-    "home_url": "https://segmentfault.com/u/gaoryrt",
-    "votes": "12",
-    "rank": 27
+    "title": "来了来了，CSS 版的冰墩墩来了……",
+    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
+    "url": "https://segmentfault.com/a/1190000041393140",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "10",
+    "rank": 29
   },
   {
     "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
@@ -249,24 +267,6 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 28
-  },
-  {
-    "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": "11",
-    "rank": 29
-  },
-  {
-    "title": "HTTPS 加密与认证机制",
-    "description": "HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...",
-    "url": "https://segmentfault.com/a/1190000041380473",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
-    "votes": "11",
     "rank": 30
   }
 ]