@wcj/github-rank 21.12.15 → 21.12.19

package/dist/sifou-daily.json

@@ -1,191 +1,47 @@
 [
   {
-    "title": "把数据拖进图形界面，AI帮你预测业务，亚马逊云科技新功能亮了",
-    "description": "亚马逊云科技 re:Invent 大会可谓是云计算行业的“春晚”，IT 技术领域风向标级活动，连他们自家的西雅图总部大厦也随其更名为大会名，品牌影响之强，可见一斑。",
-    "url": "https://segmentfault.com/a/1190000041115055",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "5",
-    "rank": 1
-  },
-  {
-    "title": "原创内容屡屡被盗？从源头对资源盗用说NO",
-    "description": "在这个信息化的时代，资源被盗用是一件很让人厌恶，但又很常见的事。比如，之前郭敬明的小说《梦里花落知多少》剽窃庄羽小说《圈里圈外》一事，虽然郭敬明通过个人微博向庄羽道歉，并表示“将把《梦里花落知多少》...",
-    "url": "https://segmentfault.com/a/1190000041113026",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
-    "rank": 2
-  },
-  {
-    "title": "彻底搞懂容器技术的基石： namespace （下）",
-    "description": "大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...",
-    "url": "https://segmentfault.com/a/1190000041114149",
-    "author": "张晋涛",
-    "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "4",
-    "rank": 3
-  },
-  {
-    "title": "为什麽前端工程越来越爱使用 Monorepo 架构？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041105399",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 4
-  },
-  {
-    "title": "JZ-025-复杂链表的复制",
-    "description": "输入一个复杂链表（每个节点中有节点值，以及两个指针，一个指向下一个节点，另一个特殊指针random指向一个随机节点），请对此链表进行深拷贝，并返回拷贝后的头结点。（注意，输出结果中请不要返回参数中的节点...",
-    "url": "https://segmentfault.com/a/1190000041112905",
+    "title": "JZ-029-最小的 K 个数",
+    "description": "标题最小的 K 个数输入n个整数，找出其中最小的K个数。例如输入4,5,1,6,2,7,3,8这8个数字，则最小的4个数字是1,2,3,4。题目链接: 最小的 K 个数代码 {代码...} 【每日寄语】 生活总是这样，不能叫人处处满意，但...",
+    "url": "https://segmentfault.com/a/1190000041139017",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
-    "rank": 5
-  },
-  {
-    "title": "谷歌 Chrome 开发者“揭秘”浏览器窗口遮挡问题：启动速度提升25.8%！",
-    "description": "近日，Chrome 开发者 David Bienvenu 在其名为《The Fast and the Curious》系列新博文中，详细“揭秘”了谷歌最近对 Chrome 浏览器所做的一些改进。其中，就包括了谷歌历时 3 年研究创建的 Native Window Occlusio...",
-    "url": "https://segmentfault.com/a/1190000041114134",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
-    "rank": 6
-  },
-  {
-    "title": "全国 远程",
-    "description": "您好 我们这边新上的IT培训平台，功能上提供 直播录播、在线编程、devops在线实训 系统，现在寻求大佬们入驻成为讲师，看可感兴趣。请加微信：jdy3090",
-    "url": "https://segmentfault.com/a/1190000041116088",
-    "author": "yyy",
-    "home_url": "https://segmentfault.com/u/yyy_61b80cda43a2c",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "面试官：要不我们聊一下“心跳”的设计？",
-    "description": "你好呀，我是歪歪。是这样的，我最近又看到了这篇文章《工商银行分布式服务 C10K 场景解决方案》。为什么是又呢？因为这篇文章最开始发布的时候我就看过了，当时就觉得写得挺好的，宇宙行（工商银行）果然是很叼...",
-    "url": "https://segmentfault.com/a/1190000041114174",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "3",
-    "rank": 8
-  },
-  {
-    "title": "Apache APISIX 助力便利充电创领者小电，实现云原生方案",
-    "description": "业务背景小电作为国内共享充电宝服务平台，目前还处于初创阶段。从运维体系、测试环境等方面来讲，当下产品的业务主要面临了以下几个问题：VM 传统模式部署，利用率低且不易扩展开发测试资源抢占多套独立的测试环...",
-    "url": "https://segmentfault.com/a/1190000041118199",
-    "author": "Apache_APISIX",
-    "home_url": "https://segmentfault.com/u/apache_apisix",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "LOOK 直播活动地图生成器方案",
-    "description": "对于前端而言，与视觉稿打交道是必不可少的，因为我们需要对照着视觉稿来确定元素的位置、大小等信息。如果是比较简单的页面，手动调整每个元素所带来的工作量尚且可以接受；然而当视觉稿中素材数量较大时，手动...",
-    "url": "https://segmentfault.com/a/1190000041115022",
-    "author": "云音乐大前端团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "TGDC | UE5开发路线图及技术解析",
-    "description": "大家好，我是来自Epic Games中国的首席引擎开发工程师王祢，主要负责引擎相关技术的开发者支持工作，帮助国内的开发者解决各种使用UE开发项目时遇到的技术问题，同时也会参与部分引擎工作的开发。",
-    "url": "https://segmentfault.com/a/1190000041114484",
-    "author": "腾讯游戏学堂",
-    "home_url": "https://segmentfault.com/u/tengxunyouxixueyuan",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "新提案：Go 泛型玩出花来了，switch type 登场！",
-    "description": "大家好，我是煎鱼。前面写过好几篇 Go 泛型的语法、案例介绍，新的一手 Go 消息。实际上，随着一些提案被接受，新的提案也逐渐冒出。这不，我发现有了泛型后，大家可以更进一步玩出花来了。看到了一个 ”新“ 提案...",
-    "url": "https://segmentfault.com/a/1190000041114371",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "微信小程序使用Stomp连接websockt",
-    "description": "{代码...}",
-    "url": "https://segmentfault.com/a/1190000041116418",
-    "author": "离开我熟悉的地方",
-    "home_url": "https://segmentfault.com/u/qq649318064",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "MySQL数据库基础教程（无比详细）mysql初体验篇",
-    "description": "一、数据库的基本概念1、数据（Data）描述事物的符号记录包括数字，文字，图形，图像，声音，档案记录等以“记录”形式按统一的格式进行存储2、表将不同的记录组织在一起用来存储具体数据3、数据库表的集合，是存储...",
-    "url": "https://segmentfault.com/a/1190000041114730",
-    "author": "牛仔码农",
-    "home_url": "https://segmentfault.com/u/camille_5f9b7f6b8693f",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "从零开始的常用MySQL语句练习大全",
-    "description": "很多时候深入学习固然很重要，但是想要写下一篇给新手都能看得懂看的很香，并且老鸟可以查漏补缺的的练习博客，还是挺有难度，所以今天尝试写一些关于MySQL的语句练习大全，供想要从零开始练习MySQL的新手们去学习。",
-    "url": "https://segmentfault.com/a/1190000041114362",
-    "author": "fx67ll",
-    "home_url": "https://segmentfault.com/u/wensandaoshi",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "一个Vue3可使用的JSON转excel组件",
-    "description": "此组件中实现的方法使用HTML表绘制。在xls文件中，Microsoft Excel不再将HTML识别为本机内容，因此在打开文件之前会显示警告消息。excel的内容已经完美呈现，但是提示信息无法避免，请不要在意！",
-    "url": "https://segmentfault.com/a/1190000041117522",
-    "author": "小章鱼",
-    "home_url": "https://segmentfault.com/u/xiaozhangyu_5bc816f5e2adb",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "实现自动引入+按需引入element-plus原来如此简单",
-    "description": "前言：使用unplugin-vue-components后，可以实现按需引入，而且也不用再使用import引入需要的组件，直接使用<el-button>等组件就可以。",
-    "url": "https://segmentfault.com/a/1190000041116726",
-    "author": "河豚学前端",
-    "home_url": "https://segmentfault.com/u/puffer",
-    "votes": "1",
-    "rank": 17
+    "rank": 1
   },
   {
-    "title": "开源，自建？小微企业的代码仓库选型之路",
-    "description": "背景：来自云效客户选型的一个参考，从搭建了自己的代码仓库到使用云效的Codeup的转变，云效Codeup 能自然的和钉钉群成员进行挂钩，并且云效Codeup 本身还有：仓库加密，代码备份，安全访问，审计等功能。甚至他...",
-    "url": "https://segmentfault.com/a/1190000041113833",
-    "author": "云效DevOps平台",
-    "home_url": "https://segmentfault.com/u/yunxiao0816",
-    "votes": "1",
-    "rank": 18
+    "title": "2021 年简单回顾一下，从前端开发角色裸辞后转型开始做猎头的我",
+    "description": "这个扩展组件是一个在 github 上开源的，作为开源的必定也就无法去做埋点相关的数据统计，最终其实也无法统计到一些数据情况。作为长期维护的项目，但却没有相关有力的数据来依托，做了什么，价值是什么，真说不清。",
+    "url": "https://segmentfault.com/a/1190000041141578",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "2",
+    "rank": 2
   },
   {
-    "title": "Day14/100 React 颜色选择器",
-    "description": "1、需求在React+Ant Design的项目中，需要选择颜色。Ant Design 没有合适的组件。2、React-color找到了这个插件，周下载量103w官方给了Demo {代码...} 3、实际开发1、我用的这种形式2、需要十六进制转Rgba转格式t...",
-    "url": "https://segmentfault.com/a/1190000041113725",
-    "author": "SnowWolfArden",
-    "home_url": "https://segmentfault.com/u/snowwolfarden",
+    "title": "2021 总结",
+    "description": "电影和电视剧拆弹专家2唐人街探案3小人物人之怒信使成瘾剂量纸钞屋 第五季正风反腐就在身边76天天衣无缝的她后翼弃兵我和我的家乡陈翔六点半之民间高手吉祥如意觉醒年代女人的碎片真·三国无双夏日友晴天地球改变...",
+    "url": "https://segmentfault.com/a/1190000041141226",
+    "author": "王铁手",
+    "home_url": "https://segmentfault.com/u/wtser",
     "votes": "1",
-    "rank": 19
+    "rank": 3
   },
   {
-    "title": "JavaMoney规范(JSR 354)与对应实现解读",
-    "description": "当前JDK中用来表达货币的类为java.util.Currency，这个类仅仅能够表示按照[ISO-4217]描述的货币类型。它没有与之关联的数值，也不能描述规范外的一些货币。对于货币的计算、货币兑换、货币的格式化没有提供相关的...",
-    "url": "https://segmentfault.com/a/1190000041112700",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "13 行 JavaScript 代码让你看起来像是高手",
+    "description": "使用 Math.random() 会返回 0 到 1 的随机数，之后判断它是否大于 0.5，将会得到一个 50% 概率为 True 或 False 的值",
+    "url": "https://segmentfault.com/a/1190000041141789",
+    "author": "夜色镇歌",
+    "home_url": "https://segmentfault.com/u/catwen",
     "votes": "1",
-    "rank": 20
+    "rank": 4
   },
   {
-    "title": "OPPO云VPC网络实践",
-    "description": "随着OPPO业务的快速发展，OPPO云规模增长迅速。大规模虚拟实例的弹性伸缩、低延时需求对网络提出了诸多挑战。原有基于VLAN搭建的私有网络无法解决这些问题，给网络运维和业务的快速上线带来了挑战。",
-    "url": "https://segmentfault.com/a/1190000041112371",
-    "author": "OPPO数智技术",
-    "home_url": "https://segmentfault.com/u/oppo_internet_tech",
+    "title": "context + hooks = 真香",
+    "description": "context + hooks = 真香文章首发于个人博客前言hooks 打开了新世界的大门，本文教你如何使用 Context + hooks。后面代码会比较多，主要是扩展思维，坚持看到最后一定会有帮助的！！！什么是 Context引用官方文档...",
+    "url": "https://segmentfault.com/a/1190000041141083",
+    "author": "你要不要喝奶茶",
+    "home_url": "https://segmentfault.com/u/shieri",
     "votes": "1",
-    "rank": 21
+    "rank": 5
   }
 ]

package/dist/sifou-monthly.json

@@ -8,32 +8,23 @@
     "votes": "43",
     "rank": 1
   },
-  {
-    "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": "28",
-    "rank": 2
-  },
   {
     "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
     "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
     "url": "https://segmentfault.com/a/1190000041099699",
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "21",
-    "rank": 3
+    "votes": "34",
+    "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": 4
+    "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": "28",
+    "rank": 3
   },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
@@ -41,54 +32,54 @@
     "url": "https://segmentfault.com/a/1190000041005444",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "27",
+    "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": "一文讲透自适应熔断的原理和实现",
-    "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
-    "url": "https://segmentfault.com/a/1190000040978572",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "22",
+    "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": "使用 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篇",
-    "description": "又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。",
-    "url": "https://segmentfault.com/a/1190000040971075",
-    "author": "Aaron",
-    "home_url": "https://segmentfault.com/u/aaronblog",
-    "votes": "27",
+    "votes": "23",
     "rank": 8
   },
   {
-    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
-    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
-    "url": "https://segmentfault.com/a/1190000041032091",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "25",
+    "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": 9
   },
-  {
-    "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": 10
-  },
   {
     "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
     "description": "大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！",
@@ -96,25 +87,25 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "25",
-    "rank": 11
+    "rank": 10
   },
   {
-    "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": 12
+    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
+    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
+    "url": "https://segmentfault.com/a/1190000041103446",
+    "author": "jrainlau",
+    "home_url": "https://segmentfault.com/u/jrainlau",
+    "votes": "17",
+    "rank": 11
   },
   {
-    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
-    "url": "https://segmentfault.com/a/1190000041089764",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "100行代码实现React核心调度功能",
+    "description": "大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...",
+    "url": "https://segmentfault.com/a/1190000041126142",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
@@ -123,7 +114,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "17",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -132,8 +123,26 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "12",
+    "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": "从 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": 16
+  },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
     "description": "2021 年 11 月 23 日，PHP 主力开发 Nikita Popov 发文宣布 将不再参与 PHP 的主要维护，从月底开始逐渐淡出。据说 Nikita Popov 从他还在上高中时就开始参与 PHP 的开发，彼时为 2011 年，截至目前已有 10 年之...",
@@ -141,53 +150,53 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "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",
+    "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": "19",
     "rank": 18
   },
   {
-    "title": "使用这11个代码，可以大大地简化我们的代码。",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040759530",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
+    "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": "17",
     "rank": 19
   },
   {
-    "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
-    "description": "可能会有不少人把票投给 Amazon Graviton3。这不仅因为“自研芯片”这个概念在当下成为了“硬核实力”的象征、大众喜闻乐见的话题，也不仅因为芯片代表了云服务最基础的能力，更是因为 Amazon Graviton3 的发布，实实...",
-    "url": "https://segmentfault.com/a/1190000041098622",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "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": "重写数组的方法（改变原数组）",
-    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000040969572",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "10",
+    "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": 21
   },
+  {
+    "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": 22
+  },
   {
     "title": "2021 re:Invent ，我们到底该关注哪些发布？",
     "description": "这并不奇怪，每年亚马逊云科技 re:Invent 都会有数十项新产品、新功能发布，其中一部分，可能代表了日后云计算及整个 IT 界基础设施的发展方向，比如曾经的 Amazon  RedShift、Amazon Lambda，前者引导了业内云原...",
@@ -195,7 +204,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "一个 Babelfish ，看懂云数据库的发展方向",
@@ -204,15 +213,6 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "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
   },
   {
@@ -234,12 +234,12 @@
     "rank": 26
   },
   {
-    "title": "可以中断的异步操作",
-    "description": "前面我们聊到了可能超时的异步操作，其中提到对 fetch() 异步操作的“中断”处理。这次我们就来聊一聊“中断”异步操作。由于 JavaScript 的单线程特性，能在 JavaScript 中进行的异步场景其实不多，大概有如下一些：...",
-    "url": "https://segmentfault.com/a/1190000040972018",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "10",
+    "title": "这是什么选秀节目？数百万人看后想学「机器学习」",
+    "description": "“秋名山上行人稀，常有车手较高低。如今无人车当道，全是 AI 老司机。”且问 AI 老司机表现如何？可灵活转弯，控速自如：可行云流水，沿最优路线过弯：更可多次打圈，绕多少下也不在话下：这场竞速赛事，主角确实...",
+    "url": "https://segmentfault.com/a/1190000041130996",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "8",
     "rank": 27
   },
   {
@@ -252,12 +252,12 @@
     "rank": 28
   },
   {
-    "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": "8",
+    "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
+    "description": "近日，Log4j2 被爆出现史诗级利用成本极低危害极大的漏洞，黑客可通过发送一条指令即可控制目标设备。Log4j2 作为基础日志组件被大量基础服务在底层使用，据统计，该漏洞影响6万+流行开源软件，影响70%以上的企业...",
+    "url": "https://segmentfault.com/a/1190000041105568",
+    "author": "火线安全",
+    "home_url": "https://segmentfault.com/u/huoxian",
+    "votes": "9",
     "rank": 29
   },
   {