@wcj/github-rank 21.12.21 → 21.12.25

package/web/data/sifou-daily.json

@@ -1,182 +1,110 @@
 [
   {
-    "title": "FlutterWeb性能优化探索与实践",
-    "description": "美团外卖商家端基于 FlutterWeb 的技术探索已久，目前在多个业务中落地了App、PC、H5的多端复用，有效提升了产研的整体效率。在这过程中，性能问题是我们面临的最大挑战，本文结合实际业务场景进行思考，介绍美团...",
-    "url": "https://segmentfault.com/a/1190000041148826",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "2",
+    "title": "备战2022春招，这十道题必回！",
+    "description": "最近不少小伙伴跟我交流刷题肿么刷，我给的建议就是先剑指offer和力扣hot100，在这些题中还有些重要程度和出现频率是非常非常高的，今天给大家分享当今出现频率最高的10道算法题，学到就是赚到。",
+    "url": "https://segmentfault.com/a/1190000041174395",
+    "author": "bigsai",
+    "home_url": "https://segmentfault.com/u/bigsai",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "SIGCOMM 首篇 Multi-path QUIC 论文：阿里自研多路径传输技术XLINK",
-    "description": "阿里巴巴淘系技术部与达摩院XG实验室共同研发的XLINK多路传输技术，相关论文「XLINK: QoE-driven multi-path QUIC transport in large-scale video services」已经被顶级学术会议SIGCOMM 2021正式接收， 这也是SI...",
-    "url": "https://segmentfault.com/a/1190000041149307",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
-    "votes": "1",
+    "title": "Redis 分布式锁的正确实现原理演化历程与 Redission 实战总结",
+    "description": "Redis 分布式锁使用 SET 指令就可以实现了么？在分布式领域 CAP 理论一直存在。分布式锁的门道可没那么简单，我们在网上看到的分布式锁方案可能是有问题的。「码哥」一步步带你深入分布式锁是如何一步步完善，在...",
+    "url": "https://segmentfault.com/a/1190000041172633",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "JZ-031-从 1 到 n 整数中 1 出现的次数",
-    "description": "求出1-13的整数中1出现的次数,并算出100-1300的整数中1出现的次数？为此他特别数了一下1~13中包含1的数字有1、10、11、12、13因此共出现6次，但是对于后面问题他就没辙了。ACMer希望你们帮帮他,并把问题更加普遍...",
-    "url": "https://segmentfault.com/a/1190000041147078",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "title": "面试官问我TCP三次握手和四次挥手，我真的是",
+    "description": "候选者：面试官你好，请问面试可以开始了吗面试官：嗯，开始吧面试官：今天来聊聊TCP吧，TCP的各个状态还有印象吗？候选者：还有些许印象的，要不我就来简单说下TCP的三次握手和四次挥手的流程吧候选者：说完这两...",
+    "url": "https://segmentfault.com/a/1190000041171425",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "Gitee 如何自动部署 Pages？还是用 GitHub Actions!",
-    "description": "在上篇《一篇教你代码同步 GitHub 和 Gitee》中，我们使用 GitHub Actions 解决了 GitHub 代码自动同步 Gitee 的问题，但我们的博客仓库代码同步到 Gitee 后，并不能像 GitHub 一样自动部署 Pages，如果不使用付...",
-    "url": "https://segmentfault.com/a/1190000041149717",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "3",
+    "title": "效率提升：物理机管理使用场景和实践",
+    "description": "可以把物理机想象成机房的服务器，物理机都有较好的硬件配置，例如内存会达到上百G，还会使用英特尔至强系列等性能较好的CPU， 另外在磁盘方面，物理机上都有单独的RAID控制器。",
+    "url": "https://segmentfault.com/a/1190000041176271",
+    "author": "云联壹云",
+    "home_url": "https://segmentfault.com/u/yunion",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "go-zero分布式事务实践",
-    "description": "当我们需要跨服务保证数据一致性时，原先的数据库事务力不从心，无法将跨库、跨服务的多个操作放在一个事务中。这样的应用场景非常多，我们可以列举出很多：",
-    "url": "https://segmentfault.com/a/1190000041144908",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "4",
+    "title": "input如何获取失去焦点鼠标点击的位置或者元素？",
+    "description": "为了解决这个bug, 我需要给Input添加blur事件，清空日历model值。同时，如果我blur点击的区域如果在下方日历显示的地方，禁止blur里的方法执行。",
+    "url": "https://segmentfault.com/a/1190000041175932",
+    "author": "旅图灬",
+    "home_url": "https://segmentfault.com/u/lvtu",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "Apache Log4j 被曝第 3 个漏洞:不受控递归 | Apache 官方已发布 2.17 版本修复",
-    "description": "自 12 月 10 日起，Apache Log4j2 已接连曝出多个漏洞，并在全球范围内造成了影响。刚刚过去的 12 月 18 日，Apache Log4j 又被曝出第三个漏洞： CVE-2021-45105 —— Apache Log4j 2.0-alpha1 到 2.16.0 的版本无...",
-    "url": "https://segmentfault.com/a/1190000041146668",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "广交会激战120小时",
+    "description": "广交会是中国的一张靓丽名片，持续60多年为来自全球数百个国家和地区的企业提供贸易往来、文化交流的平台。自第127届广交会搬上云端，保障云上广交会安全稳定运行，成为了至关重要的课题。",
+    "url": "https://segmentfault.com/a/1190000041175810",
+    "author": "腾讯安全",
+    "home_url": "https://segmentfault.com/u/tengxunanquan",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "RN TouchableOpacity点击事件不响应原因详解",
-    "description": "TouchableHighlight、TouchableNativeFeedback、 TouchableOpacity 、 TouchableWithoutFeedback",
-    "url": "https://segmentfault.com/a/1190000041145661",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "title": "Eclipse阿里云镜像源配置",
+    "description": "Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括 Java 开发工具（Java Deve...",
+    "url": "https://segmentfault.com/a/1190000041173258",
+    "author": "敲键盘ing",
+    "home_url": "https://segmentfault.com/u/sheyingshichenjian",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "react-navigation(6.0.6版本)使用详解(基于RN0.65*版本)",
-    "description": "命令安装 {代码...} 路由配置包引用 {代码...} 路由列表 {代码...} 属性参数详解Stack.Navigator导航全局配置，再次配置的参数在所有路由页面的导航上面全部生效，具体属性如下 {代码...} 以上基础配置基本上能满...",
-    "url": "https://segmentfault.com/a/1190000041145488",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "title": "一次说清，为什么在Antd Modal中调resetFields调了个寂寞",
+    "description": "久了不摸手生，除了react依稀记得，antd基本只能看着官方demo一行一行写，感觉一天能写完的，结果两天了还没联调完。中间还遇到一些似曾相识的问题，可惜以前的经验已经不管用了。",
+    "url": "https://segmentfault.com/a/1190000041172195",
+    "author": "Denzel",
+    "home_url": "https://segmentfault.com/u/denzel",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "Electron增量更新（三）",
-    "description": "写Electron这个系列以来，还是有不少同学问了一些问题的，主要是针对于electron增量更新的，之前我写过增量更新（二），但是其Windows方式需要管理员权限包，不太优雅，且如果想要拖拽功能的话，由于权限问题，提...",
-    "url": "https://segmentfault.com/a/1190000041145271",
-    "author": "陌路凡歌",
-    "home_url": "https://segmentfault.com/u/molufange",
+    "title": "技术期刊 · 路尘终见泰山平 | 微前端及插件化架构在 Wix 的实践;编辑器架构的第二路径;业务中的前端组件化体系……",
+    "description": "不想当架构师的程序员不是“合格”的程序员？这一类的言论在很多文章中应该很常见吧，我们需要架构思维，要有抽象能力，要学会分层……需要的太多太多，可很少有合适的项目能够帮助我们养成这些思考的习惯，比如业务...",
+    "url": "https://segmentfault.com/a/1190000041171863",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "为 CameraX ImageAnalysis 进行 YUV 到 RGB 的转换",
-    "description": "CameraX 是一个旨在帮助开发者简化相机应用开发工作的 Jetpack 支持库。它支持多种诸如 ImageCapture、Preview 和 ImageAnalysis 这种可以和 ML Kit 或 TensorFlow Lite 无缝结合的使用场景。这为文本识别、图像...",
-    "url": "https://segmentfault.com/a/1190000041150712",
-    "author": "Android开发者",
-    "home_url": "https://segmentfault.com/u/androiddevs",
-    "votes": "1",
+    "title": "Git 约定式提交",
+    "description": "概述每次提交代码的时候，我们都需要为我们本次修改的内容添加一段描述，例如： {代码...} 但实际上有些 commit message 千奇百怪，比如以下这种：一次 commit 应该准确的说明本次提交的目的和修改内容，比如： {...",
+    "url": "https://segmentfault.com/a/1190000041176927",
+    "author": "async wait",
+    "home_url": "https://segmentfault.com/u/async_wait",
+    "votes": "2",
     "rank": 10
   },
   {
-    "title": "企业多云场景下的管理方案：多云统一账号管理（Cloud SSO）",
-    "description": "本篇文章介绍云联壹云多云账号统一管理功能。本文分三部分，首先介绍为什么要设计多云统一账号管理这个功能。其次，介绍此功能的详细方案和工作原理，最后，介绍如何使用多云账号统一管理功能。",
-    "url": "https://segmentfault.com/a/1190000041149942",
-    "author": "云联壹云",
-    "home_url": "https://segmentfault.com/u/yunion",
+    "title": "JZ-035-数组中的逆序对",
+    "description": "在数组中的两个数字，如果前面一个数字大于后面的数字，则这两个数字组成一个逆序对。输入一个数组,求出这个数组中的逆序对的总数P。并将P对1000000007取模的结果输出。 即输出P%1000000007题目链接: 数组中的逆序对",
+    "url": "https://segmentfault.com/a/1190000041176631",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "Android Compose 的使用",
-    "description": "Jetpack Compose 是在 2019 Google I/O 大会上发布的新库，直到 2021 年 7 月发布 release 版本 1.0.0。它的特点是可以用更少的 Kotlin代码，更便捷地在 Android 平台上完成 UI 的开发。",
-    "url": "https://segmentfault.com/a/1190000041149397",
-    "author": "百瓶技术",
-    "home_url": "https://segmentfault.com/u/billionbottle",
-    "votes": "1",
+    "title": "如何使用Tin安装SonarQube（史上最快)",
+    "description": "Sonar (SonarQube) 是一个开源的代码质量管理平台, 可以检测代码中的错误，漏洞以及代码异常。这里提供一个不用下载依赖，不用考虑系统版本，百分之百成功安装SonarQube的方法。TeamCode Tin是一个能够快速从源码...",
+    "url": "https://segmentfault.com/a/1190000041172630",
+    "author": "TeamCode",
+    "home_url": "https://segmentfault.com/u/teamcode",
+    "votes": "3",
     "rank": 12
-  },
-  {
-    "title": "语音合成（TTS）技术在有道词典笔中的应用实践",
-    "description": "自 2017 年 10 月推出有道翻译蛋开始，网易有道已先后推出了二十余款智能学习硬件产品，包括有道翻译王、有道口袋打印机、有道超级词典、有道词典笔、有道听力宝等。",
-    "url": "https://segmentfault.com/a/1190000041148940",
-    "author": "有道技术团队",
-    "home_url": "https://segmentfault.com/u/youdaotec",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "TDinsight——基于Grafana的TDengine零依赖监控解决方案",
-    "description": "小T导读： 为进一步提升TDengine自身的监控和运维能力，涛思数据开发了TDinsight，这是基于Grafana的一个零依赖监控解决方案，可配合TDengine 2.3.3.0及以上版本使用。",
-    "url": "https://segmentfault.com/a/1190000041147892",
-    "author": "涛思数据",
-    "home_url": "https://segmentfault.com/u/taosishuju",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "[开源]Goravel，一个功能完备、具有良好扩展能力的 Golang Web 应用程序框架，致敬 Laravel",
-    "description": "Goravel 是一个功能完备、具有良好扩展能力的 Web 应用程序框架。 作为一个起始脚手架帮助 Golang 开发者快速构建自己的应用。项目地址：[链接]欢迎 star 与 issues :)",
-    "url": "https://segmentfault.com/a/1190000041146394",
-    "author": "韩同学的简单逻辑",
-    "home_url": "https://segmentfault.com/u/bowens_h",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "数据架构变革进行时：现代化应用需要怎样的数据策略？",
-    "description": "随着云计算产业的快速崛起，带动着各行各业开始自己的基于云的业务创新和信息架构现代化，云计算的可靠性、灵活性、按需计费的高性价比等优势已经让很多企业把“云”业务列入到未来发展战略规划中。现代化应用是现...",
-    "url": "https://segmentfault.com/a/1190000041150358",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "JavaScript中回调函数知识点，都在这了！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041149520",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "精读《深入了解现代浏览器四》",
-    "description": "前几章介绍了浏览器的基础进程、线程以及它们之间协同的关系，并重点说到了渲染进程是如何处理页面绘制的，那么最后一章也就深入到了浏览器是如何处理页面中事件的。",
-    "url": "https://segmentfault.com/a/1190000041145654",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "用 windbg 分析一个 List.Insert 导致某市附属医院 Web程序 CPU 爆高的事故",
-    "description": "从描述看，这个问题应该困扰了很久，还是医院的朋友给力，开门就是 100块 红包 🤣🤣🤣，那既然是偶发性爆高，人工不行，还得用 procdump 自动抓，用 procdump -ma -s 5 -n 2 -c 70 w3wp 埋伏好，几天后如愿生成了两...",
-    "url": "https://segmentfault.com/a/1190000041145359",
-    "author": "一线码农",
-    "home_url": "https://segmentfault.com/u/huangxincheng",
-    "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "Log4j2又爆雷！2.16.0存在DOS风险，升级2.17.0可解决",
-    "description": "本以为，经过上周的2.16.0版本升级，Log4j2的漏洞修复工作，大家基本都要告一段落了。万万没想到，就在周末，Log4j官方又发布了新版本：2.17.0该版本主要修复安全漏洞：CVE-2021-45105影响版本：2.0-alpha1 至 2....",
-    "url": "https://segmentfault.com/a/1190000041146096",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
-    "votes": "1",
-    "rank": 20
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "CSS mask 实现鼠标跟随镂空效果",
-    "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
-    "url": "https://segmentfault.com/a/1190000040996523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "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": "36",
-    "rank": 2
+    "votes": "38",
+    "rank": 1
   },
   {
     "title": "React、Vue我全都要！React Hook 实现 Vue 的11个基本功能",
@@ -23,17 +14,8 @@
     "url": "https://segmentfault.com/a/1190000041056865",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "30",
-    "rank": 3
-  },
-  {
-    "title": "以 Vuex 为引，一窥状态管理全貌",
-    "description": "Vuex 的用法和 API 不难，官网介绍也简洁明了。得益于此，将 Vuex 快速集成到项目里非常容易。然而正因为用法灵活，很多同学在 Vuex 的设计和使用上反而有些混乱。",
-    "url": "https://segmentfault.com/a/1190000041005444",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "29",
-    "rank": 4
+    "votes": "31",
+    "rank": 2
   },
   {
     "title": "思否年度有奖征文丨用文字记录下属于你的2021",
@@ -41,8 +23,17 @@
     "url": "https://segmentfault.com/a/1190000041089764",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "18",
-    "rank": 5
+    "votes": "23",
+    "rank": 3
+  },
+  {
+    "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": "30",
+    "rank": 4
   },
   {
     "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
@@ -51,7 +42,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "25",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
@@ -59,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041032091",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "27",
-    "rank": 7
+    "votes": "28",
+    "rank": 6
   },
   {
     "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
@@ -68,26 +59,26 @@
     "url": "https://segmentfault.com/a/1190000041044028",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 8
+    "votes": "25",
+    "rank": 7
   },
   {
-    "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": "27",
-    "rank": 9
+    "title": "详解虚拟DOM与Diff算法",
+    "description": "最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...",
+    "url": "https://segmentfault.com/a/1190000041134103",
+    "author": "kerin",
+    "home_url": "https://segmentfault.com/u/kerin",
+    "votes": "19",
+    "rank": 8
   },
   {
-    "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": 10
+    "title": "100行代码实现React核心调度功能",
+    "description": "大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...",
+    "url": "https://segmentfault.com/a/1190000041126142",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "19",
+    "rank": 9
   },
   {
     "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
@@ -95,45 +86,45 @@
     "url": "https://segmentfault.com/a/1190000041103446",
     "author": "jrainlau",
     "home_url": "https://segmentfault.com/u/jrainlau",
-    "votes": "18",
+    "votes": "19",
+    "rank": 10
+  },
+  {
+    "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": "20",
     "rank": 11
   },
   {
-    "title": "100行代码实现React核心调度功能",
-    "description": "大家好，我卡颂。想必大家都知道React有一套基于Fiber架构的调度系统。这套调度系统的基本功能包括：更新有不同优先级一次更新可能涉及多个组件的render，这些render可能分配到多个宏任务中执行（即时间切片）高...",
-    "url": "https://segmentfault.com/a/1190000041126142",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "15",
+    "title": "2022前端必用⭐正则大全, 请🚀提前收好.",
+    "description": "你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.",
+    "url": "https://segmentfault.com/a/1190000041153005",
+    "author": "铁皮饭盒",
+    "home_url": "https://segmentfault.com/u/russell221",
+    "votes": "19",
     "rank": 12
   },
   {
-    "title": "现代配置指南——YAML 比 JSON 高级在哪？",
-    "description": "一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...",
-    "url": "https://segmentfault.com/a/1190000041108051",
+    "title": "用一个 flv.js 播放监控的例子，带你深撅直播流技术",
+    "description": "本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。",
+    "url": "https://segmentfault.com/a/1190000041163719",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "24",
+    "votes": "16",
     "rank": 13
   },
   {
-    "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": "18",
+    "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": "22",
     "rank": 14
   },
-  {
-    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041000841",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
-    "rank": 15
-  },
   {
     "title": "用CSS来撸一只神经猫",
     "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
@@ -141,6 +132,15 @@
     "author": "linshuai",
     "home_url": "https://segmentfault.com/u/linshuai",
     "votes": "15",
+    "rank": 15
+  },
+  {
+    "title": "机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?",
+    "description": "前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。",
+    "url": "https://segmentfault.com/a/1190000041156066",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "11",
     "rank": 16
   },
   {
@@ -161,6 +161,15 @@
     "votes": "15",
     "rank": 18
   },
+  {
+    "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": "13",
+    "rank": 19
+  },
   {
     "title": "Error Boundaries是这么实现的，还挺巧妙",
     "description": "大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...",
@@ -168,15 +177,6 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 19
-  },
-  {
-    "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": 20
   },
   {
@@ -206,6 +206,15 @@
     "votes": "12",
     "rank": 23
   },
+  {
+    "title": "原来这才是 Socket ！",
+    "description": "关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。",
+    "url": "https://segmentfault.com/a/1190000041119178",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
+    "votes": "15",
+    "rank": 24
+  },
   {
     "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
     "description": "又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的\"计数\"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了\"谷歌翻译\"造成的无法\"计数\", 这就引起了我的浓厚兴趣, 到底这个看起来\"人畜...",
@@ -213,7 +222,16 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
-    "rank": 24
+    "rank": 25
+  },
+  {
+    "title": "10个HTML文件上传技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041088153",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 26
   },
   {
     "title": "这是什么选秀节目？数百万人看后想学「机器学习」",
@@ -221,8 +239,17 @@
     "url": "https://segmentfault.com/a/1190000041130996",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
+    "votes": "9",
+    "rank": 27
+  },
+  {
+    "title": "Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？",
+    "description": "在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下： {代码...} 从上面的代码可以看出，WeakMap 缓存区的作用就是用来防止对象被重复...",
+    "url": "https://segmentfault.com/a/1190000041110940",
+    "author": "百瓶技术",
+    "home_url": "https://segmentfault.com/u/billionbottle",
     "votes": "8",
-    "rank": 25
+    "rank": 28
   },
   {
     "title": "你说你会Promise？那你解决一下项目中的这五个难题？",
@@ -231,16 +258,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "16",
-    "rank": 26
-  },
-  {
-    "title": "详解虚拟DOM与Diff算法",
-    "description": "最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...",
-    "url": "https://segmentfault.com/a/1190000041134103",
-    "author": "kerin",
-    "home_url": "https://segmentfault.com/u/kerin",
-    "votes": "10",
-    "rank": 27
+    "rank": 29
   },
   {
     "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
@@ -249,24 +267,6 @@
     "author": "火线安全",
     "home_url": "https://segmentfault.com/u/huoxian",
     "votes": "9",
-    "rank": 28
-  },
-  {
-    "title": "10个HTML文件上传技巧",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041088153",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
-    "rank": 29
-  },
-  {
-    "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": "6",
     "rank": 30
   }
 ]