@wcj/github-rank 21.12.9 → 21.12.13

package/web/data/sifou-daily.json

@@ -1,110 +1,128 @@
 [
   {
-    "title": "小蝌蚪传记：前端实用技巧，通过babel精准操作js文件",
-    "description": "今天是暗恋她的第90天，但我马上就要失恋了 因为组织架构变动，我要换到一个离她很远的地方暗恋她的90天里，我一直在997每天都在跟同类互相残杀我厌倦了和一群老男人加班的日子她是这段黑暗时间里，唯一的光她曾...",
-    "url": "https://segmentfault.com/a/1190000041081789",
-    "author": "第一名的小蝌蚪",
-    "home_url": "https://segmentfault.com/u/diyimingdexiao",
-    "votes": "6",
+    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
+    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
+    "url": "https://segmentfault.com/a/1190000041103446",
+    "author": "jrainlau",
+    "home_url": "https://segmentfault.com/u/jrainlau",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "没有拿一分钱融资，三个俄罗斯程序员如何打造百亿美金独角兽公司JetBrains",
-    "description": "原标题：《9000字拆解JetBrains：屡次拒绝融资的Geek创业成功之路》作者 ：阿法兔，文科转计算机，连续创业者，技术生活进化论创始人。19世纪下半期，俄国科学技术有了很大发展，也出现了很多杰出的科学家。比较...",
-    "url": "https://segmentfault.com/a/1190000041083795",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "4",
+    "title": "JZ-023-二叉搜索树的后序遍历序列",
+    "description": "输入一个整数数组，判断该数组是不是某二叉搜索树的后序遍历的结果。如果是则返回true,否则返回false。假设输入的数组的任意两个数字都互不相同。题目链接: 二叉搜索树的后序遍历序列",
+    "url": "https://segmentfault.com/a/1190000041103032",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "JZ-019-顺时针打印矩阵",
-    "description": "输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字，例如，如果输入如下4 X 4矩阵： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16则依次打印出数字1,2,3,4,8,12,16,15,14,13,9,5,6,7,11,10.题目链接: 顺...",
-    "url": "https://segmentfault.com/a/1190000041083769",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
+    "description": "近日，Log4j2 被爆出现史诗级利用成本极低危害极大的漏洞，黑客可通过发送一条指令即可控制目标设备。Log4j2 作为基础日志组件被大量基础服务在底层使用，据统计，该漏洞影响6万+流行开源软件，影响70%以上的企业...",
+    "url": "https://segmentfault.com/a/1190000041105568",
+    "author": "火线安全",
+    "home_url": "https://segmentfault.com/u/_61b60eb51e838",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "小失误，大问题 —— 为已发布的接口更名",
-    "description": "写代码难免出现失误。在对某些已经发布的库进行升级或者审查的时候，就有可能会发现一些接口名称需要变更。比如，早期命名不符合特定规范，或者出现了难以发现的拼写错误等。有错当然是要改的，但是直接更名会影...",
-    "url": "https://segmentfault.com/a/1190000041085377",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "title": "在腾讯这一年，坚守初心持续单纯 | 2021年终总结",
+    "description": "每年的 12 月总像是一场告别，2021 年从起点到终点也该时候跟你说一声再见，忙碌的一年难得周五请假搬完了家，在夕阳下写下这篇文章回忆总结这一年，这一年回望来时的路，至少有一些同事给我鼓励和安慰，至少有些...",
+    "url": "https://segmentfault.com/a/1190000041106004",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "Redis轻松实现秒杀系统",
-    "description": "本文章转自：乐字节文章主要讲解：Redis获取更多Java相关资料可以关注公众号《乐字节》 发送：999缓存Cache缓存的概念缓存是存储在计算机上的一个原始数据复制集，以便于访问。Web项目常见的缓存场景缓存击穿概念...",
-    "url": "https://segmentfault.com/a/1190000041086400",
-    "author": "p79xkx2z",
-    "home_url": "https://segmentfault.com/u/p79xkx2z",
+    "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",
     "rank": 5
   },
   {
-    "title": "恒源云_【功能更新】实例日志上线，操作一目了然",
-    "description": "文章来源 | 恒源云社区原文地址 | 实例日志新功能一：操作记录大家期盼已久的实例日志，终于上线了！开关机、重启、镜像还原、初始化实例等操作，都可以在【实例管理】下的【操作记录】查看，再也无需通过账单回...",
-    "url": "https://segmentfault.com/a/1190000041084858",
-    "author": "恒源云",
-    "home_url": "https://segmentfault.com/u/gpushare",
-    "votes": "1",
+    "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",
     "rank": 6
   },
   {
-    "title": "递归异步请求生成目录树",
-    "description": "前端递归异步生成目录树需求，给出一个根节点id，每个节点都会发起异步请求，递归生成目录树 {代码...} {代码...} {代码...} 输出结果 {代码...}",
-    "url": "https://segmentfault.com/a/1190000041084806",
-    "author": "夜雨入心",
-    "home_url": "https://segmentfault.com/u/yeyuruxin",
+    "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",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "为什么重写equals必须重写hashCode",
-    "description": "equals常见面试题在开始聊之前，我们先看几个常见的面试题，看看你能不能都回答上来。1、equals和==有什么区别？2、hashcode相等的两个对象一定==相等吗？equals相等吗？3、两个对象用equals比较相等，那它们的ha...",
-    "url": "https://segmentfault.com/a/1190000041084056",
-    "author": "bingfeng",
-    "home_url": "https://segmentfault.com/u/xiaotao_5c2cdb80411ca",
+    "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",
     "rank": 8
   },
   {
-    "title": "基于树莓派部署 code-server",
-    "description": "原文链接code-server 是 vscode 的服务端程序，通过部署 code-server 在服务器，可以实现 web 端访问 vscode。进而可以达到以下能力:支持跨设备(Mac/iPad/iPhone 等等)编程，同时保证多端编程环境统一。支持在 we...",
-    "url": "https://segmentfault.com/a/1190000041083951",
-    "author": "牧云云",
-    "home_url": "https://segmentfault.com/u/muyunyun",
-    "votes": "1",
+    "title": "面试官:说说你对react生命周期的理解",
+    "description": "hello，这里是潇晨，今天我们来看下react生命周期在各个阶段是怎样执行的，在面试的过程中有没有遇到这个问题呢，大家也可以学习往期react源码体系文章哦，往期文章目录在文章结尾。",
+    "url": "https://segmentfault.com/a/1190000041106058",
+    "author": "全栈潇晨",
+    "home_url": "https://segmentfault.com/u/xiaochen1024",
+    "votes": "2",
     "rank": 9
   },
   {
-    "title": "恒源云_语音识别与语义处理领域之 NAG 优化器",
-    "description": "文章来源 | 恒源云社区(专注人工智能/深度学习云 GPU 服务器训练平台，官方体验网址：恒源智享云)原文地址 | NAG优化器原文作者 | 角灰社区人才济济，小编今天又发现一个宝藏版主‘角灰’。小编是个爱分享的人，看...",
-    "url": "https://segmentfault.com/a/1190000041083453",
-    "author": "恒源云",
-    "home_url": "https://segmentfault.com/u/gpushare",
+    "title": "QingScan漏洞扫描器初体验",
+    "description": "最近在几个微信群里看到好些人在讨论这个QingScan扫描器，听他们聊得火热我也去GitHub上看了看，GitHub的介绍说集合了各类安全工具，只需要输入一个URL,便会自动调用近30款安全工具对目标进行扫描，于是我下载了...",
+    "url": "https://segmentfault.com/a/1190000041105675",
+    "author": "婷婷的橙子",
+    "home_url": "https://segmentfault.com/u/chen_5e91634258c70",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "Java性能优化之影响性能的那些细节（二）",
-    "description": "Java性能优化之影响性能的那些细节 - 续来了。打算把这个标题整个系列文章，后面慢慢积累慢慢写。这是第一篇入口。这次内容主要来源于《Java程序性能优化实战》这本书，算是一份读书笔记，感兴趣的小伙伴可以阅读...",
-    "url": "https://segmentfault.com/a/1190000041085415",
-    "author": "开翻挖掘机的bdz",
-    "home_url": "https://segmentfault.com/u/wajueji9527",
+    "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",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "defineProperty 和 Proxy区别（直接上结论有一句废话你打我）",
-    "description": "在Vue2和3 中 defineProperty 和 Proxy 都是用来实现响应式数据绑定的。实现的功能类似，但是两个API却有着本质的区别。",
-    "url": "https://segmentfault.com/a/1190000041084082",
-    "author": "海洋饼干",
-    "home_url": "https://segmentfault.com/u/zhouhaiyang",
+    "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/web/data/sifou-monthly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "这几个高级前端常用的API，你用到了吗？",
-    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
-    "url": "https://segmentfault.com/a/1190000040942225",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "56",
-    "rank": 1
-  },
   {
     "title": "CSS mask 实现鼠标跟随镂空效果",
     "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
     "url": "https://segmentfault.com/a/1190000040996523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "40",
-    "rank": 2
+    "votes": "42",
+    "rank": 1
   },
   {
     "title": "前端架构师神技，三招统一代码风格（一文讲透）",
@@ -23,26 +14,8 @@
     "url": "https://segmentfault.com/a/1190000040948561",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "42",
-    "rank": 3
-  },
-  {
-    "title": "一些常用的 Git 进阶知识与技巧",
-    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
-    "url": "https://segmentfault.com/a/1190000040930212",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "35",
-    "rank": 4
-  },
-  {
-    "title": "3D 穿梭效果？使用 CSS 轻松搞定",
-    "description": "背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...",
-    "url": "https://segmentfault.com/a/1190000040936266",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "40",
-    "rank": 5
+    "votes": "44",
+    "rank": 2
   },
   {
     "title": "React、Vue我全都要！React Hook 实现 Vue 的11个基本功能",
@@ -50,17 +23,8 @@
     "url": "https://segmentfault.com/a/1190000041056865",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "27",
-    "rank": 6
-  },
-  {
-    "title": "23 个非常有用的 NodeJs 库",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040929396",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "26",
-    "rank": 7
+    "votes": "28",
+    "rank": 3
   },
   {
     "title": "处理可能超时的异步操作",
@@ -68,26 +32,8 @@
     "url": "https://segmentfault.com/a/1190000040963849",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "18",
-    "rank": 8
-  },
-  {
-    "title": "前端Node.js面试题",
-    "description": "Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。我们可以理解为：Node.js 就是一个...",
-    "url": "https://segmentfault.com/a/1190000040937008",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "19",
-    "rank": 9
-  },
-  {
-    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
-    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
-    "url": "https://segmentfault.com/a/1190000041044028",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
-    "rank": 10
+    "rank": 4
   },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
@@ -96,7 +42,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "25",
-    "rank": 11
+    "rank": 5
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -104,8 +50,17 @@
     "url": "https://segmentfault.com/a/1190000040978572",
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "21",
-    "rank": 12
+    "votes": "22",
+    "rank": 6
+  },
+  {
+    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
+    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
+    "url": "https://segmentfault.com/a/1190000041044028",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
+    "rank": 7
   },
   {
     "title": "面试题整理之Vue篇",
@@ -113,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000040971075",
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
-    "votes": "26",
-    "rank": 13
+    "votes": "27",
+    "rank": 8
   },
   {
     "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
@@ -122,17 +77,8 @@
     "url": "https://segmentfault.com/a/1190000041032091",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "24",
-    "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
+    "votes": "25",
+    "rank": 9
   },
   {
     "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
@@ -140,17 +86,17 @@
     "url": "https://segmentfault.com/a/1190000040996585",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "24",
-    "rank": 16
+    "votes": "25",
+    "rank": 10
   },
   {
-    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041000841",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 17
+    "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": 11
   },
   {
     "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
@@ -158,8 +104,8 @@
     "url": "https://segmentfault.com/a/1190000041031214",
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "19",
-    "rank": 18
+    "votes": "21",
+    "rank": 12
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -168,16 +114,25 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "12",
-    "rank": 19
+    "rank": 13
   },
   {
-    "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": "10",
-    "rank": 20
+    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041000841",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 14
+  },
+  {
+    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
+    "url": "https://segmentfault.com/a/1190000041089764",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "11",
+    "rank": 15
   },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
@@ -186,7 +141,25 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "rank": 21
+    "rank": 16
+  },
+  {
+    "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": "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
   },
   {
     "title": "使用这11个代码，可以大大地简化我们的代码。",
@@ -195,16 +168,34 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 22
+    "rank": 19
   },
   {
-    "title": "用CSS来撸一只神经猫",
-    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
-    "url": "https://segmentfault.com/a/1190000041016364",
-    "author": "linshuai",
-    "home_url": "https://segmentfault.com/u/linshuai",
+    "title": "重写数组的方法（改变原数组）",
+    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000040969572",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "10",
+    "rank": 20
+  },
+  {
+    "title": "2021 re:Invent ，我们到底该关注哪些发布？",
+    "description": "这并不奇怪，每年亚马逊云科技 re:Invent 都会有数十项新产品、新功能发布，其中一部分，可能代表了日后云计算及整个 IT 界基础设施的发展方向，比如曾经的 Amazon  RedShift、Amazon Lambda，前者引导了业内云原...",
+    "url": "https://segmentfault.com/a/1190000041086821",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 23
+    "rank": 21
+  },
+  {
+    "title": "一个 Babelfish ，看懂云数据库的发展方向",
+    "description": "作为基础软件皇冠上的明珠，数据库技术一直以来都是开发者关注的焦点。这关注度是如此之高，几乎自然打通了学界和产业界的隔阂，以至于关于数据库技术的每一篇重要论文面世，都可能导致一批价值数十亿美金的公司...",
+    "url": "https://segmentfault.com/a/1190000041043603",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "12",
+    "rank": 22
   },
   {
     "title": "CSS几个有趣的属性分享",
@@ -213,6 +204,15 @@
     "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
   },
   {
@@ -225,12 +225,12 @@
     "rank": 25
   },
   {
-    "title": "重写数组的方法（改变原数组）",
-    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000040969572",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "9",
+    "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
+    "description": "又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的\"计数\"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了\"谷歌翻译\"造成的无法\"计数\", 这就引起了我的浓厚兴趣, 到底这个看起来\"人畜...",
+    "url": "https://segmentfault.com/a/1190000041067692",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "11",
     "rank": 26
   },
   {
@@ -243,30 +243,30 @@
     "rank": 27
   },
   {
-    "title": "简单、好懂的Svelte实现原理",
-    "description": "大家好，我卡颂。Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。让...",
-    "url": "https://segmentfault.com/a/1190000040936318",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
+    "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": "用了很多动效，介绍 4个很  Nice 的 Veu 路由过渡动效！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040935668",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
+    "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": "使用Docker Compose、Nginx、SSH和Github Actions实现前端自动化部署测试机",
-    "description": "开篇，我们先来看一下远古时代的构建部署流程。想必大家对这个都不陌生：开发将源码经过编译、压缩打包生成打包文件将打包生成的文件上传服务器显然这个流程不仅繁琐，而且效率也不高，开发每次发布都要耗费很长...",
-    "url": "https://segmentfault.com/a/1190000040929112",
-    "author": "前端森林",
-    "home_url": "https://segmentfault.com/u/fengshuan",
-    "votes": "15",
+    "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
   }
 ]