@wcj/github-rank 21.12.3 → 21.12.7

package/dist/sifou-daily.json

@@ -1,101 +1,137 @@
 [
   {
-    "title": "进击的 Ansible（二）：如何快速搞定生产环境 Ansible 项目布局？",
-    "description": "Tips：与前文 《进击的 Ansible（一）：Ansible 快速入门》 一样，本文使用的 Ansible 版本 2.5.4，项目演示环境 MacOS。由于 Ansible 项目开发活跃版本更新快，很多 API 接口不向后兼容，所以对照本文实践时请确...",
-    "url": "https://segmentfault.com/a/1190000041053036",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "title": "JZ-017-树的子结构",
+    "description": "树的子结构题目描述输入两棵二叉树A，B，判断B是不是A的子结构。（ps：我们约定空树不是任意一个树的子结构）题目链接: 树的子结构代码 {代码...} 【每日寄语】 总之岁月漫长，然而值得等待。",
+    "url": "https://segmentfault.com/a/1190000041073205",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "5",
     "rank": 1
   },
   {
-    "title": "JZ-013-调整数组顺序使奇数位于偶数前面",
-    "description": "输入一个整数数组，实现一个函数来调整该数组中数字的顺序，使得所有的奇数位于数组的前半部分，所有的偶数位于数组的后半部分，并保证奇数和奇数，偶数和偶数之间的相对位置不变。题目链接: 调整数组顺序使奇数...",
-    "url": "https://segmentfault.com/a/1190000041050620",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "title": "微信跳转支付宝app、跳转淘宝app新方案（领红包、领淘宝优惠券示例）",
+    "description": "最近2个月各种琐事很忙，没有时间写文章，没有时间研究各种东西，近期开始闲下来了。微信团队发布了新通知，关于《微信外部链接内容管理规范》的更新说明，正式开放电商类的外部链接，在聊天场景中可直接访问电商...",
+    "url": "https://segmentfault.com/a/1190000041070113",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "架构团队如何重构内部系统",
-    "description": "前端团队难免需要维护一些内部系统，有些内部系统由于开始的架构设计不合理，随着业务复杂度的增加，“坏味道”代码也越来越多，从而导致认知和沟通成本上升，甚至问题频出，此时，重构就自然成了一个选择。但重构...",
-    "url": "https://segmentfault.com/a/1190000041052165",
-    "author": "智联大前端",
-    "home_url": "https://segmentfault.com/u/zpfe",
+    "title": "Mysql数据实时增量同步之CDC工具—Canal、go-mysql-transfer、Maxwell",
+    "description": "CDC(Change Data Capture)是变更数据获取的简称。可以基于增量日志，以极低的侵入性来完成增量数据捕获的工作。核心思想是，监测并捕获数据库的变动（包括数据或数据表的插入、更新以及删除等），将这些变更按发...",
+    "url": "https://segmentfault.com/a/1190000041072762",
+    "author": "好奇新",
+    "home_url": "https://segmentfault.com/u/haoqixin_61a480ab71a2b",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "运维监控场景下，如何从 OpenTSDB 迁移到 TDengine",
-    "description": "OpenTSDB是一个经典的时序数据库系统，它没有开发自己的存储引擎，而是基于HBase，对于已经有HBase基础服务的企业而言，降低了门槛。而且得益于其先发优势，OpenTSDB在运维监控领域有不少应用。不过也因为要依赖H...",
-    "url": "https://segmentfault.com/a/1190000041052157",
-    "author": "涛思数据",
-    "home_url": "https://segmentfault.com/u/taosishuju",
+    "title": "可视化埋点在React Native中的实践",
+    "description": "笔者所在团队为 Shopee 的本地生活前端团队，用户可以在我们的平台购买优惠券，然后去线下门店使用。随着用户规模不断增加，研究用户行为数据可以更好地指导产品功能设计，提供更加优秀的用户体验。用户行为数据...",
+    "url": "https://segmentfault.com/a/1190000041070440",
+    "author": "Shopee技术团队",
+    "home_url": "https://segmentfault.com/u/techatshopee",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "Redis 很屌，不懂使用规范就糟蹋了",
-    "description": "这可能是最中肯的 Redis 使用规范了码哥，昨天我被公司 Leader 批评了。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活动。谁曾想，凌晨 12 点之后，用户量暴增，出现了一个技术故障，用户...",
-    "url": "https://segmentfault.com/a/1190000041054020",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "2",
+    "title": "JavaScript 26 周岁生日：Node.js 官方发推特庆祝",
+    "description": "这是个充满欢乐的日子，原因除了 JavaScript 和《蜘蛛人:离家日》中性感梅婶 Marisa Tomei 、说唱歌手 Jay Z 同一天过生日之外，更多的是在 1995 年那一年里，JavaScript 诞生所带来的传奇意义。",
+    "url": "https://segmentfault.com/a/1190000041070134",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "正则表达式简述",
-    "description": "1、定义当使用 构造函数 创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \\） {代码...} 2、修饰符用于执行区分大小写和全局匹配 {代码...} 3、方括号用于查找某个范围内的字符： {代码...} 4、元字符是...",
-    "url": "https://segmentfault.com/a/1190000041053144",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "title": "苹果计划在 2022 年推出 5 款全新 Mac，包括新版入门级 MacBook Pro",
+    "description": "据报道，苹果计划在 2022 年推出 5 款全新 Mac，包括新版入门级 MacBook Pro。这五款全新 Mac 包括：一款采用苹果芯片的高端 iMac，在产品线中位于 24 英寸 iMac 之上以 \"M2\" 芯片和新设计为特色的 MacBook Air ...",
+    "url": "https://segmentfault.com/a/1190000041069967",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "vue 组件递归调用",
-    "description": "实际项目中，除了基本的树结构，有时还需扩展。如下图层级关系的递归调用，红框中的部分为完全递归组件。父级：template {代码...} js: {代码...} 子级： {代码...} 一些重要的废话放到最后：1：子组件，即需要递...",
-    "url": "https://segmentfault.com/a/1190000041052726",
-    "author": "charlotteeeeeee",
-    "home_url": "https://segmentfault.com/u/charlotteeeeeee",
-    "votes": "1",
+    "title": "使用 button 的 5 个理由",
+    "description": "button 是平时使用最广泛的一个 HTML 元素了，只要有点击交互的地方都推荐使用这个。但是，仍然有大部分网站使用的还是div，比如某博，所到之处几乎都是 div",
+    "url": "https://segmentfault.com/a/1190000041069149",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "3",
     "rank": 7
   },
   {
-    "title": "Windows 11 Edge 弹窗警告！劝阻用户下载 Chrome | 一场关于浏览器的“Battle“仍在继续",
-    "description": "近日，微软又被外媒发现他们试图通过 Windows 11 Edge 弹窗来“劝阻”用户下载 Chrome 浏览器，这一做法也再次激怒了不少用户。",
-    "url": "https://segmentfault.com/a/1190000041052085",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "精读《深入了解现代浏览器二》",
+    "description": "在上一篇介绍了，browser process 包含 UI thread、network thread 和 storage thread，当我们在浏览器菜单栏输入网址并敲击回车时，这套动作均由 browser process 的 UI thread 响应。",
+    "url": "https://segmentfault.com/a/1190000041069091",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "vue 大屏适配",
-    "description": "flex.js {代码...} import 'flex.js'",
-    "url": "https://segmentfault.com/a/1190000041050484",
-    "author": "日出",
-    "home_url": "https://segmentfault.com/u/richu_6196fd3316321",
+    "title": "安卓逆向   31",
+    "description": "手机通过USB连接电脑，需要用到adb刷机包通过线刷刷入手机，需要用到fastboot这俩个东西在安卓SDK中自带，路径为 SDK\\platform-tools 添加到系统环境变量即可",
+    "url": "https://segmentfault.com/a/1190000041073622",
+    "author": "永乐",
+    "home_url": "https://segmentfault.com/u/yongle_5d887d65c7f5b",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "Cookie的Secure属性",
-    "description": "基于安全的考虑，需要给cookie加上Secure和HttpOnly属性，HttpOnly比较好理解，设置HttpOnly=true的cookie不能被js获取到，无法用document.cookie打出cookie的内容。",
-    "url": "https://segmentfault.com/a/1190000041050212",
-    "author": "PeChen",
-    "home_url": "https://segmentfault.com/u/pechen",
+    "title": "声网 X 远程超声：实时音视频解决基层“看病难” 推动医疗资源均衡化",
+    "description": "实时互联网像触角一样，通过情景的共享延伸开来，链接着我们彼此的线下、线上生活，形成一张不可分割的网络。随着社交直播、在线教育、视频会议成为大众生活不可或缺的一部分的同时，智能手表、智能作业灯、视频...",
+    "url": "https://segmentfault.com/a/1190000041073599",
+    "author": "声网Agora",
+    "home_url": "https://segmentfault.com/u/agora",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "保姆级服务，一键 Git Worktree，这样满意吗？",
-    "description": "上一篇文章Git Worktree 高级使用 整体反应不错，这完全是日常开发中可以用到的奇淫技巧。微服务环境下，通常我们都会有多个 repo，高级用法好归好，但每个 repo 都按照高级用法进行配置，还是比较麻烦的，你看这...",
-    "url": "https://segmentfault.com/a/1190000041050146",
-    "author": "日拱一兵",
-    "home_url": "https://segmentfault.com/u/tanrigongyibing",
+    "title": "TypeScript 之映射类型",
+    "description": "TypeScript 的官方文档早已更新，但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理。本篇翻译整理自 TypeScript Handbook 中 「Mapped Types」 章节。本文并不...",
+    "url": "https://segmentfault.com/a/1190000041072817",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "1",
     "rank": 11
+  },
+  {
+    "title": "10张思维导图，2022年作为一名前端开发者需要掌握这些，前端面试复习资料参考大纲",
+    "description": "2021年最后一个月了，熬夜多天整理出10张思维导图，对前端面试复习知识点进行了最全的总结，分享给大家。每个知识点都尽量找到最好的文章来解释，通过思维导图的形式进行展示。",
+    "url": "https://segmentfault.com/a/1190000041072705",
+    "author": "zhou_web",
+    "home_url": "https://segmentfault.com/u/zhou_web",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "【干货】js实现前端错误自动上报功能",
+    "description": "在pc和移动端中在线上发生前端错误难以查看错误，特别是在用户真机移动端中难以定位错误，为了更好解决线上问题，所以需要对前端发生报错信息进行收集上报，然后通过后端的接口传递错误给记录下来。",
+    "url": "https://segmentfault.com/a/1190000041071874",
+    "author": "洛阳醉长安行",
+    "home_url": "https://segmentfault.com/u/hello888",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "网络编程框架t-io的编程基本知识介绍",
+    "description": "t-io作为目前国内最流行的开源网络编程框架软件，以简单易懂，上手容易而著称，相同的功能比起netty实现起来，要简单的多，代码量也大大减少，如果要使用好t-io，还是要先学习t-io的一些基本知识，这篇文章主要从...",
+    "url": "https://segmentfault.com/a/1190000041072199",
+    "author": "技术控",
+    "home_url": "https://segmentfault.com/u/shurui_61387746dfa47",
+    "votes": "3",
+    "rank": 14
+  },
+  {
+    "title": "Day 9/100 免费生成在线CDN及使用加速的ICON样式文件",
+    "description": "（一）需求1、生成在线稳定可用的icon文件；2、CDN加速；3、免费；（二）步骤1、注册登录网站[链接]2、搜索并添加需要的icon到购物车中3、按照图片步骤将店家添加的文件生成在线的CDN链接（三）使用1、生成的地址...",
+    "url": "https://segmentfault.com/a/1190000041071490",
+    "author": "SnowWolfArden",
+    "home_url": "https://segmentfault.com/u/snowwolfarden",
+    "votes": "1",
+    "rank": 15
   }
 ]

package/dist/sifou-monthly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "熬夜整理56个JavaScript高级的手写知识点！！专业扫盲！",
-    "description": "前言大家好，我是林三心，基础是进阶的前提，前面我给大家分享了本菜鸟这一年来笔记中的50个JS基础知识点和50个JS高级知识点工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品！【阅读：7.8k，点赞：285】...",
-    "url": "https://segmentfault.com/a/1190000040906316",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "60",
-    "rank": 1
-  },
   {
     "title": "这几个高级前端常用的API，你用到了吗？",
     "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
     "url": "https://segmentfault.com/a/1190000040942225",
     "author": "lzg9527",
     "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "52",
-    "rank": 2
+    "votes": "53",
+    "rank": 1
   },
   {
     "title": "CSS mask 实现鼠标跟随镂空效果",
@@ -23,17 +14,8 @@
     "url": "https://segmentfault.com/a/1190000040996523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "37",
-    "rank": 3
-  },
-  {
-    "title": "肝完《浏览器基本原理与实践》，我总结了这些",
-    "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
-    "url": "https://segmentfault.com/a/1190000040896436",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "47",
-    "rank": 4
+    "votes": "39",
+    "rank": 2
   },
   {
     "title": "前端架构师神技，三招统一代码风格（一文讲透）",
@@ -42,7 +24,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "42",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "一些常用的 Git 进阶知识与技巧",
@@ -51,7 +33,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "35",
-    "rank": 6
+    "rank": 4
   },
   {
     "title": "3D 穿梭效果？使用 CSS 轻松搞定",
@@ -59,35 +41,8 @@
     "url": "https://segmentfault.com/a/1190000040936266",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "38",
-    "rank": 7
-  },
-  {
-    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
-    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
-    "url": "https://segmentfault.com/a/1190000040914312",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "28",
-    "rank": 8
-  },
-  {
-    "title": "N 种仅仅使用 HTML/CSS 实现各类进度条的方式",
-    "description": "本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 <meter> 创建进度条通过 HTML 标签 <progress> 创建进度条HTML 实现进度条...",
-    "url": "https://segmentfault.com/a/1190000040908304",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "25",
-    "rank": 9
-  },
-  {
-    "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
-    "description": "作者： Jatin Sharma译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040875123",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "32",
-    "rank": 10
+    "votes": "39",
+    "rank": 5
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -96,7 +51,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "26",
-    "rank": 11
+    "rank": 6
   },
   {
     "title": "处理可能超时的异步操作",
@@ -105,7 +60,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "18",
-    "rank": 12
+    "rank": 7
   },
   {
     "title": "前端Node.js面试题",
@@ -114,7 +69,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "19",
-    "rank": 13
+    "rank": 8
   },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
@@ -122,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000041005444",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "24",
-    "rank": 14
+    "votes": "25",
+    "rank": 9
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -132,7 +87,7 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "21",
-    "rank": 15
+    "rank": 10
   },
   {
     "title": "面试题整理之Vue篇",
@@ -140,8 +95,17 @@
     "url": "https://segmentfault.com/a/1190000040971075",
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
-    "votes": "25",
-    "rank": 16
+    "votes": "26",
+    "rank": 11
+  },
+  {
+    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
+    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
+    "url": "https://segmentfault.com/a/1190000041032091",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "24",
+    "rank": 12
   },
   {
     "title": "git进阶（撤销pull、撤销merge、撤销add）",
@@ -150,25 +114,7 @@
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "14",
-    "rank": 17
-  },
-  {
-    "title": "这些 JavaScript函数让你的工作更加 So Easy!",
-    "description": "作者： YoussefZidan译者：前端小智来源：dev有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040902611",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "25",
-    "rank": 18
-  },
-  {
-    "title": "纯 Git 实现前端 CI/CD",
-    "description": "最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...",
-    "url": "https://segmentfault.com/a/1190000040904889",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "19",
-    "rank": 19
+    "rank": 13
   },
   {
     "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
@@ -176,17 +122,17 @@
     "url": "https://segmentfault.com/a/1190000040996585",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "21",
-    "rank": 20
+    "votes": "23",
+    "rank": 14
   },
   {
-    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
-    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
-    "url": "https://segmentfault.com/a/1190000041032091",
+    "title": "React、Vue我全都要！React Hook 实现 Vue 的11个基本功能",
+    "description": "大家好，我是林三心，因为工作项目的需要，在上个月，我开始在项目中使用React去开发，到了今天，差不多一个月了，想跟大家分享一下我在React中是怎么去实现以前Vue中的一些功能的。",
+    "url": "https://segmentfault.com/a/1190000041056865",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "18",
-    "rank": 21
+    "votes": "12",
+    "rank": 15
   },
   {
     "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
@@ -195,7 +141,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 22
+    "rank": 16
   },
   {
     "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
@@ -204,7 +150,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "19",
-    "rank": 23
+    "rank": 17
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -212,8 +158,17 @@
     "url": "https://segmentfault.com/a/1190000040980305",
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "11",
-    "rank": 24
+    "votes": "12",
+    "rank": 18
+  },
+  {
+    "title": "PHP 基金会，是个好事 (PHP Foundation)",
+    "description": "2021 年 11 月 23 日，PHP 主力开发 Nikita Popov 发文宣布 将不再参与 PHP 的主要维护，从月底开始逐渐淡出。据说 Nikita Popov 从他还在上高中时就开始参与 PHP 的开发，彼时为 2011 年，截至目前已有 10 年之...",
+    "url": "https://segmentfault.com/a/1190000041008293",
+    "author": "summerblue",
+    "home_url": "https://segmentfault.com/u/summerblue",
+    "votes": "15",
+    "rank": 19
   },
   {
     "title": "使用这11个代码，可以大大地简化我们的代码。",
@@ -222,7 +177,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 25
+    "rank": 20
   },
   {
     "title": "用CSS来撸一只神经猫",
@@ -231,7 +186,7 @@
     "author": "linshuai",
     "home_url": "https://segmentfault.com/u/linshuai",
     "votes": "13",
-    "rank": 26
+    "rank": 21
   },
   {
     "title": "CSS几个有趣的属性分享",
@@ -240,16 +195,16 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "11",
-    "rank": 27
+    "rank": 22
   },
   {
-    "title": "PHP 基金会，是个好事 (PHP Foundation)",
-    "description": "2021 年 11 月 23 日，PHP 主力开发 Nikita Popov 发文宣布 将不再参与 PHP 的主要维护，从月底开始逐渐淡出。据说 Nikita Popov 从他还在上高中时就开始参与 PHP 的开发，彼时为 2011 年，截至目前已有 10 年之...",
-    "url": "https://segmentfault.com/a/1190000041008293",
-    "author": "summerblue",
-    "home_url": "https://segmentfault.com/u/summerblue",
+    "title": "安排几款实用的内网穿透工具+教程",
+    "description": "nps是一款轻量级、高性能、功能强大的内网穿透代理服务器。目前支持tcp、udp流量转发，可支持任何tcp、udp上层协议（访问内网网站、本地支付接口调试、ssh访问、远程桌面，内网dns解析等等……），此外还支持内网ht...",
+    "url": "https://segmentfault.com/a/1190000040979218",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "13",
-    "rank": 28
+    "rank": 23
   },
   {
     "title": "超过1W字深度剖析JVM常量池（全网最详细最有深度）",
@@ -258,7 +213,16 @@
     "author": "跟着Mic学架构",
     "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "22",
-    "rank": 29
+    "rank": 24
+  },
+  {
+    "title": "重写数组的方法（改变原数组）",
+    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000040969572",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "9",
+    "rank": 25
   },
   {
     "title": "可以中断的异步操作",
@@ -267,6 +231,42 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "10",
+    "rank": 26
+  },
+  {
+    "title": "11 个对开发有帮助的 JS 技巧，进收藏夹当小词典吧！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040923693",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
+    "rank": 27
+  },
+  {
+    "title": "简单、好懂的Svelte实现原理",
+    "description": "大家好，我卡颂。Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。让...",
+    "url": "https://segmentfault.com/a/1190000040936318",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "12",
+    "rank": 28
+  },
+  {
+    "title": "用了很多动效，介绍 4个很  Nice 的 Veu 路由过渡动效！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040935668",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
+    "rank": 29
+  },
+  {
+    "title": "使用Docker Compose、Nginx、SSH和Github Actions实现前端自动化部署测试机",
+    "description": "开篇，我们先来看一下远古时代的构建部署流程。想必大家对这个都不陌生：开发将源码经过编译、压缩打包生成打包文件将打包生成的文件上传服务器显然这个流程不仅繁琐，而且效率也不高，开发每次发布都要耗费很长...",
+    "url": "https://segmentfault.com/a/1190000040929112",
+    "author": "前端森林",
+    "home_url": "https://segmentfault.com/u/fengshuan",
+    "votes": "15",
     "rank": 30
   }
 ]