@wcj/github-rank 21.11.30 → 21.12.4

package/dist/sifou-daily.json

@@ -1,119 +1,182 @@
 [
   {
-    "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": "11",
+    "votes": "7",
     "rank": 1
   },
   {
-    "title": "分布式事务的这些常见用法都有坑，来看看正确姿势",
-    "description": "随着微服务架构的流行，随之而来就必然遇到跨服务的分布式事务这个难题。分布式事务之所以难，主要是因为分布式系统中的各个节点都可能发生各种非预期的情况。本文先介绍分布式系统中的异常问题，然后介绍这些问...",
-    "url": "https://segmentfault.com/a/1190000041031586",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "7",
+    "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",
     "rank": 2
   },
   {
-    "title": "LeetCode-133-克隆图",
-    "description": "题目描述：给你无向 连通 图中一个节点的引用，请你返回该图的 深拷贝（克隆）。图中的每个节点都包含它的值 val（int） 和其邻居的列表（list[Node]）。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接...",
-    "url": "https://segmentfault.com/a/1190000041031855",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "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": "3",
     "rank": 3
   },
   {
-    "title": "研发效能数据平台 DevLake 正式开源，连接 DevOps 中的数据孤岛",
-    "description": "工程师们反馈流程体验确实有所提升，和业务同事的沟通似乎也愉快了一些——但研发团队依然需要量化数据作为抓手，一方面佐证先前实践优化的有效性，另一方面为持续的效能提升寻找机会。",
-    "url": "https://segmentfault.com/a/1190000041033394",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "JuiceFS 数据读写流程详解",
+    "description": "对于文件系统而言，其读写的效率对整体的系统性能有决定性的影响，本文我们将通过介绍 JuiceFS 的读写请求处理流程，让大家对 JuiceFS 的特性有更进一步的了解。",
+    "url": "https://segmentfault.com/a/1190000041059243",
+    "author": "JuiceFS",
+    "home_url": "https://segmentfault.com/u/juicefs",
     "votes": "3",
     "rank": 4
   },
   {
-    "title": "CSS 自适应内容宽度的输入框",
-    "description": "通常我们见到的输入框都是宽度固定的，但有时也会碰到自适应内容宽度的，像这样目前我所知道的有两种方式，相信不难找到给普通 div 标签设置 contenteditable=\"true\"，设置 inline-block 以后，就可以自适应内容...",
-    "url": "https://segmentfault.com/a/1190000041032322",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "美团外卖终端容器无关化研发框架",
+    "description": "2019年9月，美团外卖技术团队联合多个研发部门正式推出了React2X，面向所有的前端研发人员，特别是按业务领域划分的团队，为大家提供一个完整的、开放的多终端容器无关化（Containerless）研发框架。研发同学可以...",
+    "url": "https://segmentfault.com/a/1190000041060388",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "前端小知识点",
-    "description": "1、解构小技巧平常我们需要用到一个嵌套多层的对象中某些属性，会将其解构出来使用 {代码...} 这种情况下，你把 name 和 age 从 part1 里解构出来了以后，你就无法使用变量 obj 中的 part1 属性了，如： {代码......",
-    "url": "https://segmentfault.com/a/1190000041035595",
-    "author": "小蘑菇",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "3",
+    "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",
     "rank": 6
   },
   {
-    "title": "来也科技行业研究院发布中国首份RPA开发者调研报告，专业开发者职业满意度高达 94%",
-    "description": "2021 年 11 月 29 日，来也科技行业研究院完成中国首次 RPA 开发者调研，正式发布《2021 年中国 RPA 开发者调研报告》。目前，来也科技已经建立了中国最大规模的 RPA 开发者社区，社区注册用户已超过 57 万人，本...",
-    "url": "https://segmentfault.com/a/1190000041033338",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "2",
+    "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",
     "rank": 7
   },
   {
-    "title": "看到一个魔改线程池，面试素材加一！",
-    "description": "你好呀，我是歪歪。今天给大家分享一个经过扩展后的线程池，且我觉得扩展的思路非常好的。放心，我标题党来着，我觉得面试不会有人考这个玩意，但是工作中是有可能真的会遇到相应的场景。为了引出这个线程池，我...",
-    "url": "https://segmentfault.com/a/1190000041033155",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "2",
+    "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",
+    "votes": "1",
     "rank": 8
   },
   {
-    "title": "2021 年游戏开发编程语言 Top10：C++、Java、C# 霸榜前三",
-    "description": "近日，analyticsinsight 就出炉了 2021 年游戏项目开发编程语言 Top10，其中 C++、Java、C# 霸榜前三，还有不少编程语言都属于当下备受开发者欢迎的编程语言。",
-    "url": "https://segmentfault.com/a/1190000041032893",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "一个简单标注库的插件化开发实践",
+    "description": "最近在提炼一个功能的时候发现可配置项过多，如果全都耦合在一起，首先是代码上不好维护、扩展性不好，其次是如果我不需要该功能的话会带来体积上的冗余，考虑到现在插件化的流行，于是小小的尝试了一番。",
+    "url": "https://segmentfault.com/a/1190000041062239",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "1",
     "rank": 9
   },
   {
-    "title": "花式调接口: hex vs base64",
-    "description": "作为你一个前端，可能你常常自诩，你是一个无情的API调用机器，调框架API，调服务端API；但下文可能会震惊到你，至少已经让我崩溃了好几天。",
-    "url": "https://segmentfault.com/a/1190000041031915",
-    "author": "Denzel",
-    "home_url": "https://segmentfault.com/u/denzel",
-    "votes": "2",
+    "title": "基于Delta lake、Hudi格式的湖仓一体方案",
+    "description": "简介：Delta Lake 和 Hudi 是流行的开放格式的存储层，为数据湖同时提供流式和批处理的操作，这允许我们在数据湖上直接运行 BI 等应用，让数据分析师可以即时查询新的实时数据，从而对您的业务产生即时的洞察。Ma...",
+    "url": "https://segmentfault.com/a/1190000041061760",
+    "author": "阿里云开发者",
+    "home_url": "https://segmentfault.com/u/alijishu",
+    "votes": "1",
     "rank": 10
   },
   {
-    "title": "GitHub 宕机超两小时，影响数百万开发者",
-    "description": "报道称，GitHub 在美国东部时间下午 3:45 左右开始出现问题，包括 Git 操作、API 请求、GitHub Actions、GitHub Packages、GitHub Pages 和拉取请求等服务都受到影响。",
-    "url": "https://segmentfault.com/a/1190000041032797",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "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",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "服务API版本控制设计与实践",
-    "description": "笔者曾负责vivo应用商店服务器开发，有幸见证应用商店从百万日活到几千万日活的发展历程。应用商店客户端经历了大大小小上百个版本迭代后，服务端也在架构上完成了单体到服务集群、微服务升级。",
-    "url": "https://segmentfault.com/a/1190000041031732",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "【JVM源码解析】虚拟机解释执行Java方法（上）",
+    "description": "前面已经写了许多篇介绍字节码指令对应的汇编代码执行逻辑，还有一些字节码指令对应的汇编代码逻辑没有介绍，这些指令包括方法调用指令、同步指令、异常抛出指令，这些指令的汇编代码实现逻辑比较复杂，所以后面...",
+    "url": "https://segmentfault.com/a/1190000041061285",
+    "author": "HeapDump性能社区",
+    "home_url": "https://segmentfault.com/u/perfma",
     "votes": "1",
     "rank": 12
   },
   {
-    "title": "java快排实现v2.0",
-    "description": "{代码...}",
-    "url": "https://segmentfault.com/a/1190000041036464",
-    "author": "AdventureSpirit",
-    "home_url": "https://segmentfault.com/u/adventurespirit",
+    "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",
     "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",
+    "rank": 14
+  },
+  {
+    "title": "模仿UP主，用Python实现一个弹幕控制的直播间！",
+    "description": "灵感来源之前在B站看到一个有意思的视频：【B站】【亦】终极云游戏！五千人同开一辆车，复现经典群体智慧实验大家可以看看，很有意思。up主通过代码实现了实时读取直播间里的弹幕内容，进而控制自己的电脑，把弹...",
+    "url": "https://segmentfault.com/a/1190000041058218",
+    "author": "蛮三刀酱",
+    "home_url": "https://segmentfault.com/u/qqxx6661",
+    "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

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040942225",
     "author": "lzg9527",
     "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "51",
+    "votes": "52",
     "rank": 2
   },
   {
@@ -23,26 +23,17 @@
     "url": "https://segmentfault.com/a/1190000040996523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "34",
+    "votes": "38",
     "rank": 3
   },
-  {
-    "title": "肝完《浏览器基本原理与实践》，我总结了这些",
-    "description": "作为一名前端er，日常工作打交道最多（之一）的莫过于熟悉而又陌生的浏览器了，熟悉是每天都会基于浏览器的应用层面之上码业务，陌生是很多人可能跟我一样不熟悉其内部运行原理，比如js是怎样运行的呢？精美样式...",
-    "url": "https://segmentfault.com/a/1190000040896436",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "43",
-    "rank": 4
-  },
   {
     "title": "前端架构师神技，三招统一代码风格（一文讲透）",
     "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
     "url": "https://segmentfault.com/a/1190000040948561",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "41",
-    "rank": 5
+    "votes": "42",
+    "rank": 4
   },
   {
     "title": "一些常用的 Git 进阶知识与技巧",
@@ -50,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000040930212",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "33",
-    "rank": 6
+    "votes": "35",
+    "rank": 5
   },
   {
     "title": "3D 穿梭效果？使用 CSS 轻松搞定",
@@ -60,16 +51,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "38",
-    "rank": 7
+    "rank": 6
   },
   {
-    "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": "32",
-    "rank": 8
+    "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 实现各类进度条的方式",
@@ -78,7 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "10个可视化 CSS 工具， 快速生成 CSS 片段，渣男，又想抛弃我！！",
@@ -87,16 +78,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "32",
-    "rank": 10
-  },
-  {
-    "title": "【建议收藏】面试官贼喜欢问的 32+ vue 修饰符，你掌握几种啦？",
-    "description": "vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！",
-    "url": "https://segmentfault.com/a/1190000040914312",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "27",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -104,17 +86,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": 10
   },
   {
     "title": "处理可能超时的异步操作",
@@ -123,7 +96,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "18",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "前端Node.js面试题",
@@ -132,7 +105,16 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "19",
-    "rank": 15
+    "rank": 12
+  },
+  {
+    "title": "以 Vuex 为引，一窥状态管理全貌",
+    "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。",
+    "url": "https://segmentfault.com/a/1190000041005444",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "24",
+    "rank": 13
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -141,16 +123,7 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "21",
-    "rank": 16
-  },
-  {
-    "title": "把程序做成系统服务",
-    "description": "写程序，难免会遇到需要做成系统服务的需求。Windows 下写系统服务需要实现一些特定的接口，做起来有一定难度，所以不少程序采用了 近似的备选方案 —— 做成带系统任务栏图标的桌面应用。但是，服务之所以是服务，...",
-    "url": "https://segmentfault.com/a/1190000040895843",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "14",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "面试题整理之Vue篇",
@@ -159,16 +132,7 @@
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
     "votes": "25",
-    "rank": 18
-  },
-  {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040891379",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "23",
-    "rank": 19
+    "rank": 15
   },
   {
     "title": "git进阶（撤销pull、撤销merge、撤销add）",
@@ -176,26 +140,17 @@
     "url": "https://segmentfault.com/a/1190000041004054",
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "13",
-    "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
+    "votes": "14",
+    "rank": 16
   },
   {
-    "title": "以 Vuex 为引，一窥状态管理全貌",
-    "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。",
-    "url": "https://segmentfault.com/a/1190000041005444",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "21",
-    "rank": 22
+    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
+    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
+    "url": "https://segmentfault.com/a/1190000041032091",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "22",
+    "rank": 17
   },
   {
     "title": "纯 Git 实现前端 CI/CD",
@@ -204,7 +159,16 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 23
+    "rank": 18
+  },
+  {
+    "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
+    "description": "大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！",
+    "url": "https://segmentfault.com/a/1190000040996585",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "23",
+    "rank": 19
   },
   {
     "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
@@ -213,16 +177,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 24
+    "rank": 20
   },
   {
-    "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
-    "description": "大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！",
-    "url": "https://segmentfault.com/a/1190000040996585",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "20",
-    "rank": 25
+    "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": 21
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -230,8 +194,8 @@
     "url": "https://segmentfault.com/a/1190000040980305",
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "11",
-    "rank": 26
+    "votes": "12",
+    "rank": 22
   },
   {
     "title": "使用这11个代码，可以大大地简化我们的代码。",
@@ -240,7 +204,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 27
+    "rank": 23
+  },
+  {
+    "title": "用CSS来撸一只神经猫",
+    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
+    "url": "https://segmentfault.com/a/1190000041016364",
+    "author": "linshuai",
+    "home_url": "https://segmentfault.com/u/linshuai",
+    "votes": "13",
+    "rank": 24
   },
   {
     "title": "CSS几个有趣的属性分享",
@@ -249,7 +222,25 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "11",
-    "rank": 28
+    "rank": 25
+  },
+  {
+    "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": "13",
+    "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",
+    "rank": 27
   },
   {
     "title": "可以中断的异步操作",
@@ -258,7 +249,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "10",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "11 个对开发有帮助的 JS 技巧，进收藏夹当小词典吧！",
@@ -267,6 +258,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
+    "rank": 29
+  },
+  {
+    "title": "用了很多动效，介绍 4个很  Nice 的 Veu 路由过渡动效！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040935668",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
     "rank": 30
   }
 ]