@wcj/github-rank 21.12.2 → 21.12.6

package/dist/sifou-daily.json

@@ -1,110 +1,56 @@
 [
   {
-    "title": "一个 Babelfish ，看懂云数据库的发展方向",
-    "description": "作为基础软件皇冠上的明珠，数据库技术一直以来都是开发者关注的焦点。这关注度是如此之高，几乎自然打通了学界和产业界的隔阂，以至于关于数据库技术的每一篇重要论文面世，都可能导致一批价值数十亿美金的公司...",
-    "url": "https://segmentfault.com/a/1190000041043603",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
-    "rank": 1
-  },
-  {
-    "title": "JavaScript Sanitizer API：原生WEB安全API出现啦",
-    "description": "10月18号， W3C中网络平台孵化器小组（Web Platform Incubator Community Group）公布了HTML Sanitizer API的规范草案。这份草案用来解决浏览器如何解决XSS攻击问题。",
-    "url": "https://segmentfault.com/a/1190000041044632",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 2
-  },
-  {
-    "title": "JZ-012-数值的整数次方",
-    "description": "给定一个double类型的浮点数base和int类型的整数exponent。求base的exponent次方。保证base和exponent不同时为0。题目链接: 数值的整数次方",
-    "url": "https://segmentfault.com/a/1190000041044268",
+    "title": "JZ-016-合并两个排序的链表",
+    "description": "合并两个排序的链表题目描述输入两个单调递增的链表，输出两个链表合成后的链表，当然我们需要合成后的链表满足单调不减规则。题目链接: 合并两个排序的链表代码 {代码...} 【每日寄语】 无论别人怎么看，我绝不...",
+    "url": "https://segmentfault.com/a/1190000041065511",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
-    "rank": 3
-  },
-  {
-    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
-    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
-    "url": "https://segmentfault.com/a/1190000041044028",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "5",
-    "rank": 4
-  },
-  {
-    "title": "日均请求量1.6万亿次背后，DNSPod的秘密-国密DoH篇",
-    "description": "点击一键订阅《云荐大咖》专栏，获取官方推荐精品内容，学技术不迷路！大家好，我是吴洪声。在2005年的时候，我做了一个和DNS有关的小产品，DNSPod。当时做这样一个产品的背景很简单，那还是一个 「南电信北联通...",
-    "url": "https://segmentfault.com/a/1190000041048151",
-    "author": "腾讯云加社区",
-    "home_url": "https://segmentfault.com/u/qcloudcommunity",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "JS中所有对象都是truthy？除了他...",
-    "description": "大家好，我卡颂。根据ES规范规定，所有非原始类型的对象转化为Boolean都为true：但是这里有个特例：document.all本文就来聊聊这个冷知识。document.all的作用document.all会返回一个HTMLAllCollection集合，包含d...",
-    "url": "https://segmentfault.com/a/1190000041045596",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "JavaScript WebGL 基础概念",
-    "description": "WebGL 是一个跨平台、免费的开放式 Web 标准，用于基于 OpenGL ES 的初级 3D 图形 API 。可在任何兼容的 Web 浏览器中渲染高性能的交互式 3D 和 2D 图形，而无需使用插件。在 JavaScript 中可以通过 HTML5 的 Can...",
-    "url": "https://segmentfault.com/a/1190000041043520",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
-    "votes": "1",
-    "rank": 7
+    "rank": 1
   },
   {
-    "title": "国企和互联网的那些二三事。。。",
-    "description": "最近经常看到很多人讨论事业单位还是互联网好，其实，这个问题在我看来没有准确的答案，面对这两个选择时，每个人的选择都应该会不一样，所以，今天我主要来讲讲我对事业单位（或国企）和互联网的感受，给大家一...",
-    "url": "https://segmentfault.com/a/1190000041043862",
-    "author": "好好学java",
-    "home_url": "https://segmentfault.com/u/sihai_5ae5ba9170388",
-    "votes": "2",
-    "rank": 8
+    "title": "前端React面试题总结",
+    "description": "React是一个构建用户界面的 JavaScript 库，是一个UI 层面的解决方案。React遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序开发更高效。同时，React使用虚拟DOM来有效地操作DOM，遵循从高...",
+    "url": "https://segmentfault.com/a/1190000041065787",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "3",
+    "rank": 2
   },
   {
-    "title": "我的3个月和我的1850个社区种子用户-上篇",
-    "description": "你将从这篇运营记实里面看到一些 discuzQ 的运营办法，了解到那些能够有效带来精准用户群体的运营手段，近距离感受整体运营思路的设计、策划、具体实施过程。 ​",
-    "url": "https://segmentfault.com/a/1190000041043555",
-    "author": "今日长剑在握",
-    "home_url": "https://segmentfault.com/u/sfhfpc",
+    "title": "Bootstrap实战 - 瀑布流布局",
+    "description": "讲 Bootstrap 基础的教程网上已经很多了，实际上 Bootstrap 中文网（bootcss.com）里的文档已经写的很详细了，但实战的案例却不多。这里用一些当前流行的网页布局为导向，使用 Bootstrap 中的样式来完成它。每次...",
+    "url": "https://segmentfault.com/a/1190000041067851",
+    "author": "后除",
+    "home_url": "https://segmentfault.com/u/mazey_5bfd4a49bddcd",
     "votes": "1",
-    "rank": 9
+    "rank": 3
   },
   {
-    "title": "vscode快速生成模板文件",
-    "description": "我们项目中的页面(主要是后台系统)功能大多类似，每次新增的时候，会写很多相似的代码。所以利用一个可配置的模板来生成文件代码是一个可以提高效率的方式。在网上找了下现有的vscode插件，发现都比较轻量(如Simp...",
-    "url": "https://segmentfault.com/a/1190000041046469",
-    "author": "十一点我就睡",
-    "home_url": "https://segmentfault.com/u/kuangbaodezhutousan",
+    "title": "Nacos 本地单机版部署步骤和使用",
+    "description": "本系列是 Spring Cloud 微服务实战系列教程。之前在 《Spring Cloud Eureka 入门 （一）服务注册中心详解》 聊过 Spring Cloud Eureka。那今天聊聊阿里开源的 Nacos ~",
+    "url": "https://segmentfault.com/a/1190000041067477",
+    "author": "程序员泥瓦匠",
+    "home_url": "https://segmentfault.com/u/chengxuyuan_666",
     "votes": "1",
-    "rank": 10
+    "rank": 4
   },
   {
-    "title": "“Linux 之父” Linus Torvalds ：桌面版 Linux 的程序兼容性才是最糟糕的问题！你怎么看",
-    "description": "近日，“Linux 之父” Linus Torvalds 在 7 年前某会议上对桌面版 Linux 所存在问题进行“吐槽”的视频，再次被网友和媒体们挖了出来，由此引发了热议。",
-    "url": "https://segmentfault.com/a/1190000041045694",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "工信部：到2025年建设2-3个有国际影响力的开源社区；IntelliJ IDEA 2021.3发布  | 思否周刊",
+    "description": "40s 新闻速递苹果 M3 处理器曝光：正在试产、最高 40 核、3nm 工艺MonoX 因漏洞导致被黑客窃取 3100 万美元字节员工操纵抖音热榜被判刑Android 权限管理将有重大变化：闲置应用无法获取任何隐私信息苹果推迟 App ...",
+    "url": "https://segmentfault.com/a/1190000041065908",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
-    "rank": 11
+    "rank": 5
   },
   {
-    "title": "Spring Boot 2.6.1 重磅发布！",
-    "description": "11 月 29 日，Spring Boot 2.6.1 正式发布，此版本包括 8 个错误修复和 3 个文档改进。错误修复 模式分析 PatternParseException 的操作消息中的 matching-strategy 属性的名称不正确 #28839修复 ErrorPageSecuri...",
-    "url": "https://segmentfault.com/a/1190000041045294",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "从零开始学Mysql - 字符集和编码（上）",
+    "description": "​ 上一节我们系统的阐述了关于系统配置的相关细节内容，而这一节我们需要了解关于字符集和编码的内容，字符集和编码的规则其实也算是入门mysql经常遇到的一个坑，基本每个人学习过程必定会遇到数据库存储中文但是...",
+    "url": "https://segmentfault.com/a/1190000041065733",
+    "author": "lazytimes",
+    "home_url": "https://segmentfault.com/u/lazytimes",
     "votes": "1",
-    "rank": 12
+    "rank": 6
   }
 ]

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": "51",
-    "rank": 2
+    "votes": "52",
+    "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 轻松搞定",
@@ -60,16 +42,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "38",
-    "rank": 7
-  },
-  {
-    "title": "尤雨溪几年前开发的“玩具 vite”，才100多行代码，却十分有助于理解 vite 原理",
-    "description": "想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等十余...",
-    "url": "https://segmentfault.com/a/1190000040893750",
-    "author": "若川",
-    "home_url": "https://segmentfault.com/u/lxchuan12",
-    "votes": "33",
-    "rank": 8
+    "rank": 5
   },
   {
     "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
@@ -78,25 +51,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "28",
-    "rank": 9
-  },
-  {
-    "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": 10
-  },
-  {
-    "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": 11
+    "rank": 6
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -104,17 +59,8 @@
     "url": "https://segmentfault.com/a/1190000040929396",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "25",
-    "rank": 12
-  },
-  {
-    "title": "Go 日常开发常备第三方库和工具",
-    "description": "不知不觉写 Go 已经快一年了，上线了大大小小好几个项目；心态也经历了几轮变化。因为我个人大概前五年时间写的是 Java ，中途写过一年多的 Python，所以刚接触到 Go 时的感觉如下图：既没有 Java 的生态，也没有...",
-    "url": "https://segmentfault.com/a/1190000040896809",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "22",
-    "rank": 13
+    "votes": "26",
+    "rank": 7
   },
   {
     "title": "处理可能超时的异步操作",
@@ -123,7 +69,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "18",
-    "rank": 14
+    "rank": 8
   },
   {
     "title": "前端Node.js面试题",
@@ -132,16 +78,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "19",
-    "rank": 15
-  },
-  {
-    "title": "一文讲透自适应熔断的原理和实现",
-    "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
-    "url": "https://segmentfault.com/a/1190000040978572",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "21",
-    "rank": 16
+    "rank": 9
   },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
@@ -149,17 +86,17 @@
     "url": "https://segmentfault.com/a/1190000041005444",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "24",
-    "rank": 17
+    "votes": "25",
+    "rank": 10
   },
   {
-    "title": "把程序做成系统服务",
-    "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
-    "url": "https://segmentfault.com/a/1190000040895843",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "14",
-    "rank": 18
+    "title": "一文讲透自适应熔断的原理和实现",
+    "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
+    "url": "https://segmentfault.com/a/1190000040978572",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "21",
+    "rank": 11
   },
   {
     "title": "面试题整理之Vue篇",
@@ -167,8 +104,17 @@
     "url": "https://segmentfault.com/a/1190000040971075",
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
-    "votes": "25",
-    "rank": 19
+    "votes": "26",
+    "rank": 12
+  },
+  {
+    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
+    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
+    "url": "https://segmentfault.com/a/1190000041032091",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "24",
+    "rank": 13
   },
   {
     "title": "git进阶（撤销pull、撤销merge、撤销add）",
@@ -177,25 +123,7 @@
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "14",
-    "rank": 20
-  },
-  {
-    "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": 21
-  },
-  {
-    "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": 22
+    "rank": 14
   },
   {
     "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
@@ -203,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000040996585",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "21",
-    "rank": 23
+    "votes": "23",
+    "rank": 15
   },
   {
     "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
@@ -213,7 +141,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 24
+    "rank": 16
+  },
+  {
+    "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
+    "description": "文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...",
+    "url": "https://segmentfault.com/a/1190000041031214",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "19",
+    "rank": 17
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -221,8 +158,17 @@
     "url": "https://segmentfault.com/a/1190000040980305",
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "11",
-    "rank": 25
+    "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个代码，可以大大地简化我们的代码。",
@@ -231,16 +177,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 26
-  },
-  {
-    "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
-    "description": "文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...",
-    "url": "https://segmentfault.com/a/1190000041031214",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "17",
-    "rank": 27
+    "rank": 20
   },
   {
     "title": "用CSS来撸一只神经猫",
@@ -249,7 +186,16 @@
     "author": "linshuai",
     "home_url": "https://segmentfault.com/u/linshuai",
     "votes": "13",
-    "rank": 28
+    "rank": 21
+  },
+  {
+    "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": "10",
+    "rank": 22
   },
   {
     "title": "CSS几个有趣的属性分享",
@@ -258,15 +204,69 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "11",
-    "rank": 29
+    "rank": 23
   },
   {
-    "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": 24
+  },
+  {
+    "title": "超过1W字深度剖析JVM常量池（全网最详细最有深度）",
+    "description": "面试题：String a = \"ab\"; String b = \"a\" + \"b\"; a == b 是否相等面试考察点考察目的： 考察对JVM基础知识的理解，涉及到常量池、JVM运行时数据区等。考察范围： 工作2到5年。背景知识要回答这个问题，需要搞明...",
+    "url": "https://segmentfault.com/a/1190000040922573",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "22",
+    "rank": 25
+  },
+  {
+    "title": "重写数组的方法（改变原数组）",
+    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000040969572",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "9",
+    "rank": 26
+  },
+  {
+    "title": "可以中断的异步操作",
+    "description": "前面我们聊到了可能超时的异步操作，其中提到对 fetch() 异步操作的“中断”处理。这次我们就来聊一聊“中断”异步操作。由于 JavaScript 的单线程特性，能在 JavaScript 中进行的异步场景其实不多，大概有如下一些：...",
+    "url": "https://segmentfault.com/a/1190000040972018",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "10",
+    "rank": 27
+  },
+  {
+    "title": "11 个对开发有帮助的 JS 技巧，进收藏夹当小词典吧！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040923693",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
+    "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
   }
 ]