@wcj/github-rank 22.2.20 → 22.2.23

package/web/data/sifou-daily.json

@@ -1,74 +1,155 @@
 [
   {
-    "title": "JZ-065-矩阵中的路径",
-    "description": "请设计一个函数，用来判断在一个矩阵中是否存在一条包含某字符串所有字符的路径。路径可以从矩阵中的任意一个格子开始，每一步可以在矩阵中向左，向右，向上，向下移动一个格子。如果一条路径经过了矩阵中的某一...",
-    "url": "https://segmentfault.com/a/1190000041430067",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "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": "带你了解智能家居开源项目：智汀家庭云与Home Assistant之插件初步配置",
-    "description": "我们在日常使用中，部分智能设备本身支持接入HomeKit，也就是说用户可以通过苹果手机的“家庭”将该设备进行接入、控制。但这种操作存在明显的局限性，安卓手机无法使用，而且无法与不支持接入HomeKit的设备进行联...",
-    "url": "https://segmentfault.com/a/1190000041429262",
-    "author": "智汀科技",
-    "home_url": "https://segmentfault.com/u/dmatub6x",
-    "votes": "3",
+    "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": "对比homeassistant和智汀家庭云之docker安装部署篇",
-    "description": "本篇教程，带你了解Home Assistan和智汀家庭云的初步安装部署，如同很多开源项目，Home Assistant 就是常见的一款，作为国外开源软件，需要去阅读大量的英文文档，在编辑器里编辑自己的配置文件、手动添加智能设...",
-    "url": "https://segmentfault.com/a/1190000041429090",
-    "author": "智汀科技",
-    "home_url": "https://segmentfault.com/u/dmatub6x",
-    "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": "多线程、并行、并发、线程安全，一文解",
-    "description": "目录 {代码...} 一、什么是线程、多线程？ {代码...} 二、为什么要使用多线程？ {代码...} 三、怎么创建线程？1、继承Thread类 {代码...} 生产者与消费者例子(继承Thread版)： {代码...} 2、实现Runnable接口 {代...",
-    "url": "https://segmentfault.com/a/1190000041430421",
-    "author": "稳之楠",
-    "home_url": "https://segmentfault.com/u/king_wenzhinan",
-    "votes": "1",
+    "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": "Session是什么？它与Cookie有什么区别？",
-    "description": "上一节简单介绍了Cookie，接下来简单介绍Session。Session和Cookie都是会话管理技术的一种。可能你会奇怪记住用户的信息有Cookie就够了，为什么还需要Session？那么我们带着这个疑问一起来看看Session，以及对比...",
-    "url": "https://segmentfault.com/a/1190000041429984",
-    "author": "琉忆",
-    "home_url": "https://segmentfault.com/u/leoyi",
-    "votes": "1",
+    "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": "axios模块化封装(实例化)和vue本地解决跨域",
-    "description": "1.开发环境 vue+axios+typescript+eslint+prettier2.电脑系统 windows10专业版3.在使用vue开发的过程中,我们在数据交互的过程中,一般会选择使用axios,很多小伙伴都在使用,下面我来分享一下axios封装和vue开发解决...",
-    "url": "https://segmentfault.com/a/1190000041429913",
-    "author": "灰太狼的情与殇",
-    "home_url": "https://segmentfault.com/u/huitailangdeqingyu_620f185a1b3e3",
+    "title": "Chrome浏览器为什么是多进程而不是多线程",
+    "description": "豆皮粉儿们，又到了金三银四的求职旺季，今天这一期由字节跳动数据平台的“hmj不是黄焖鸡”，给大家分享前端面试中可能会遇到一个关于浏览器的知识点“Chrome浏览器为什么是多进程而不是单进程”，该文帮大家梳理了知...",
+    "url": "https://segmentfault.com/a/1190000041443621",
+    "author": "豆皮范儿",
+    "home_url": "https://segmentfault.com/u/doupifaner",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "Vue中强制组件重新渲染的正确方法",
-    "description": "有时候,依赖Vue响应式方式更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前DOM,重新开始。问题来了,怎么让Vue以正确的方式呈现组件呢?1.有以下解决方法:",
-    "url": "https://segmentfault.com/a/1190000041429882",
-    "author": "灰太狼的情与殇",
-    "home_url": "https://segmentfault.com/u/huitailangdeqingyu_620f185a1b3e3",
-    "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": "Go 开发团队技术 leader Russ Cox 发文分享 Go 的版本控制历史",
-    "description": "Russ Cox (rsc)发现每隔一段时间总会有人表示Go 的首次 commit 是在 1972 年 。rsc认为这种说法显然是非常愚蠢的，并分享了关于 Go 版本控制的更多有趣历史。例如： Go 真正首次 commit 是第 5 个 commit，此前的...",
-    "url": "https://segmentfault.com/a/1190000041428662",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
+    "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": "好用不卡，这些插件和配置让你的 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": "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": "从一道面试题引申到N道面试题",
+    "description": "昨天分享了深入浅出 setState 原理篇 ，其中讲到 setState 是同步还是异步的问题？这不，引起了古老的回忆，翻开笔记，想起曾经有一个体验良好的面试，面试官从一道面试题出发，循序渐进，引出了各种知识点，这些...",
+    "url": "https://segmentfault.com/a/1190000041443665",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
+    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
+    "url": "https://segmentfault.com/a/1190000041443525",
+    "author": "而井",
+    "home_url": "https://segmentfault.com/u/rioli",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "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": "一年经验面试字节抖音电商，分享下面经！",
+    "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": "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": "构建高效且可伸缩的结果缓存",
+    "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": "手把手带你开发一款提效工具--VScode插件",
+    "description": "想必每个熟练的前端弄潮者，在熟练业务之后，常常都会将组件进行抽离公共组件，可以大大的提高开发效率。然而抽离公共组件之后，日常的开发便是创建相同的文件夹，修改router ，修改表单的属性 fields 和 prop 等...",
+    "url": "https://segmentfault.com/a/1190000041440968",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "1",
+    "rank": 17
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041370811",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "21",
+    "votes": "24",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041399412",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "18",
+    "votes": "19",
     "rank": 2
   },
   {
@@ -32,17 +32,26 @@
     "url": "https://segmentfault.com/a/1190000041403438",
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "19",
+    "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（合成事...",
     "url": "https://segmentfault.com/a/1190000041355419",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "17",
-    "rank": 5
+    "votes": "18",
+    "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,51 +96,42 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 10
-  },
-  {
-    "title": "2022，每个 Leaper 都会有好未来",
-    "description": "我是郑庆鑫，前好未来励步事业部的前端负责人，LeapFE是我们团队的简称，曾几何时，我们团队的共同愿景是成为业界知名的前端团队。而今年由于政策对公司毁灭性打击，这个愿景要搁置了，但对于我们绝大多数人，已...",
-    "url": "https://segmentfault.com/a/1190000041350991",
-    "author": "LeapFE",
-    "home_url": "https://segmentfault.com/u/leapfe",
-    "votes": "28",
     "rank": 11
   },
   {
-    "title": "如果你觉得学习 Git 很枯燥，那是因为你还没玩过这款游戏！",
-    "description": "作为目前世界上最先进的分布式版本控制系统（没有之一），Git 是一个开源的分布式版本控制软件,用以有效、高速的处理从很小到非常大的项目版本管理。 Git 最初是由Linus Torvalds设计开发的，用于管理Linux内核开...",
-    "url": "https://segmentfault.com/a/1190000041330870",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "13",
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "15",
     "rank": 12
   },
   {
-    "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",
+    "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": "跨域了？ 装个插件就够了！",
-    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
-    "url": "https://segmentfault.com/a/1190000041367088",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
-    "votes": "11",
+    "title": "CSS画冰墩墩~",
+    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000041385432",
+    "author": "望记",
+    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
+    "votes": "17",
     "rank": 14
   },
   {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
+    "title": "2022，每个 Leaper 都会有好未来",
+    "description": "我是郑庆鑫，前好未来励步事业部的前端负责人，LeapFE是我们团队的简称，曾几何时，我们团队的共同愿景是成为业界知名的前端团队。而今年由于政策对公司毁灭性打击，这个愿景要搁置了，但对于我们绝大多数人，已...",
+    "url": "https://segmentfault.com/a/1190000041350991",
+    "author": "LeapFE",
+    "home_url": "https://segmentfault.com/u/leapfe",
+    "votes": "28",
     "rank": 15
   },
   {
@@ -140,27 +140,36 @@
     "url": "https://segmentfault.com/a/1190000041384720",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "12",
+    "votes": "13",
     "rank": 16
   },
   {
-    "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",
+    "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": 17
   },
   {
-    "title": "CSS画冰墩墩~",
-    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
-    "url": "https://segmentfault.com/a/1190000041385432",
-    "author": "望记",
-    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "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": "12",
     "rank": 18
   },
+  {
+    "title": "跨域了？ 装个插件就够了！",
+    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
+    "url": "https://segmentfault.com/a/1190000041367088",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "11",
+    "rank": 19
+  },
   {
     "title": "React 源码解析系列 - React 的 render 异常处理机制",
     "description": "系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...",
@@ -168,15 +177,6 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
-    "rank": 19
-  },
-  {
-    "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": 20
   },
   {
@@ -188,22 +188,22 @@
     "votes": "11",
     "rank": 21
   },
-  {
-    "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": 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": "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,57 +216,57 @@
     "rank": 24
   },
   {
-    "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
-    "description": "祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...",
-    "url": "https://segmentfault.com/a/1190000041353909",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "7",
+    "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": "7个杀手级的JS一行代码",
-    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
-    "url": "https://segmentfault.com/a/1190000041415254",
-    "author": "gaoryrt",
-    "home_url": "https://segmentfault.com/u/gaoryrt",
-    "votes": "12",
+    "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": "HTTPS 加密与认证机制",
-    "description": "HTTPSHTTP 缺点：通信使用明文（不加密），内容可能会被窃听；不验证通信方的身份，因此有可能遭遇伪装；无法证明报文的完整性，所以有可能已遭篡改；为了统一解决上述这些问题，需要在 HTTP 上加入加密和认证等...",
-    "url": "https://segmentfault.com/a/1190000041380473",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
-    "votes": "11",
+    "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": "eslint-plugin-import 规则之 Import / Order",
-    "description": "其中，group 是对导入模块进行分组，pathGroups 是通过路径自定义分组，newlines-between 不同组之间是否进行换行，alphabetize 根据字母顺序对每个组内的顺序进行排序",
-    "url": "https://segmentfault.com/a/1190000041375528",
-    "author": "robin",
-    "home_url": "https://segmentfault.com/u/robin_ren",
-    "votes": "8",
+    "title": "首屏时间，你说你优化了，那你倒是计算出给给我看啊！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心背景当我们在做项目的性能优化的时候，优化首屏时间是一个避不过去的优化方向，但是又有多少人想过这两个东西...",
+    "url": "https://segmentfault.com/a/1190000041419030",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "11",
     "rank": 28
   },
-  {
-    "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": "来了来了，CSS 版的冰墩墩来了……",
     "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
     "url": "https://segmentfault.com/a/1190000041393140",
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "9",
+    "votes": "10",
+    "rank": 29
+  },
+  {
+    "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
+    "description": "祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...",
+    "url": "https://segmentfault.com/a/1190000041353909",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "7",
     "rank": 30
   }
 ]