@wcj/github-rank 21.12.4 → 21.12.8

package/dist/sifou-daily.json

@@ -1,182 +1,137 @@
 [
   {
-    "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": "7",
+    "title": "服务端渲染基础",
+    "description": "一般而言大家提到“渲染”，可能会说：“凡是从服务器返回的 HTML 页面，均算作是服务端渲染。”这可能让不少人还是觉得迷惑，简单说渲染就是“数据”和“模板”拼接到一起。举个例子：我们前端开发最常见的一个场景，请...",
+    "url": "https://segmentfault.com/a/1190000041076565",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 1
   },
   {
-    "title": "亲身体验了一把vite，感觉真的没有说的那么好，很多坑",
-    "description": "但是在vite中，不是，它不识别require，而是要使用 new URL()在项目中坑的是new URL中竟然不只是@别名符，你只能用相对路径",
-    "url": "https://segmentfault.com/a/1190000041057203",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "3",
+    "title": "JZ-018-二叉树的镜像",
+    "description": "二叉树的镜像题目描述操作给定的二叉树，将其变换为源二叉树的镜像。题目链接: 二叉树的镜像代码 {代码...} 【每日寄语】 世上最耀眼的光芒除了太阳还有你努力的模样。",
+    "url": "https://segmentfault.com/a/1190000041077044",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "Error Boundaries是这么实现的，还挺巧妙",
-    "description": "大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...",
-    "url": "https://segmentfault.com/a/1190000041057856",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "前端架构师破局技能，NodeJS 落地 WebSocket 实践",
+    "description": "本文从网络协议，技术背景，安全和生产应用的方向，详细介绍 WebSocket 在 Node.js 中的落地实践。大纲预览本文介绍的内容包括以下方面：网络协议进化Socket.IO？ws 模块实现Express 集成WebSocket 实例消息广播...",
+    "url": "https://segmentfault.com/a/1190000041075299",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "3",
     "rank": 3
   },
   {
-    "title": "JuiceFS 数据读写流程详解",
-    "description": "对于文件系统而言，其读写的效率对整体的系统性能有决定性的影响，本文我们将通过介绍 JuiceFS 的读写请求处理流程，让大家对 JuiceFS 的特性有更进一步的了解。",
-    "url": "https://segmentfault.com/a/1190000041059243",
-    "author": "JuiceFS",
-    "home_url": "https://segmentfault.com/u/juicefs",
-    "votes": "3",
+    "title": "想知道一个20k级别前端在项目中是怎么使用LocalStorage的吗？",
+    "description": "大家好，我是林三心，用最通俗的话，讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天就给大家唠一下嗑，讲一下，怎么样使用 localStorage、sessionStorage ，才能更规范，更高大上，更能让人眼前...",
+    "url": "https://segmentfault.com/a/1190000041078633",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "美团外卖终端容器无关化研发框架",
-    "description": "2019年9月，美团外卖技术团队联合多个研发部门正式推出了React2X，面向所有的前端研发人员，特别是按业务领域划分的团队，为大家提供一个完整的、开放的多终端容器无关化（Containerless）研发框架。研发同学可以...",
-    "url": "https://segmentfault.com/a/1190000041060388",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "title": "WebView秒开方案探索",
+    "description": "当我们加载一个网页时，并不是发送一个url请求所有的内容都下载下来了，而是除了主URL请求外，还有其他很多的请求，比如JS、CSS、图片等文件，每一个都是独立的请求，部分请求还是串行的，需要将这些资源文件下载...",
+    "url": "https://segmentfault.com/a/1190000041075702",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "速看！外媒评 2021 开发者首选最佳 Linux 桌面 Top 5：Fedora、Arch、Gentoo 上榜",
-    "description": "提到 Linux，很多普通用户会觉得离它很远，但如果你现在正用安卓手机看这篇文章的话，那么恭喜！你用的正是 Linux！其实更多时候，一些 Linux 发行版确实需要专业知识才能充分利用它们。",
-    "url": "https://segmentfault.com/a/1190000041057776",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "JavaScript 性能优化",
+    "description": "垃圾回收内存管理JavaScript 没有提供操作内存的 API，一切内存操作都是自动的。申请使用释放何为垃圾对象不再被引用对象不能从根上访问到可达对象可以访问到的对象（引用、作用域链）标准是从根出发是否能被找到...",
+    "url": "https://segmentfault.com/a/1190000041038578",
+    "author": "我都说不要了",
+    "home_url": "https://segmentfault.com/u/xiao_yang",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "极客时间Go工程师零基础就业班【网盘下载】",
-    "description": "前提是你要真心想学，才有足够的动力去学。初学Go语言首先弄懂基础语法和概念：基本数据类型、Struct、Array、map、Slice、指针、接口、map、内置函数，常用工具包等，还有接口和Slice的底层数据结构。这些不需要...",
-    "url": "https://segmentfault.com/a/1190000041062362",
-    "author": "dkasekg0",
-    "home_url": "https://segmentfault.com/u/dkasekg0",
-    "votes": "1",
+    "title": "云原生运行时的下一个五年",
+    "description": "文｜马振军（花名：古今 )在基础架构领域耕耘多年目前在蚂蚁集团中间件团队负责 MOSN、Layotto 等项目的开发工作校对｜卓与、齐天本文 9053 字 阅读 18 分钟｜前言｜在过去几年里，蚂蚁集团的基础设施进行了广受...",
+    "url": "https://segmentfault.com/a/1190000041080221",
+    "author": "SOFAStack",
+    "home_url": "https://segmentfault.com/u/sofastack",
+    "votes": "2",
     "rank": 7
   },
   {
-    "title": "每日自动健康打卡（Python+腾讯云服务器）",
-    "description": "每日自动健康打卡（Python+腾讯云服务器）1.配置需要python3.7，Chrome或者Edeg浏览器，Chrome驱动或者Edge驱动 {代码...} 2.实现功能1.模拟登录说唱大学微服务，需要百度OCR智能识别API接口识别验证码（免费获取...",
-    "url": "https://segmentfault.com/a/1190000041062327",
-    "author": "图爱森",
-    "home_url": "https://segmentfault.com/u/tuaisen",
+    "title": "常用的上传和下载",
+    "description": "后端下载目前返回的是ResponseEntity<byte[]>类型，尽量避免报错，否则前端需要另写函数捕捉报错信息，如果没有查到相关信息则返回空。",
+    "url": "https://segmentfault.com/a/1190000041076548",
+    "author": "Rebecca",
+    "home_url": "https://segmentfault.com/u/rebecca_5d293098968f6",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "一个简单标注库的插件化开发实践",
-    "description": "最近在提炼一个功能的时候发现可配置项过多，如果全都耦合在一起，首先是代码上不好维护、扩展性不好，其次是如果我不需要该功能的话会带来体积上的冗余，考虑到现在插件化的流行，于是小小的尝试了一番。",
-    "url": "https://segmentfault.com/a/1190000041062239",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "title": "想进大厂，这是你绕不过的门槛",
+    "description": "第二，程序员面试必考察数据结构与算法，尤其是大厂，因为算法和数据结构最能体现一个人的基本功，基本功扎实的人，无论是做工程还是去做算法，都不会差到哪里去。",
+    "url": "https://segmentfault.com/a/1190000041080713",
+    "author": "先定一个小目标",
+    "home_url": "https://segmentfault.com/u/5gz5hi3e",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "基于Delta lake、Hudi格式的湖仓一体方案",
-    "description": "简介：Delta Lake 和 Hudi 是流行的开放格式的存储层，为数据湖同时提供流式和批处理的操作，这允许我们在数据湖上直接运行 BI 等应用，让数据分析师可以即时查询新的实时数据，从而对您的业务产生即时的洞察。Ma...",
-    "url": "https://segmentfault.com/a/1190000041061760",
-    "author": "阿里云开发者",
-    "home_url": "https://segmentfault.com/u/alijishu",
+    "title": "设计模式——工厂模式",
+    "description": "1. 工厂模式概述在工厂模式中，创建对象不会对外界暴露创建逻辑，而是通过使用一个共同的接口来获取新创建的对象。在工厂模式中，不需要外界手动创建一个实例，而是通过调用对象工厂的方法，返回该类的实例。比如...",
+    "url": "https://segmentfault.com/a/1190000041080669",
+    "author": "Zealf",
+    "home_url": "https://segmentfault.com/u/zealf",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "纯前端生成Excel文件骚操作——WebAssembly & web workers",
-    "description": "SheetJS是用于多种电子表格格式的解析器和编写器。通过官方规范、相关文档以及测试文件实现简洁的JS方法。SheetJS强调解析和编写的稳健，其跨格式的特点和统一的JS规范兼容，并且ES3/ES5浏览器向后兼容IE6。",
-    "url": "https://segmentfault.com/a/1190000041061339",
-    "author": "Marckon",
-    "home_url": "https://segmentfault.com/u/marckon",
+    "title": "google-diff-match-patch文本内容对比的使用",
+    "description": "项目里面用到了文本的对比功能，就用了下google-diff-match-patch，不过也是只用了文件对比功能。这里来看一下是怎么使用的。",
+    "url": "https://segmentfault.com/a/1190000041079194",
+    "author": "极致极简",
+    "home_url": "https://segmentfault.com/u/xueyufeng",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "【JVM源码解析】虚拟机解释执行Java方法（上）",
-    "description": "前面已经写了许多篇介绍字节码指令对应的汇编代码执行逻辑，还有一些字节码指令对应的汇编代码逻辑没有介绍，这些指令包括方法调用指令、同步指令、异常抛出指令，这些指令的汇编代码实现逻辑比较复杂，所以后面...",
-    "url": "https://segmentfault.com/a/1190000041061285",
-    "author": "HeapDump性能社区",
-    "home_url": "https://segmentfault.com/u/perfma",
+    "title": "TIOBE 12 月榜：C# 有望冲击“年度编程语言奖”，PHP 遗憾跌出前十",
+    "description": "近日，TIOBE 公布了 12 月份编程语言指数排行榜。其中，Python、C、Java 依旧分列前三甲，而 PHP 已遗憾跌出前十，C# 或将有望冲击“TIOBE 年度编程语言奖”。",
+    "url": "https://segmentfault.com/a/1190000041076701",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 12
   },
   {
-    "title": "24.kubernetes(k8s)笔记 认证、授权与准入控制(四)  RBAC访问控制",
-    "description": "在上一节已经介绍过RBAC 通过绑定授权Users Accounts 得到不同作用域权限这节对Serviceaccount进行绑定授权 因为sa权限是针对Pod的权限 命令行无法直接验证 所以借助dashbaortd来验证",
-    "url": "https://segmentfault.com/a/1190000041060905",
-    "author": "Bigyong",
-    "home_url": "https://segmentfault.com/u/yilaguan_6110d16933c03",
+    "title": "QCon-OPPO数据平台Cloud Lake 降本增效实践",
+    "description": "OPPO从19年开始，用了两年时间，以K8S，容器化为核心，完成了公司混合云建设，并实现100%在线业务上云。OPPO的业务，目前覆盖国内，南亚，欧洲，美洲，在国内我们有自己的机房，在海外，更多是和公有云合作，有AW...",
+    "url": "https://segmentfault.com/a/1190000041075271",
+    "author": "OPPO数智技术",
+    "home_url": "https://segmentfault.com/u/oppo_internet_tech",
     "votes": "1",
     "rank": 13
   },
   {
-    "title": "TypeScript 官方手册翻译计划【十】：类型操控-映射类型",
-    "description": "说明：目前网上没有 TypeScript 最新官方文档的中文翻译，所以有了这么一个翻译计划。因为我也是 TypeScript 的初学者，所以无法保证翻译百分之百准确，若有错误，欢迎评论区指出；翻译内容：暂定翻译内容为 Type...",
-    "url": "https://segmentfault.com/a/1190000041059238",
-    "author": "Chor",
-    "home_url": "https://segmentfault.com/u/chor",
-    "votes": "2",
+    "title": "产品经理天马行空，表格组件应对自如",
+    "description": "前端表格组件，大概是pc端中使用最频繁的组件，也是产品经理(一般还兼理UE,EX)最能折腾的一个组件。 福兮祸兮，在折腾中磨炼了许多年后，表格组件成为我在圈内唯一敢用精通来形容的技术点。",
+    "url": "https://segmentfault.com/a/1190000041078326",
+    "author": "写个程序换个饼",
+    "home_url": "https://segmentfault.com/u/shimuyidai",
+    "votes": "1",
     "rank": 14
   },
   {
-    "title": "模仿UP主，用Python实现一个弹幕控制的直播间！",
-    "description": "灵感来源之前在B站看到一个有意思的视频：【B站】【亦】终极云游戏！五千人同开一辆车，复现经典群体智慧实验大家可以看看，很有意思。up主通过代码实现了实时读取直播间里的弹幕内容，进而控制自己的电脑，把弹...",
-    "url": "https://segmentfault.com/a/1190000041058218",
-    "author": "蛮三刀酱",
-    "home_url": "https://segmentfault.com/u/qqxx6661",
+    "title": "Networking (II)",
+    "description": "计算机网络重点概述（面试向）本篇文章主要是整理面试常问的问题七层协议7 application layer6 presentation layer5 session layer4 transport layer3 network layer2 link layer1 physical layerTCP三次握手1: c...",
+    "url": "https://segmentfault.com/a/1190000041077205",
+    "author": "Sophia",
+    "home_url": "https://segmentfault.com/u/chenyingxi",
     "votes": "1",
     "rank": 15
-  },
-  {
-    "title": "MySQL「 Every derived table must have its own alias」错误修复方法",
-    "description": "本文首发：《MySQL「 Every derived table must have its own alias」1248 错误修复法》在写带有子查询或者在查询时产生临时表的查询时，可能会出现这个错误： {代码...} 意思是「每一个派生出来的表都必须给它命...",
-    "url": "https://segmentfault.com/a/1190000041058053",
-    "author": "蒋川",
-    "home_url": "https://segmentfault.com/u/jiangchuan_5ecf6be720834",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "Flutter开源项目 - appFlowy 真的是 Notion 的替代品? 一周暴涨 star 9k 多!",
-    "description": "git[链接][链接]也就 1 周 star 9.8k，我以为他是刷的。目标&特色目标替代 Notion数据 100% 自己管理开源方式提供，你可以自己改多平台支持原生体验，估计是用了 flutter 关系编译运行git clone {代码...} 安...",
-    "url": "https://segmentfault.com/a/1190000041057911",
-    "author": "会煮咖啡的猫",
-    "home_url": "https://segmentfault.com/u/ducafecat",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "如何利用 “集群流控” 保障微服务的稳定性？",
-    "description": "简介：应用高可用服务 AHAS (Application High Availability Service) 是经阿里巴巴内部多年高可用体系沉淀下来的云产品，以流量与容错为切入点，从流量控制、不稳定调用隔离、熔断降级、热点流量防护、系统自适...",
-    "url": "https://segmentfault.com/a/1190000041057833",
-    "author": "阿里云开发者",
-    "home_url": "https://segmentfault.com/u/alijishu",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "Spring Cloud 2021.0.0 正式发布，第一个支持Spring Boot 2.6的版本！",
-    "description": "美国时间12月2日，Spring Cloud 正式发布了第一个支持 Spring Boot 2.6 的版本，版本号为：2021.0.0，codename 为 Jubilee。",
-    "url": "https://segmentfault.com/a/1190000041057693",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
-    "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "IT哲学——“万物皆对象”",
-    "description": "对于程序员来说，“万物皆对象”是路人皆知的，甚至是已经过时的话题了，但“温故而知新”，时常思考一下，总是会有新的发现。我只是一个普通程序员，每天就是思考架构、编写代码、调试bug，本文也只是把自己的思考记...",
-    "url": "https://segmentfault.com/a/1190000041057458",
-    "author": "NickWang",
-    "home_url": "https://segmentfault.com/u/nickw_cn",
-    "votes": "1",
-    "rank": 20
   }
 ]

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": "54",
+    "rank": 1
   },
   {
     "title": "CSS mask 实现鼠标跟随镂空效果",
@@ -23,8 +14,8 @@
     "url": "https://segmentfault.com/a/1190000040996523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "38",
-    "rank": 3
+    "votes": "40",
+    "rank": 2
   },
   {
     "title": "前端架构师神技，三招统一代码风格（一文讲透）",
@@ -33,7 +24,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "42",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "一些常用的 Git 进阶知识与技巧",
@@ -42,7 +33,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "35",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "3D 穿梭效果？使用 CSS 轻松搞定",
@@ -50,35 +41,17 @@
     "url": "https://segmentfault.com/a/1190000040936266",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "38",
-    "rank": 6
-  },
-  {
-    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
-    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
-    "url": "https://segmentfault.com/a/1190000040914312",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "28",
-    "rank": 7
-  },
-  {
-    "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": 8
+    "votes": "39",
+    "rank": 5
   },
   {
-    "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": 9
+    "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": "22",
+    "rank": 6
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -87,7 +60,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "26",
-    "rank": 10
+    "rank": 7
   },
   {
     "title": "处理可能超时的异步操作",
@@ -96,7 +69,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "18",
-    "rank": 11
+    "rank": 8
   },
   {
     "title": "前端Node.js面试题",
@@ -105,7 +78,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "19",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
@@ -113,8 +86,8 @@
     "url": "https://segmentfault.com/a/1190000041005444",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "24",
-    "rank": 13
+    "votes": "25",
+    "rank": 10
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -123,7 +96,7 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "21",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "面试题整理之Vue篇",
@@ -131,17 +104,8 @@
     "url": "https://segmentfault.com/a/1190000040971075",
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
-    "votes": "25",
-    "rank": 15
-  },
-  {
-    "title": "git进阶（撤销pull、撤销merge、撤销add）",
-    "description": "1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...",
-    "url": "https://segmentfault.com/a/1190000041004054",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "14",
-    "rank": 16
+    "votes": "26",
+    "rank": 12
   },
   {
     "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
@@ -149,17 +113,26 @@
     "url": "https://segmentfault.com/a/1190000041032091",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "22",
-    "rank": 17
+    "votes": "24",
+    "rank": 13
   },
   {
-    "title": "纯 Git 实现前端 CI/CD",
-    "description": "最近要高效的把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。总的部署思路分两种：编译后的文件部署源码部署编译后的文件部署，就是先在本地进行npm run build打包，生成 bu...",
-    "url": "https://segmentfault.com/a/1190000040904889",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
+    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
+    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
+    "url": "https://segmentfault.com/a/1190000041044028",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 18
+    "rank": 14
+  },
+  {
+    "title": "git进阶（撤销pull、撤销merge、撤销add）",
+    "description": "1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...",
+    "url": "https://segmentfault.com/a/1190000041004054",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "14",
+    "rank": 15
   },
   {
     "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
@@ -168,7 +141,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "23",
-    "rank": 19
+    "rank": 16
   },
   {
     "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
@@ -177,7 +150,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
@@ -186,7 +159,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "19",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -195,7 +168,16 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "12",
-    "rank": 22
+    "rank": 19
+  },
+  {
+    "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": 20
   },
   {
     "title": "使用这11个代码，可以大大地简化我们的代码。",
@@ -204,7 +186,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "用CSS来撸一只神经猫",
@@ -213,7 +195,16 @@
     "author": "linshuai",
     "home_url": "https://segmentfault.com/u/linshuai",
     "votes": "13",
-    "rank": 24
+    "rank": 22
+  },
+  {
+    "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": "23",
+    "rank": 23
   },
   {
     "title": "CSS几个有趣的属性分享",
@@ -222,24 +213,33 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "11",
-    "rank": 25
+    "rank": 24
   },
   {
-    "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": 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": "超过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",
+    "title": "Error Boundaries是这么实现的，还挺巧妙",
+    "description": "大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...",
+    "url": "https://segmentfault.com/a/1190000041057856",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "8",
     "rank": 27
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "用了很多动效，介绍 4个很  Nice 的 Veu 路由过渡动效！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040935668",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
+    "title": "简单、好懂的Svelte实现原理",
+    "description": "大家好，我卡颂。Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。让...",
+    "url": "https://segmentfault.com/a/1190000040936318",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "12",
     "rank": 30
   }
 ]