@wcj/github-rank 21.12.13 → 21.12.17

package/dist/sifou-daily.json

@@ -1,128 +1,101 @@
 [
   {
-    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
-    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
-    "url": "https://segmentfault.com/a/1190000041103446",
-    "author": "jrainlau",
-    "home_url": "https://segmentfault.com/u/jrainlau",
+    "title": "这是什么选秀节目？数百万人看后想学「机器学习」",
+    "description": "“秋名山上行人稀，常有车手较高低。如今无人车当道，全是 AI 老司机。”且问 AI 老司机表现如何？可灵活转弯，控速自如：可行云流水，沿最优路线过弯：更可多次打圈，绕多少下也不在话下：这场竞速赛事，主角确实...",
+    "url": "https://segmentfault.com/a/1190000041130996",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "4",
     "rank": 1
   },
   {
-    "title": "JZ-023-二叉搜索树的后序遍历序列",
-    "description": "输入一个整数数组，判断该数组是不是某二叉搜索树的后序遍历的结果。如果是则返回true,否则返回false。假设输入的数组的任意两个数字都互不相同。题目链接: 二叉搜索树的后序遍历序列",
-    "url": "https://segmentfault.com/a/1190000041103032",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "5",
+    "title": "100行代码实现React核心调度功能",
+    "description": "大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...",
+    "url": "https://segmentfault.com/a/1190000041126142",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "6",
     "rank": 2
   },
   {
-    "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
-    "description": "近日，Log4j2 被爆出现史诗级利用成本极低危害极大的漏洞，黑客可通过发送一条指令即可控制目标设备。Log4j2 作为基础日志组件被大量基础服务在底层使用，据统计，该漏洞影响6万+流行开源软件，影响70%以上的企业...",
-    "url": "https://segmentfault.com/a/1190000041105568",
-    "author": "火线安全",
-    "home_url": "https://segmentfault.com/u/_61b60eb51e838",
+    "title": "2021，沪漂五年考研上岸",
+    "description": "2021年，依然是为生活忙碌的一年，考研、考证、换工作......​回想起去年此时正在紧张的备战考研，或许是年龄大了心态不如从前了，考试前夕特别焦虑一度失眠。不过过程都不重要了，因为结果还不错，现在已经入学半...",
+    "url": "https://segmentfault.com/a/1190000041126859",
+    "author": "翻雪",
+    "home_url": "https://segmentfault.com/u/fanxue",
     "votes": "3",
     "rank": 3
   },
   {
-    "title": "在腾讯这一年，坚守初心持续单纯 | 2021年终总结",
-    "description": "每年的 12 月总像是一场告别，2021 年从起点到终点也该时候跟你说一声再见，忙碌的一年难得周五请假搬完了家，在夕阳下写下这篇文章回忆总结这一年，这一年回望来时的路，至少有一些同事给我鼓励和安慰，至少有些...",
-    "url": "https://segmentfault.com/a/1190000041106004",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "1",
+    "title": "利用 clip-path 实现动态区域裁剪",
+    "description": "背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...",
+    "url": "https://segmentfault.com/a/1190000041126373",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "4",
     "rank": 4
   },
   {
-    "title": "web页面集成调用第三方exe -- 编写注册表",
-    "description": "注册表的方式使用注册表的方式，通过注册表协议即可调用相应的桌面exe如在浏览器输入vscode:// ，回车之后即可出现如下的页面如何编写一个注册表1.编写reg文件，定义注册表的协议及目标exe的文件位置 {代码...} 2...",
-    "url": "https://segmentfault.com/a/1190000041105267",
-    "author": "坚果面包",
-    "home_url": "https://segmentfault.com/u/zlz_daytoy",
-    "votes": "1",
+    "title": "快速掌握新版本PHP新功能的技巧",
+    "description": "最新PHP版本更新迭代非常快，很多小伙伴都直呼学不动了。又因为文档具有一定的滞后性，看全英文RFC也是有点门槛的事情。所以本文想教大家一种比较快速全面了解新功能的技巧。",
+    "url": "https://segmentfault.com/a/1190000041130373",
+    "author": "church",
+    "home_url": "https://segmentfault.com/u/church",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "公司用的 MySQL 团队开发规范，太详细了，建议收藏！",
-    "description": "数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...",
-    "url": "https://segmentfault.com/a/1190000041105650",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "2",
+    "title": "我们开源了一个轻量的 Web IDE UI 框架",
+    "description": "Molecule 是一个受 VS Code 启发，使用 React.js 构建的 Web IDE UI 框架。通过一种类似 VS Code 扩展机制（Extension），可快速、轻松搭建一个高度抽象的 Web IDE UI 系统。同时基于 Monaco Editor，内置集成了 ...",
+    "url": "https://segmentfault.com/a/1190000041128062",
+    "author": "袋鼠云数栈前端",
+    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
+    "votes": "5",
     "rank": 6
   },
   {
-    "title": "微软专家推出新型 AI 工具：自动查 Bug；Android 12L Beta1 发布 | 思否周刊",
-    "description": "40s 新闻速递2021 全球最具创新企业公布，华为超越三星拿下第一微软专家推出新型 AI 工具，能自动发现代码中的 Bug谷歌发布 2021 年全球热搜榜苹果放宽隐私限制：允许 Facebook 分享 iPhone 用户数据微软逼迫 Off...",
-    "url": "https://segmentfault.com/a/1190000041103651",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "面试被问TopK问题，可以这样优雅的解答",
+    "description": "前言hello，大家好，我是bigsai哥哥，好久不见，甚是想念哇🤩！今天给大家分享一个TOPK问题，不过我这里不考虑特别大分布式的解决方案，普通的一道算法题。首先搞清楚，什么是topK问题？topK问题，就是找出序列中...",
+    "url": "https://segmentfault.com/a/1190000041127350",
+    "author": "bigsai",
+    "home_url": "https://segmentfault.com/u/bigsai",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "react源码解析7.Fiber架构",
-    "description": "react源码解析7.Fiber架构视频讲解（高效学习）：进入学习往期文章：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.r...",
-    "url": "https://segmentfault.com/a/1190000041106072",
-    "author": "zz1998",
-    "home_url": "https://segmentfault.com/u/111_60d6df43bc186",
-    "votes": "1",
+    "title": "我画了13张图，用最通俗易懂的话讲HTTPS，拿下！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心。相信大家平时肯定经常跟 HTTPS 打交道，比如 请求接口、访问网站 等等。。那我们也会经常思考： HTTPS 是啥？...",
+    "url": "https://segmentfault.com/a/1190000041132181",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "面试官:说说你对react生命周期的理解",
-    "description": "hello，这里是潇晨，今天我们来看下react生命周期在各个阶段是怎样执行的，在面试的过程中有没有遇到这个问题呢，大家也可以学习往期react源码体系文章哦，往期文章目录在文章结尾。",
-    "url": "https://segmentfault.com/a/1190000041106058",
-    "author": "全栈潇晨",
-    "home_url": "https://segmentfault.com/u/xiaochen1024",
-    "votes": "2",
+    "title": "区间算法题用线段树可以秒解？",
+    "description": "区间算法题用线段树可以秒解？背景给一个两个数组，其中一个数组是 A [1,2,3,4]，另外一个数组是 B [5,6,7,8]。让你求两个数组合并后的大数组的：最大值最小值总和这题是不是很简单？我们直接可以很轻松地在 $O(m...",
+    "url": "https://segmentfault.com/a/1190000041131846",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "1",
     "rank": 9
   },
   {
-    "title": "QingScan漏洞扫描器初体验",
-    "description": "最近在几个微信群里看到好些人在讨论这个QingScan扫描器，听他们聊得火热我也去GitHub上看了看，GitHub的介绍说集合了各类安全工具，只需要输入一个URL,便会自动调用近30款安全工具对目标进行扫描，于是我下载了...",
-    "url": "https://segmentfault.com/a/1190000041105675",
-    "author": "婷婷的橙子",
-    "home_url": "https://segmentfault.com/u/chen_5e91634258c70",
+    "title": "严重危害警告！Log4j 执行漏洞被公开！",
+    "description": "Log4j2 是一个基于 Java 的日志记录工具。它重写了 Log4j 框架，引入了大量丰富特性，让用户可以控制日志信息输送的目的地为控制台、文件、GUI 组件等。同时通过定义每一条日志信息的级别，让使用者能够更加细致...",
+    "url": "https://segmentfault.com/a/1190000041128048",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "build your own react",
-    "description": "一、这段代码怎么个逻辑 {代码...} babel帮我们转化（react17以后，react内置了转化工具） {代码...} 最终转成对象type是dom节点的类型, 它是通过document.createElement 创建的标签名称type也可能是个函数，sep ...",
-    "url": "https://segmentfault.com/a/1190000041105462",
-    "author": "lihaixing",
-    "home_url": "https://segmentfault.com/u/lihaixing",
+    "title": "用Three.js做一个地球自转，月球绕着地球转的Demo",
+    "description": "Third Scene实现一个月球绕着地球旋转的 Demo源码地址 threejs-demo预览地址需要用到的包 {代码...} 实现创建 scence，实例化纹理加载器，添加时钟 {代码...} 创建地球对象和月球对象实例化月球对象 {代码...} 实...",
+    "url": "https://segmentfault.com/a/1190000041129208",
+    "author": "shellingfordly",
+    "home_url": "https://segmentfault.com/u/shellingfordly",
     "votes": "1",
     "rank": 11
-  },
-  {
-    "title": "docker容器高性能之文件句柄",
-    "description": "一、前言  前段时间同事遇到了一个容器内文件句柄泄漏的问题，容器内部偶发性出现Too many open files报错。当时的文件句柄配置如下：问题是不是来了，主机的文件句柄和容器的文件句柄数有关系吗？是什么关系呢？...",
-    "url": "https://segmentfault.com/a/1190000041105289",
-    "author": "开翻挖掘机的bdz",
-    "home_url": "https://segmentfault.com/u/wajueji9527",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "核弹级漏洞！我把log4j底裤都给扒了！",
-    "description": "大家好，我是周杰伦。相信大家这两天应该被这么一条新闻刷屏了：这个漏洞到底是怎么回事？核弹级，真的有那么厉害吗？怎么利用这个漏洞呢？我看了很多技术分析文章，都太过专业，很多非Java技术栈或者不搞安全的...",
-    "url": "https://segmentfault.com/a/1190000041104387",
-    "author": "代码熬夜敲",
-    "home_url": "https://segmentfault.com/u/2uj39mdb",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "乐观锁 悲观锁",
-    "description": "在Java和MySql中，都有基于乐观锁和悲观锁的实现。Java中的atomic包（CAS，基于乐观锁），synchronized（重量级锁，基于悲观锁）；MySql中的lock in share mode和select for update；",
-    "url": "https://segmentfault.com/a/1190000041103906",
-    "author": "老污的猫",
-    "home_url": "https://segmentfault.com/u/wu_cat",
-    "votes": "1",
-    "rank": 14
   }
 ]

package/dist/sifou-monthly.json

@@ -5,16 +5,16 @@
     "url": "https://segmentfault.com/a/1190000040996523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "42",
+    "votes": "43",
     "rank": 1
   },
   {
-    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
-    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
-    "url": "https://segmentfault.com/a/1190000040948561",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "44",
+    "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
+    "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
+    "url": "https://segmentfault.com/a/1190000041099699",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "28",
     "rank": 2
   },
   {
@@ -26,24 +26,33 @@
     "votes": "28",
     "rank": 3
   },
-  {
-    "title": "处理可能超时的异步操作",
-    "description": "自从 ECMAScript 的 Promise ES2015 和 async/await ES2017 特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“...",
-    "url": "https://segmentfault.com/a/1190000040963849",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "19",
-    "rank": 4
-  },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
     "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。",
     "url": "https://segmentfault.com/a/1190000041005444",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "27",
+    "rank": 4
+  },
+  {
+    "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": "25",
     "rank": 5
   },
+  {
+    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
+    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
+    "url": "https://segmentfault.com/a/1190000041032091",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "27",
+    "rank": 6
+  },
   {
     "title": "一文讲透自适应熔断的原理和实现",
     "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
@@ -51,7 +60,7 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "22",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
@@ -59,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000041044028",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
-    "rank": 7
+    "votes": "23",
+    "rank": 8
   },
   {
     "title": "面试题整理之Vue篇",
@@ -69,16 +78,16 @@
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
     "votes": "27",
-    "rank": 8
+    "rank": 9
   },
   {
-    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
-    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
-    "url": "https://segmentfault.com/a/1190000041032091",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "25",
-    "rank": 9
+    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
+    "url": "https://segmentfault.com/a/1190000041089764",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "16",
+    "rank": 10
   },
   {
     "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
@@ -87,7 +96,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "25",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "git进阶（撤销pull、撤销merge、撤销add）",
@@ -96,16 +105,16 @@
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "14",
-    "rank": 11
+    "rank": 12
   },
   {
-    "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": "21",
-    "rank": 12
+    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041000841",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "17",
+    "rank": 13
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -114,25 +123,34 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "12",
-    "rank": 13
+    "rank": 14
   },
   {
-    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041000841",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 14
+    "title": "用CSS来撸一只神经猫",
+    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
+    "url": "https://segmentfault.com/a/1190000041016364",
+    "author": "linshuai",
+    "home_url": "https://segmentfault.com/u/linshuai",
+    "votes": "15",
+    "rank": 15
   },
   {
-    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
-    "url": "https://segmentfault.com/a/1190000041089764",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
+    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
+    "url": "https://segmentfault.com/a/1190000041103446",
+    "author": "jrainlau",
+    "home_url": "https://segmentfault.com/u/jrainlau",
+    "votes": "15",
+    "rank": 16
+  },
+  {
+    "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
+    "description": "可能会有不少人把票投给 Amazon Graviton3。这不仅因为“自研芯片”这个概念在当下成为了“硬核实力”的象征、大众喜闻乐见的话题，也不仅因为芯片代表了云服务最基础的能力，更是因为 Amazon Graviton3 的发布，实实...",
+    "url": "https://segmentfault.com/a/1190000041098622",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 15
+    "rank": 17
   },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
@@ -141,7 +159,7 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "rank": 16
+    "rank": 18
   },
   {
     "title": "Error Boundaries是这么实现的，还挺巧妙",
@@ -150,16 +168,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 17
-  },
-  {
-    "title": "用CSS来撸一只神经猫",
-    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
-    "url": "https://segmentfault.com/a/1190000041016364",
-    "author": "linshuai",
-    "home_url": "https://segmentfault.com/u/linshuai",
-    "votes": "14",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "使用这11个代码，可以大大地简化我们的代码。",
@@ -168,7 +177,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 19
+    "rank": 20
+  },
+  {
+    "title": "现代配置指南——YAML 比 JSON 高级在哪？",
+    "description": "一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...",
+    "url": "https://segmentfault.com/a/1190000041108051",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "16",
+    "rank": 21
+  },
+  {
+    "title": "「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！",
+    "description": "就在今年年初，我成为了一名作者，我的昵称是「Sunshine_Lin」，这是因为这个英文名跟我「林三心」的发音很像。他们都叫我「三心哥」，虽然我是个菜鸟，但是他们都叫我哥，还有，用最通俗的话讲最难的知识点是我...",
+    "url": "https://segmentfault.com/a/1190000041037062",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "20",
+    "rank": 22
   },
   {
     "title": "重写数组的方法（改变原数组）",
@@ -177,7 +204,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "10",
-    "rank": 20
+    "rank": 23
   },
   {
     "title": "2021 re:Invent ，我们到底该关注哪些发布？",
@@ -186,7 +213,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 21
+    "rank": 24
+  },
+  {
+    "title": "如果将元宇宙逐层拆解，你会发现内核是“云”",
+    "description": "2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...",
+    "url": "https://segmentfault.com/a/1190000041109778",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "9",
+    "rank": 25
   },
   {
     "title": "一个 Babelfish ，看懂云数据库的发展方向",
@@ -195,25 +231,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 22
-  },
-  {
-    "title": "CSS几个有趣的属性分享",
-    "description": "这篇文字给大家分享几个有意思的css属性directionunicode-bidiwriting-modetext-orientation按钮或者文本左右顺序置换置换按钮位置常规做法：HTML元素换个位置float:right,那还要居中呢？js置换dom顺序CSS，css可...",
-    "url": "https://segmentfault.com/a/1190000040950850",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "11",
-    "rank": 23
-  },
-  {
-    "title": "「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！",
-    "description": "就在今年年初，我成为了一名作者，我的昵称是「Sunshine_Lin」，这是因为这个英文名跟我「林三心」的发音很像。他们都叫我「三心哥」，虽然我是个菜鸟，但是他们都叫我哥，还有，用最通俗的话讲最难的知识点是我...",
-    "url": "https://segmentfault.com/a/1190000041037062",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "19",
-    "rank": 24
+    "rank": 26
   },
   {
     "title": "安排几款实用的内网穿透工具+教程",
@@ -222,7 +240,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "13",
-    "rank": 25
+    "rank": 27
   },
   {
     "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
@@ -231,7 +249,16 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
-    "rank": 26
+    "rank": 28
+  },
+  {
+    "title": "公司用的 MySQL 团队开发规范，太详细了，建议收藏！",
+    "description": "数据库对象是数据库的组成部分，常见的有以下几种：表（Table ）、索引（Index）、视图（View）、图表（Diagram）、缺省值（Default）、规则（Rule）、触发器（Trigger）、存储过程（Stored Procedure）、 用户（...",
+    "url": "https://segmentfault.com/a/1190000041105650",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "15",
+    "rank": 29
   },
   {
     "title": "可以中断的异步操作",
@@ -240,33 +267,6 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "10",
-    "rank": 27
-  },
-  {
-    "title": "你说你会Promise？那你解决一下项目中的这五个难题？",
-    "description": "大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，众所周知哈， Promise 在咱们的开发中是相当的重要，我觉得对于 Promise 的使用等级，可以分为三个等级",
-    "url": "https://segmentfault.com/a/1190000041025373",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "16",
-    "rank": 28
-  },
-  {
-    "title": "押注云计算未来先机，re:Invent 2021邀请你共赴“十年之约”",
-    "description": "在2021年的“十四五”规划中，数字中国建设被提到了新的高度，其中云计算作为重点产业之一出现在其中，由此也可预见，云计算软件或将迎来新的发展契机。",
-    "url": "https://segmentfault.com/a/1190000041052149",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "10",
-    "rank": 29
-  },
-  {
-    "title": "后端一次给你10万条数据，如何优雅展示，到底考察我什么?",
-    "description": "大家好，我是林三心，用最通俗的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天跟大家来唠唠嗑，如果后端真的返回给前端10万条数据，咱们前端要怎么优雅地展示出来呢？（哈哈假设后端真的能传1...",
-    "url": "https://segmentfault.com/a/1190000041003321",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "10",
     "rank": 30
   }
 ]