@wcj/github-rank 22.2.8 → 22.2.12

package/web/data/sifou-daily.json

@@ -1,101 +1,110 @@
 [
   {
-    "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": "2",
+    "title": "必须知道的JavaScript库 - 可视化库",
+    "description": "在研发团队内从0打造一个公司级可视化库/工具可行性非常低(无论是成本还是是否具备能力等等...),综上种种,今天推荐一些web方向现有的工具(包含实现概要,技术方向)来供大家参考使用。",
+    "url": "https://segmentfault.com/a/1190000041390654",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "断点调试之压缩引发的血案",
-    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
-    "url": "https://segmentfault.com/a/1190000041370583",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
-    "votes": "1",
+    "title": "Spring Cloud 源码分析之OpenFeign",
+    "description": "OpenFeign是一个远程客户端请求代理，它的基本作用是让开发者能够以面向接口的方式来实现远程调用，从而屏蔽底层通信的复杂性，它的具体原理如下图所示。",
+    "url": "https://segmentfault.com/a/1190000041389449",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "Go 泛型变更：约束太丑了，先移动到 x/exp 做实验性功能",
-    "description": "大家好，我是煎鱼。Go 泛型配套了各种标准库，像是常见的 maps、slices 泛型库。早期他们是长这样的： {代码...} 又或是： {代码...} 关注到里面的标准库 constraints，他就是今天变更的主角。他咋了呢？背景标准...",
-    "url": "https://segmentfault.com/a/1190000041368835",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
+    "title": "来了来了，CSS 版的冰墩墩来了……",
+    "description": "啥也不用多说，直接入正题，首发肯定是自己的公众号了：[链接]至于代码么有具体的细化，只是无聊的人在做无聊的事，图个开心。代码是很长，优化的空间也是有的。 {代码...} 在 CSS 部分中，用的不少 border-radiu...",
+    "url": "https://segmentfault.com/a/1190000041393140",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "DeepFaceDrawing: 使用草图生成人脸图像",
-    "description": "这篇文章的想法是设计一个应用程序来使用该面部草图来绘制一张真实的面部图像，该应用程序在警察、电影拍摄和面部彩绘中具有各种应用。这个想法的主要标准之一是它简单明了，非常易于使用，即使你不是一个好的画...",
-    "url": "https://segmentfault.com/a/1190000041368100",
-    "author": "deephub",
-    "home_url": "https://segmentfault.com/u/deephub",
+    "title": "一起学习Vuex 4.0的状态管理（Vite）",
+    "description": "本文目录简单介绍vite,搭建vite项目。安装vuexVuex基础介绍使用Vuex插件引入1.简单介绍vite,搭建vite项目1.1什么是vite?Vite是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服...",
+    "url": "https://segmentfault.com/a/1190000041393110",
+    "author": "叫我詹躲躲",
+    "home_url": "https://segmentfault.com/u/huixiaodeyanjingzhenmei",
     "votes": "2",
     "rank": 4
   },
   {
-    "title": "精读《pipe operator for JavaScript》",
-    "description": "Pipe Operator (|>) for JavaScript 提案给 js 增加了 Pipe 语法，这次结合 A pipe operator for JavaScript: introduction and use cases 文章一起深入了解这个提案。概述Pipe 语法可以将函数调用按顺序打平...",
-    "url": "https://segmentfault.com/a/1190000041367827",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "MySql索引分析及查询优化",
+    "description": "B-Tree核心特点:多路，非二叉树每个节点既保存索引，又保存数据搜索时相当于二分查找B+Tree核心特点多路非二叉只有叶子节点保存数据搜索时相当于二分查找增加了相邻接点的指向指针。B-Tree VS B+TreeB+树查询时间...",
+    "url": "https://segmentfault.com/a/1190000041393092",
+    "author": "隐风",
+    "home_url": "https://segmentfault.com/u/yin_feng",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "使用 CSS Grid 构建复杂布局超实用的技巧!",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041371479",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "《Koala 聊开源》视频专栏年度总结和计划",
+    "description": "[链接]",
+    "url": "https://segmentfault.com/a/1190000041392942",
+    "author": "aryu",
+    "home_url": "https://segmentfault.com/u/aryu",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "面渣逆袭：三万字，七十图详解计算机网络六十二问（建议收藏）",
-    "description": "大家好，我是老三，开工大吉，虎年第一篇，面渣逆袭系列继续！这次给大家带来了计算机网络六十二问，三万字，七十图详解，大概是全网最全的网络面试题。建议大家<big>收藏</big>了慢慢看，新的一年一...",
-    "url": "https://segmentfault.com/a/1190000041370818",
-    "author": "三分恶",
-    "home_url": "https://segmentfault.com/u/fighter3",
+    "title": "HMS Core 能力速配，唱响恋爱进行曲",
+    "description": "科技相助，恋爱提速。展现爱意的方式有千百种，你可以用文本翻译学习数十种语言的“我爱你”来传达情感。即便爱在心口难开，还可以选择用手语服务进行爱的告白。",
+    "url": "https://segmentfault.com/a/1190000041392277",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "比 Xshell 还好用的 SSH 客户端神器！爱了",
-    "description": "由于需要连接远程 Linux 服务器，早期使用过 Putty，SecureCRT，后面主要使用 Xshell。之前民工哥也给大家推荐过几款SSH客户端：",
-    "url": "https://segmentfault.com/a/1190000041370721",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "1",
+    "title": "面试官：Context携带数据是线程安全的吗？",
+    "description": "哈喽，大家好，我是asong。最近一个群里看到一个有趣的八股文，问题是：使用context携带的value是线程安全的吗？这道题其实就是考察面试者对context实现原理的理解，如果不知道context的实现原理，很容易答错这道...",
+    "url": "https://segmentfault.com/a/1190000041391870",
+    "author": "asong",
+    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "【译】How I built a wind map with WebGL",
-    "description": "引子对风场可视化的效果感兴趣，搜资料的时候发现这篇文章，读了后觉得翻译一下以便再次查阅。原文：How I built a wind map with WebGLOriginMy GitHub正文查看我的基于 WebGL 的风场模拟演示！让我们深入了解它...",
-    "url": "https://segmentfault.com/a/1190000041367755",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
+    "title": "技术集锦 | 大数据云原生技术实战及最佳实践系列",
+    "description": "随着云平台、容器等技术的不断成熟，云原生大数据解决了传统大数据平台建设和运维中的繁琐，使即时可得，按需分配的高效大数据开发平台成为可能。云原生的到来不止为大数据部署和交付带来了变革，它更是帮助大数...",
+    "url": "https://segmentfault.com/a/1190000041390924",
+    "author": "腾讯云原生",
+    "home_url": "https://segmentfault.com/u/tcloudnative",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "JetBrains全家桶激活方法",
-    "description": "众所周知，JetBrains系列的产品可谓是非常好用，但是要想解锁高级的功能就不得不购买专业版，毕竟一分钱一分货嘛。自从2021.3.x版本更新之后，原来使用的eval reset插件方法不管用了。于是，经过了一番折腾，我找...",
-    "url": "https://segmentfault.com/a/1190000041369357",
-    "author": "henry_ji",
-    "home_url": "https://segmentfault.com/u/henry_ji",
+    "title": "2021年度总结 | 葡萄城软件开发技术回顾（上）",
+    "description": "这一年，云原生领域风起云涌，容器大规模应用，k8s可称为炙手可热的话题；这一年，大数据技术体系1.0基本成型，跨过技术复兴与狂潮期，数据平台的商业价值也在逐渐显现，带来大量投资创业机会；这一年，Vue、Reac...",
+    "url": "https://segmentfault.com/a/1190000041389402",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "Element Plus 正式版发布啦！🎉🎉",
-    "description": "今天，我们非常高兴地宣布 Element Plus 稳定版正式发布。自第一个 commit 起，经过 1 年零 7 个月的持续迭代开发，总计 2635 commits，经过 256 位贡献者所提交的 2494 个 PR，137 个 Alpha 与 Beta 版本，在社...",
-    "url": "https://segmentfault.com/a/1190000041369261",
-    "author": "朱昆iamkun_com",
-    "home_url": "https://segmentfault.com/u/zhukuniamkun_com",
+    "title": "爱奇艺携手HMS Core，为用户打造更流畅的沉浸式观影体验",
+    "description": "爱奇艺是国内领先的视频播放平台，通过接入HMS Core HiAI Foundation后，爱奇艺能够为用户在较低码率的情况下提供较高清晰度的视频；同时，HMS Core的无线传输服务可对视频进行码率和清晰度的调整，结合爱奇艺的...",
+    "url": "https://segmentfault.com/a/1190000041389281",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
     "rank": 11
+  },
+  {
+    "title": "Lettuce源码分析-1【同步操作】",
+    "description": "最近因为工作需求，需要了解lettuce的一些实现原理。从官方文档的目录可以看到，lettuce实现了非常丰富的各项业务功能，支持同步阻塞，异步（Future）以及Reactive三种执行模式，支持依赖第三方连接池组件...",
+    "url": "https://segmentfault.com/a/1190000041391240",
+    "author": "开翻挖掘机的bdz",
+    "home_url": "https://segmentfault.com/u/wajueji9527",
+    "votes": "1",
+    "rank": 12
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "深入浅出 CSS 动画",
-    "description": "本文将比较全面细致的梳理一下 CSS 动画的方方面面，针对每个属性用法的讲解及进阶用法的示意，希望能成为一个比较好的从入门到进阶的教程。CSS 动画介绍及语法首先，我们来简单介绍一下 CSS 动画。最新版本的 CS...",
-    "url": "https://segmentfault.com/a/1190000041275359",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "65",
+    "title": "Three.js 实现2022冬奥主题3D趣味页面 🐼",
+    "description": "迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括：TorusGeometry 圆环面...",
+    "url": "https://segmentfault.com/a/1190000041363089",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "102",
     "rank": 1
   },
   {
@@ -14,26 +14,17 @@
     "url": "https://segmentfault.com/a/1190000041306193",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "32",
+    "votes": "33",
     "rank": 2
   },
-  {
-    "title": "Three.js 实现2022冬奥主题3D趣味页面 🐼",
-    "description": "迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括：TorusGeometry 圆环面...",
-    "url": "https://segmentfault.com/a/1190000041363089",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "30",
-    "rank": 3
-  },
   {
     "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": "22",
-    "rank": 4
+    "votes": "25",
+    "rank": 3
   },
   {
     "title": "神器 Nginx 的学习手册 ( 建议收藏 )",
@@ -41,35 +32,26 @@
     "url": "https://segmentfault.com/a/1190000041298011",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "30",
-    "rank": 5
-  },
-  {
-    "title": "不会一致性hash算法，劝你简历别写搞过负载均衡",
-    "description": "这两天看到技术群里，有小伙伴在讨论一致性hash算法的问题，正愁没啥写的题目就来了，那就简单介绍下它的原理。下边我们以分布式缓存中经典场景举例，面试中也是经常提及的一些话题，看看什么是一致性hash算法以...",
-    "url": "https://segmentfault.com/a/1190000041268497",
-    "author": "程序员内点事",
-    "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "24",
-    "rank": 6
+    "votes": "32",
+    "rank": 4
   },
   {
-    "title": "【获奖名单】2021思否年度有奖征文获奖名单公布，快来领奖啦~",
-    "description": "亲爱的小伙伴们，2021思否年度有奖征文活动截至1月10日晚上12点已经结束啦！我们很高兴看到大家这一年来有不少喜悦和收获，也真心为每一位努力耕耘、积极向上的朋友而点赞、喝彩！虽然进取的路上总伴有失意与挫折...",
-    "url": "https://segmentfault.com/a/1190000041262311",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "13",
-    "rank": 7
+    "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": 5
   },
   {
-    "title": "Three.js 实现虎年春节3D创意页面",
-    "description": "虎年 🐅 春节将至，本文使用 React + Three.js 技术栈，实现趣味 3D 创意页面。本文包含的知识点主要包括：ShadowMaterial、 MeshPhongMaterial 两种基本材质的使用、使用 LoadingManager 展示模型加载进度、Orbit...",
-    "url": "https://segmentfault.com/a/1190000041261707",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "17",
-    "rank": 8
+    "title": "60行代码实现React的事件系统",
+    "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
+    "url": "https://segmentfault.com/a/1190000041355419",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "16",
+    "rank": 6
   },
   {
     "title": "Serverless 背景下，一部分“前端工程师”会转变为“应用交付工程师”",
@@ -78,25 +60,16 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "18",
-    "rank": 9
-  },
-  {
-    "title": "60行代码实现React的事件系统",
-    "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
-    "url": "https://segmentfault.com/a/1190000041355419",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "14",
-    "rank": 10
+    "rank": 7
   },
   {
-    "title": "权威发布丨2021 中国开源先锋 33 人之心尖上的开源人物",
-    "description": "在本土，“开源”作为国家战略被首次写入国家“五年规划”，新锐开源商业公司如雨后春笋一般诞生并获得资本青睐，中国首个明确GPL 3.0协议法律效力的判决案例尘埃落定。",
-    "url": "https://segmentfault.com/a/1190000041270720",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "8",
-    "rank": 11
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041367705",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
+    "rank": 8
   },
   {
     "title": "PWA 技术落地！让你的站点（Web）秒变APP（应用程序）",
@@ -105,7 +78,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "13",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "CSS 实现 Ant Design官网Logo彩蛋效果",
@@ -113,8 +86,26 @@
     "url": "https://segmentfault.com/a/1190000041336683",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "17",
+    "rank": 10
+  },
+  {
+    "title": "Suspense对React的意义在哪里？",
+    "description": "大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...",
+    "url": "https://segmentfault.com/a/1190000041372960",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "12",
+    "rank": 11
+  },
+  {
+    "title": "两年经验前端：字节跳动系—石墨文档面经",
+    "description": "前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、['10', '10', '10', '10', '10'].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...",
+    "url": "https://segmentfault.com/a/1190000041355537",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "16",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "线程池如何观测？这个方案让你对线程池的运行情况了如指掌！",
@@ -123,15 +114,24 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "13",
+    "rank": 13
+  },
+  {
+    "title": "什么样的问题应该使用动态规划",
+    "description": "说起动态规划，我不知道你有没有这样的困扰，在掌握了一些基础算法和数据结构之后，碰到一些较为复杂的问题还是无从下手，面试时自然也是胆战心惊。如果我说动态规划是个玄幻的问题其实也不为过。究其原因，我觉...",
+    "url": "https://segmentfault.com/a/1190000041300090",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "14",
     "rank": 14
   },
   {
-    "title": "⚡️ 省钱 90%！我是这样优化网站图片的",
-    "description": "2021 年一直没有怎么更文，2022 准备开个好头，所以先挑些简单的内容写一写，记录一下我是如何把个人站点的文件存储资费降低 90% 的。",
-    "url": "https://segmentfault.com/a/1190000041268389",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "17",
+    "title": "2022，每个 Leaper 都会有好未来",
+    "description": "我是郑庆鑫，前好未来励步事业部的前端负责人，LeapFE是我们团队的简称，曾几何时，我们团队的共同愿景是成为业界知名的前端团队。而今年由于政策对公司毁灭性打击，这个愿景要搁置了，但对于我们绝大多数人，已...",
+    "url": "https://segmentfault.com/a/1190000041350991",
+    "author": "LeapFE",
+    "home_url": "https://segmentfault.com/u/leapfe",
+    "votes": "28",
     "rank": 15
   },
   {
@@ -144,12 +144,12 @@
     "rank": 16
   },
   {
-    "title": "两年经验前端：字节跳动系—石墨文档面经",
-    "description": "前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、['10', '10', '10', '10', '10'].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...",
-    "url": "https://segmentfault.com/a/1190000041355537",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "15",
+    "title": "如果你觉得学习 Git 很枯燥，那是因为你还没玩过这款游戏！",
+    "description": "作为目前世界上最先进的分布式版本控制系统（没有之一），Git 是一个开源的分布式版本控制软件,用以有效、高速的处理从很小到非常大的项目版本管理。 Git 最初是由Linus Torvalds设计开发的，用于管理Linux内核开...",
+    "url": "https://segmentfault.com/a/1190000041330870",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "13",
     "rank": 17
   },
   {
@@ -162,14 +162,23 @@
     "rank": 18
   },
   {
-    "title": "2022，每个 Leaper 都会有好未来",
-    "description": "我是郑庆鑫，前好未来励步事业部的前端负责人，LeapFE是我们团队的简称，曾几何时，我们团队的共同愿景是成为业界知名的前端团队。而今年由于政策对公司毁灭性打击，这个愿景要搁置了，但对于我们绝大多数人，已...",
-    "url": "https://segmentfault.com/a/1190000041350991",
-    "author": "LeapFE",
-    "home_url": "https://segmentfault.com/u/leapfe",
-    "votes": "27",
+    "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": "断点调试之压缩引发的血案",
+    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
+    "url": "https://segmentfault.com/a/1190000041370583",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
+    "votes": "12",
+    "rank": 20
+  },
   {
     "title": "2 天！Google Cloud 2022 中国出海数字峰会进入倒计时",
     "description": "企业出海，技术为舵，开发者作为出海企业技术舵手，需保持高度敏锐，持续修炼技能，确保企业出海动力稳定。作为一家技术创新企业，过去一年，谷歌的融合生态如何为出海经济赋能？Google Cloud 在全球范围内建设起...",
@@ -177,7 +186,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "绝对是讲的最清楚的-NodeJS模块系统",
@@ -186,44 +195,26 @@
     "author": "云中歌",
     "home_url": "https://segmentfault.com/u/yunzhongge_584ccbede2cb7",
     "votes": "12",
-    "rank": 21
-  },
-  {
-    "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": "10",
     "rank": 22
   },
   {
-    "title": "给前端的docker 10分钟真 · 快速入门指南",
-    "description": "2022年了，咱前端花点时间学点docker，不吃亏不上当还没有了解过docker吗，没关系，咱模拟几个场景，两分钟就给你搞明白它是什么，我们什么时候需要它接着我们拿剩下的七八分钟用docker来同时部署vue2、vue3两个...",
-    "url": "https://segmentfault.com/a/1190000041269318",
-    "author": "Eric_long",
-    "home_url": "https://segmentfault.com/u/longming_5732dced2bfb7",
-    "votes": "12",
+    "title": "清除 useEffect 副作用",
+    "description": "在 React 组件中，我们会在 useEffect() 中执行方法，并返回一个函数用于清除它带来的副作用影响。以下是我们业务中的一个场景，该自定义 Hooks 用于每隔 2s 调用接口更新数据。",
+    "url": "https://segmentfault.com/a/1190000041351344",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
+    "votes": "10",
     "rank": 23
   },
   {
-    "title": "新一代的编译工具 SWC",
-    "description": "最近前端圈掀起了一阵 rust 风，凡是能用 rust 重写的前端工具就用 rust 重写，今天介绍的工具就是通过 rust 实现的 babel：swc，一个将 ES6 转化为 ES5 的工具。",
-    "url": "https://segmentfault.com/a/1190000041279795",
-    "author": "Shenfq",
-    "home_url": "https://segmentfault.com/u/shenfq",
-    "votes": "10",
+    "title": "能用js实现的最终用js实现，Shell脚本也不例外",
+    "description": "大家好，我是秋风。今天来讨论一个牛逼的项目 ——zx ，1个月增长15000 star， 成为了2021年度明星项目排行榜第一。zx 到底是什么呢？我们可以从官网的介绍看到，一个能更方便地写脚本的工具。（A tool for writing...",
+    "url": "https://segmentfault.com/a/1190000041295297",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "11",
     "rank": 24
   },
-  {
-    "title": "2021，17个 最流行的 Vue 插件",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041233013",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
-    "rank": 25
-  },
   {
     "title": "Vue3默认版本了！我准备学这五个东西了。",
     "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提的我的初心相信大家最近听到了一个消息，尤雨溪大佬发表了一个声明：有什么影响那么 Vue3 成为默认版本，有什么影响呢？ ...",
@@ -231,42 +222,51 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "11",
+    "rank": 25
+  },
+  {
+    "title": "跨域了？ 装个插件就够了！",
+    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
+    "url": "https://segmentfault.com/a/1190000041367088",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "9",
     "rank": 26
   },
   {
-    "title": "基础很好？总结了38个ES6-ES12的开发技巧，倒要看看你能拿几分？🐶",
-    "description": "大家好，首先表明一下，标题没有恶意哈哈。请原谅本菜鸡。都是为了帮助大家，大家可以把自己认识几个，得了多少分，发在留言里，一个一分，总分38分。",
-    "url": "https://segmentfault.com/a/1190000041281569",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "12",
+    "title": "SegmentFault D-Day 2021 年度总结报告",
+    "description": "关于 D-Day：这里的 D-Day 不是军事术语，而是开发者（Developer）的抢滩登陆之日！SegmentFault D-Day 全称 SegmentFault Developer Day，是由 SegmentFault 思否发起主办的系列技术沙龙。自 2014 年启动，D-Day...",
+    "url": "https://segmentfault.com/a/1190000041297667",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "8",
     "rank": 27
   },
   {
-    "title": "2021 中国开源码力榜启动，寻找开源世界的超级码丽",
-    "description": "2022 年 1 月 13 日，SegmentFault 思否联合长期耕耘与推广开源文化的开源社共同推出了《2021 中国开源先锋 33 人》榜单，一众开源先锋上榜，一时间引发了行业的广泛关注与讨论。他们当中有贡献代码的开发者、开...",
-    "url": "https://segmentfault.com/a/1190000041283611",
+    "title": "SegmentFault 思否合伙人江波当选开源社 2022 年度理事和执行长",
+    "description": "祝贺🎉SegmentFault 思否合伙人江波成为开源社 2022 年度理事与执行长，开源社区靠参与及贡献赢得尊重。新的一年 SegmentFault 思否将继续努力为开发者与开源社区赋能，也做好科技企业和开发者沟通的桥梁，帮助开...",
+    "url": "https://segmentfault.com/a/1190000041353909",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
+    "votes": "7",
     "rank": 28
   },
   {
-    "title": "什么样的问题应该使用动态规划",
-    "description": "说起动态规划，我不知道你有没有这样的困扰，在掌握了一些基础算法和数据结构之后，碰到一些较为复杂的问题还是无从下手，面试时自然也是胆战心惊。如果我说动态规划是个玄幻的问题其实也不为过。究其原因，我觉...",
-    "url": "https://segmentfault.com/a/1190000041300090",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "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": "9",
     "rank": 29
   },
   {
-    "title": "能用js实现的最终用js实现，Shell脚本也不例外",
-    "description": "大家好，我是秋风。今天来讨论一个牛逼的项目 ——zx ，1个月增长15000 star， 成为了2021年度明星项目排行榜第一。zx 到底是什么呢？我们可以从官网的介绍看到，一个能更方便地写脚本的工具。（A tool for writing...",
-    "url": "https://segmentfault.com/a/1190000041295297",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "10",
+    "title": "精读《2021 前端新秀回顾》",
+    "description": "2021 JavaScript Rising Stars 每年都会对前端开源项目进行点评，其依据是去年 Star 的增幅。Star 虽然只是一个维度，但至少反应了流行度，根据这个排行榜可以大体分析出前端社区的趋势。",
+    "url": "https://segmentfault.com/a/1190000041293523",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "6",
     "rank": 30
   }
 ]