@wcj/github-rank 21.12.14 → 21.12.18

package/dist/sifou-daily.json

@@ -1,83 +1,155 @@
 [
   {
-    "title": "如果将元宇宙逐层拆解，你会发现内核是“云”",
-    "description": "2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...",
-    "url": "https://segmentfault.com/a/1190000041109778",
+    "title": "被寄予厚望的 Serverless，争议和问题都解决了吗？",
+    "description": "2009 年，加州大学伯克利分校发布了一篇论文 《The Berkeley View on Cloud Computing》，正确预测了接下来十年的云计算演进和普及。",
+    "url": "https://segmentfault.com/a/1190000041137697",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
-    "votes": "3",
+    "votes": "5",
     "rank": 1
   },
   {
-    "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": "7",
+    "title": "ONES 解码：为何数字化是“超级工程”",
+    "description": "试想一下，假如没有互联网，没有快递、外卖，没有游戏、视频，没有社交平台，甚至没有在线健身，我们怎么熬过那些突如其来的居家隔离日子？还有，远程办公、线上教学等的普及让人们可以一再走出工作和学习的现实...",
+    "url": "https://segmentfault.com/a/1190000041136217",
+    "author": "万事ONES",
+    "home_url": "https://segmentfault.com/u/wanshiones",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "JZ-024-二叉树中和为某一值的路径",
-    "description": "输入一颗二叉树的根节点和一个整数，按字典序打印出二叉树中结点值的和为输入整数的所有路径。路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径。题目链接: 二叉树中和为某一值的路径",
-    "url": "https://segmentfault.com/a/1190000041111174",
+    "title": "JZ-028-数组中出现次数超过一半的数字",
+    "description": "数组中有一个数字出现的次数超过数组长度的一半，请找出这个数字。例如输入一个长度为9的数组{1,2,3,2,2,2,5,4,2}。由于数字2在数组中出现了5次，超过数组长度的一半，因此输出2。如果不存在则输出0。题目链接: ...",
+    "url": "https://segmentfault.com/a/1190000041134622",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
     "rank": 3
   },
   {
-    "title": "深入剖析分布式事务一致性",
-    "description": "分布式事务是用来解决跨数据库、跨服务更新数据一致性问题的。那么这里的一致性指的是什么，什么是强一致性，什么是弱一致性，与CAP理论中的一致性概念是一样的吗？本文将为您深入解答相关的问题。",
-    "url": "https://segmentfault.com/a/1190000041106277",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "4",
+    "title": "2021 中国技术先锋年度评选启动，新增新锐技术先锋企业榜",
+    "description": "2021 年 3 月 13 日，《中华人民共和国国民经济和社会发展第十四个五年规划和 2035 年远景目标纲要》（以下简称“目标纲要”，点击此处阅读全文）正式发布。“开源” 被首次写入国家 “五年规划”，云计算、大数据、智...",
+    "url": "https://segmentfault.com/a/1190000041137736",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？",
-    "description": "在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下： {代码...} 从上面的代码可以看出，WeakMap 缓存区的作用就是用来防止对象被重复...",
-    "url": "https://segmentfault.com/a/1190000041110940",
-    "author": "百瓶技术",
-    "home_url": "https://segmentfault.com/u/billionbottle",
-    "votes": "1",
+    "title": "还不会用 GitHub Actions ？看看这篇",
+    "description": "在上篇《一篇教你代码同步 GitHub 和 Gitee》中，我们使用 GitHub Actions 解决了 GitHub 代码自动同步 Gitee 的问题，这篇我翻译整理了 GitHub Actions 的官方文档，为大家介绍 GitHub Actions 的同时，并讲解上...",
+    "url": "https://segmentfault.com/a/1190000041137746",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "一篇带你用 VuePress + Github Pages 搭建博客",
-    "description": "最近完成了 TypeScript 最新官方文档 Hanbook 的翻译，一共十四篇，堪称国内的最好 TypeScript4 入门教程之一。为了方便大家阅读，我用 VuePress + Github Pages 搭建了博客，博客效果如下：",
-    "url": "https://segmentfault.com/a/1190000041110985",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
+    "title": "一文带你直观理解线性变换",
+    "description": "线性映射（ linear mapping）是从一个向量空间V到另一个向量空间W的映射且保持加法运算和数量乘法运算，而线性变换（linear transformation）是线性空间V到其自身的线性映射。",
+    "url": "https://segmentfault.com/a/1190000041138293",
+    "author": "琢魅",
+    "home_url": "https://segmentfault.com/u/ailinisi",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "Log4j史诗级漏洞，从原理到实战，只用3个实例就搞定！",
-    "description": "最近互联网技术圈最火的一件事莫过于Log4j2的漏洞了。同时也涌现出了各类分析文章，关于漏洞的版本、漏洞的原因、漏洞的修复、程序员因此加班等等。",
-    "url": "https://segmentfault.com/a/1190000041106597",
-    "author": "程序新视界",
-    "home_url": "https://segmentfault.com/u/ershixiong_5c2aeab02da87",
+    "title": "Node Web开发（Node.js Web Development, 5th Edition）_第一章（1）",
+    "description": "JavaScript是每一个前端Web开发人员都能触手可及的工具，所以它成为一门非常流行的编程语言，以至于被定型为一种专为Web开发的编程语言。读这本书之前，你可能听说过Node.js，这是一个在Web浏览器之外运行JavaScr...",
+    "url": "https://segmentfault.com/a/1190000041138039",
+    "author": "Ask",
+    "home_url": "https://segmentfault.com/u/ask_61bb2bef95fbf",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "MongoDb学习之Explain执行计划",
-    "description": "mongodb 3.0和之前版本的explain执行计划有非常巨大的差距，这里只学习介绍3.0以后的用法支持查看以下几种操作的执行计划基本的使用方式 {代码...} verbose是explain执行计划的输出模式有以下三种queryPlanner这...",
-    "url": "https://segmentfault.com/a/1190000041111851",
-    "author": "小勇勇",
-    "home_url": "https://segmentfault.com/u/xiaoyongyong",
+    "title": "[译]Vue官方成员：Vite生态发展的怎么样了",
+    "description": "不幸的是，那时候 Vite 有坑，热更新做的也不如传统 webpack 项目，经常需要改一行代码就刷新一下浏览器。所以我趁项目还没变的很庞大之前改用 vue-cli 重构了该项目。但之后看见许多新出现的开源项目都用的 Vite...",
+    "url": "https://segmentfault.com/a/1190000041136400",
+    "author": "手撕红黑树",
+    "home_url": "https://segmentfault.com/u/rip_red_black_tree",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "我的2021",
-    "description": "继CMS、OA、CRM、Ecommerce之后，物联网又红火起来，而2021是我在物联网应用开发领域鏖战的第三个年头了。年关又近，百般心思化为一句肺腑之言：“我T喵的太难了...”。",
-    "url": "https://segmentfault.com/a/1190000041110474",
-    "author": "NickWang",
-    "home_url": "https://segmentfault.com/u/nickw_cn",
-    "votes": "5",
+    "title": "PingCAP 入选 CB Insights 中国「数据链路安全领航者」榜单，保障全球用户存储安全",
+    "description": "全球知名市场研究分析机构 CB Insights 中国于近期发布了「数据链路安全领航者」榜单，PingCAP 以 “全链路透明加密，满足多国合规标准”的关键词成功上榜存储安全这一环节，在数据安全领域更进一步。",
+    "url": "https://segmentfault.com/a/1190000041133499",
+    "author": "PingCAP",
+    "home_url": "https://segmentfault.com/u/pingcap",
+    "votes": "1",
     "rank": 9
+  },
+  {
+    "title": "Grafana k6 上手实践",
+    "description": "大家好，我是张晋涛。本篇我将为你介绍一个工具 - k6 ，它和 K8s 并没有什么直接的关系，它是一款开源的性能压测工具。k6 背后的故事2016 年 8 月，k6 在 GitHub 上发布了第一个版本，至此，一个出色的开源负载压...",
+    "url": "https://segmentfault.com/a/1190000041132952",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "【C进阶】21、宏定义与使用分析",
+    "description": "Summary1）#define是预处理器处理的单元实体之一，在预编译期进行文本替换2）#define定义的宏可以出现在程序的任意地方，定义之后的代码都可以使用3）#define可以定义宏常量，本质上是字面量4）define可以定义表...",
+    "url": "https://segmentfault.com/a/1190000041138504",
+    "author": "bryson",
+    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "基于ResizeObserver实现一个自动计算宽高的react组件",
+    "description": "现在大部分业务场景需要兼容大数据，例如大数据表格，大数据树，大数据下拉框等等，而所有的大数据组件都需要指定 宽高，实际业务界面大部分需要实时计算宽高，而 react-auto-sizer就是来完成自动计算宽高的使命。",
+    "url": "https://segmentfault.com/a/1190000041136232",
+    "author": "同学小强",
+    "home_url": "https://segmentfault.com/u/niexq",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "Nginx + Lua + Redis 处理访问量",
+    "description": "项目背景是这样的。项目是文章分发平台，就是在一个平台上发送一篇带有图文的文章，发送文章时会选择要把文章发送到哪些媒体资讯平台，比如：聚焦财经、太原新闻网...等这类平台。但是呢文章发布到了媒体资讯平台...",
+    "url": "https://segmentfault.com/a/1190000041135689",
+    "author": "其名",
+    "home_url": "https://segmentfault.com/u/mrqiming",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "「一周一个大厂」复盘一下Taptap的面经，发现不足，逐一击破！",
+    "description": "前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心一周一个大厂 是我新出的一个系列文章，大概的流程是这样的：我会收集一些大厂的面经，并试着去回答如果全都会...",
+    "url": "https://segmentfault.com/a/1190000041135397",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "threejs 贴图动画总结",
+    "description": "上面代码，实现了一个tube（管道），然后给管道加了一个贴图texture。 在渲染的时候，不断更新texture对象的offset的值，此时就可以生产流动的动画。如下图所示：",
+    "url": "https://segmentfault.com/a/1190000041134590",
+    "author": "netcy",
+    "home_url": "https://segmentfault.com/u/netcy",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "【模型推理】量化实现分享二：详解 KL 对称量化算法实现",
+    "description": "欢迎关注我的公众号 [极智视界]，回复001获取Google编程规范  O_o   >_<   o_O   O_o   ~_~   o_O   大家好，我是极智视界，本文剖析一下 KL 对称量化算法实现，以 Tengine 的实现为例。   前面已经写过一...",
+    "url": "https://segmentfault.com/a/1190000041137239",
+    "author": "极智视界",
+    "home_url": "https://segmentfault.com/u/nbfsmfgo",
+    "votes": "2",
+    "rank": 16
+  },
+  {
+    "title": "OPPO大数据离线计算平台架构演进",
+    "description": "OPPO的大数据离线计算发展，经历了哪些阶段？在生产中遇到哪些经典的大数据问题？我们是怎么解决的，从中有哪些架构上的升级演进？未来的OPPO离线平台有哪些方向规划？今天会给大家一一揭秘。",
+    "url": "https://segmentfault.com/a/1190000041133735",
+    "author": "OPPO数智技术",
+    "home_url": "https://segmentfault.com/u/oppo_internet_tech",
+    "votes": "1",
+    "rank": 17
   }
 ]

package/dist/sifou-monthly.json

@@ -8,6 +8,15 @@
     "votes": "43",
     "rank": 1
   },
+  {
+    "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
+    "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
+    "url": "https://segmentfault.com/a/1190000041099699",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "34",
+    "rank": 2
+  },
   {
     "title": "React、Vue我全都要！React Hook 实现 Vue 的11个基本功能",
     "description": "大家好，我是林三心，因为工作项目的需要，在上个月，我开始在项目中使用React去开发，到了今天，差不多一个月了，想跟大家分享一下我在React中是怎么去实现以前Vue中的一些功能的。",
@@ -15,15 +24,6 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "28",
-    "rank": 2
-  },
-  {
-    "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": 3
   },
   {
@@ -32,9 +32,36 @@
     "url": "https://segmentfault.com/a/1190000041005444",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "25",
+    "votes": "28",
     "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": "思否年度有奖征文丨用文字记录下属于你的2021",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
+    "url": "https://segmentfault.com/a/1190000041089764",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "17",
+    "rank": 7
+  },
   {
     "title": "一文讲透自适应熔断的原理和实现",
     "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
@@ -42,7 +69,7 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "22",
-    "rank": 5
+    "rank": 8
   },
   {
     "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
@@ -50,45 +77,9 @@
     "url": "https://segmentfault.com/a/1190000041044028",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
-    "rank": 6
-  },
-  {
-    "title": "面试题整理之Vue篇",
-    "description": "又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。",
-    "url": "https://segmentfault.com/a/1190000040971075",
-    "author": "Aaron",
-    "home_url": "https://segmentfault.com/u/aaronblog",
-    "votes": "27",
-    "rank": 7
-  },
-  {
-    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
-    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
-    "url": "https://segmentfault.com/a/1190000041032091",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "25",
-    "rank": 8
-  },
-  {
-    "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": "23",
     "rank": 9
   },
-  {
-    "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": "25",
-    "rank": 10
-  },
   {
     "title": "git进阶（撤销pull、撤销merge、撤销add）",
     "description": "1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...",
@@ -96,17 +87,35 @@
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "14",
+    "rank": 10
+  },
+  {
+    "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": "25",
     "rank": 11
   },
   {
-    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
-    "url": "https://segmentfault.com/a/1190000041089764",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "13",
+    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041000841",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "17",
     "rank": 12
   },
+  {
+    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
+    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
+    "url": "https://segmentfault.com/a/1190000041103446",
+    "author": "jrainlau",
+    "home_url": "https://segmentfault.com/u/jrainlau",
+    "votes": "16",
+    "rank": 13
+  },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
     "description": "大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...",
@@ -114,16 +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": "100行代码实现React核心调度功能",
+    "description": "大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...",
+    "url": "https://segmentfault.com/a/1190000041126142",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "12",
+    "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": 17
   },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
@@ -132,7 +159,7 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "rank": 15
+    "rank": 18
   },
   {
     "title": "Error Boundaries是这么实现的，还挺巧妙",
@@ -141,16 +168,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 16
-  },
-  {
-    "title": "用CSS来撸一只神经猫",
-    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
-    "url": "https://segmentfault.com/a/1190000041016364",
-    "author": "linshuai",
-    "home_url": "https://segmentfault.com/u/linshuai",
-    "votes": "14",
-    "rank": 17
+    "rank": 19
   },
   {
     "title": "使用这11个代码，可以大大地简化我们的代码。",
@@ -159,25 +177,43 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 18
+    "rank": 20
   },
   {
-    "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
-    "description": "可能会有不少人把票投给 Amazon Graviton3。这不仅因为“自研芯片”这个概念在当下成为了“硬核实力”的象征、大众喜闻乐见的话题，也不仅因为芯片代表了云服务最基础的能力，更是因为 Amazon Graviton3 的发布，实实...",
-    "url": "https://segmentfault.com/a/1190000041098622",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "10",
-    "rank": 19
+    "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": "18",
+    "rank": 21
   },
   {
-    "title": "重写数组的方法（改变原数组）",
-    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000040969572",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "10",
-    "rank": 20
+    "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": "16",
+    "rank": 22
+  },
+  {
+    "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": 23
+  },
+  {
+    "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": 24
   },
   {
     "title": "2021 re:Invent ，我们到底该关注哪些发布？",
@@ -186,7 +222,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 21
+    "rank": 25
   },
   {
     "title": "一个 Babelfish ，看懂云数据库的发展方向",
@@ -195,16 +231,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 22
-  },
-  {
-    "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": 23
+    "rank": 26
   },
   {
     "title": "安排几款实用的内网穿透工具+教程",
@@ -213,7 +240,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "13",
-    "rank": 24
+    "rank": 27
   },
   {
     "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
@@ -222,16 +249,16 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
-    "rank": 25
+    "rank": 28
   },
   {
-    "title": "可以中断的异步操作",
-    "description": "前面我们聊到了可能超时的异步操作，其中提到对 fetch() 异步操作的“中断”处理。这次我们就来聊一聊“中断”异步操作。由于 JavaScript 的单线程特性，能在 JavaScript 中进行的异步场景其实不多，大概有如下一些：...",
-    "url": "https://segmentfault.com/a/1190000040972018",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "10",
-    "rank": 26
+    "title": "这是什么选秀节目？数百万人看后想学「机器学习」",
+    "description": "“秋名山上行人稀，常有车手较高低。如今无人车当道，全是 AI 老司机。”且问 AI 老司机表现如何？可灵活转弯，控速自如：可行云流水，沿最优路线过弯：更可多次打圈，绕多少下也不在话下：这场竞速赛事，主角确实...",
+    "url": "https://segmentfault.com/a/1190000041130996",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "8",
+    "rank": 29
   },
   {
     "title": "你说你会Promise？那你解决一下项目中的这五个难题？",
@@ -240,33 +267,6 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "16",
-    "rank": 27
-  },
-  {
-    "title": "押注云计算未来先机，re:Invent 2021邀请你共赴“十年之约”",
-    "description": "在2021年的“十四五”规划中，数字中国建设被提到了新的高度，其中云计算作为重点产业之一出现在其中，由此也可预见，云计算软件或将迎来新的发展契机。",
-    "url": "https://segmentfault.com/a/1190000041052149",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "10",
-    "rank": 28
-  },
-  {
-    "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": 29
-  },
-  {
-    "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
-    "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
-    "url": "https://segmentfault.com/a/1190000041099699",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "12",
     "rank": 30
   }
 ]