@wcj/github-rank 21.12.24 → 21.12.29

package/dist/sifou-daily.json

@@ -1,146 +1,110 @@
 [
   {
-    "title": "魏永明：都打着开源协作的名义要共建，却又是山头林立搞内卷",
-    "description": "魏永明，清华大学工学学士、硕士，飞漫软件创始人，开源软件杰出贡献人物。1999年发布知 名开源软件 MiniGUI并持续研发至今。出版有《Minicul 剖析》、《Linux 设备驱动程序》（二、三版）等技术著作。2018年11月...",
-    "url": "https://segmentfault.com/a/1190000041166779",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "3",
+    "title": "警惕！PHP、Node、Ruby 和 Python 应用，漏洞还没结束！",
+    "description": "12 月 10 日凌晨，Apache 开源项目 Log4j2 的远程代码执行漏洞细节被公开，作为当前全球使用最广泛的 java 日志框架之一。该漏洞影响着很多全球使用量前列的开源组件，如 Apache Struts2、Apache Solr、Apache Dr...",
+    "url": "https://segmentfault.com/a/1190000041189841",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 1
   },
   {
-    "title": "用一个 flv.js 播放监控的例子，带你深撅直播流技术",
-    "description": "本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。",
-    "url": "https://segmentfault.com/a/1190000041163719",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "6",
+    "title": "JZ-040-数组中只出现一次的数字",
+    "description": "数组中只出现一次的数字题目描述一个整型数组里除了两个数字之外，其他的数字都出现了两次。请写程序找出这两个只出现一次的数字。题目链接: 数组中只出现一次的数字代码 {代码...} 【每日寄语】 永远面朝阳光，...",
+    "url": "https://segmentfault.com/a/1190000041194757",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "Amazing！！CSS 也能实现极光？",
-    "description": "emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。",
-    "url": "https://segmentfault.com/a/1190000041166007",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "3",
+    "title": "JZ-039-平衡二叉树",
+    "description": "平衡二叉树题目描述输入一棵二叉树，判断该二叉树是否是平衡二叉树。在这里，我们只需要考虑其平衡性，不需要考虑其是不是排序二叉树题目链接: 平衡二叉树代码 {代码...} 【每日寄语】 做个内心阳光的人。不忧伤...",
+    "url": "https://segmentfault.com/a/1190000041193844",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 3
   },
   {
-    "title": "当 2021 年的寒冬遇到疫情和离职",
-    "description": "说实话，今年的收尾有些惨淡，离职后又遇到了西安的疫情... 但也有点小幸运。工作如题，我离职了。看过前两年的年终总结的都应该知道，三年前从西安去的上海，现在又从上海回到了西安。说巧不巧的遇到了西安疫情...",
-    "url": "https://segmentfault.com/a/1190000041170346",
-    "author": "沈唁",
-    "home_url": "https://segmentfault.com/u/sy_records",
-    "votes": "2",
+    "title": "如何把 MySQL 备份验证性能提升 10 倍",
+    "description": "JuiceFS 非常适合用来做 MySQL 物理备份，具体使用参考我们的官方文档。最近有个客户在测试时反馈，备份验证的数据准备（xtrabackup --prepare）过程非常慢。我们借助 JuiceFS 提供的性能分析工具做了分析，快速...",
+    "url": "https://segmentfault.com/a/1190000041192814",
+    "author": "JuiceFS",
+    "home_url": "https://segmentfault.com/u/juicefs",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "Google Cloud 2022 中国数字峰会全新开启",
-    "description": "本次大会以“一元初始 万象融合”为主题，邀请了谷歌和 Google Cloud 业务负责人、技术专家和客户代表，围绕谷歌融合生态和 Google Cloud 多项技术、服务及解决方案展开探讨。",
-    "url": "https://segmentfault.com/a/1190000041167161",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "「百毒不侵」面试官最喜欢问的13种Vue修饰符",
+    "description": "大家好，我是林三心，众所周知，修饰符也是Vue的重要组成成分之一，利用好修饰符可以大大地提高开发的效率，接下来给大家介绍一下面试官最喜欢问的13种Vue修饰符",
+    "url": "https://segmentfault.com/a/1190000041191163",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "JuiceFS 数据加密原理",
-    "description": "JuiceFS 作为分布文件系统，每天与海量的数据打着交道，因此数据的安全性尤为关键，今天就来介绍一下 JuiceFS 在数据加密方面所做的努力。",
-    "url": "https://segmentfault.com/a/1190000041168348",
-    "author": "JuiceFS",
-    "home_url": "https://segmentfault.com/u/juicefs",
+    "title": "Amazing！！CSS 也能实现烟雾效果？",
+    "description": "最近利用 CSS 实现了一些看似超出 CSS 能力的效果：巧用渐变实现高级感拉满的背景光动画Amazing！！CSS 也能实现极光？本文继续此系列，本文主要想探讨一下，使用 CSS 能否比较好的实现一些烟雾效果。像是这样：...",
+    "url": "https://segmentfault.com/a/1190000041189786",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "2",
     "rank": 6
   },
   {
-    "title": "三年磨一剑，高德地图体验优化总结",
-    "description": "高德地图从19年开始对全链路性能体验进行了持续三年的优化，最终整体核心链路上实现了打对折优化，用户体验上大幅提升。过程中，对性能优化的一些思考和实践经验，本文进行了总结，希望对大家有些助益。",
-    "url": "https://segmentfault.com/a/1190000041169707",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
+    "title": "版本不兼容Jar包冲突该如何是好？",
+    "description": "常言道：编码五分钟，解冲突两小时。作为Java开发来说，第一眼见到ClassNotFoundException、NoSuchMethodException这些异常来说，第一反应就是排包。经过一通常规和非常规操作以后，往往会找到同一个Jar包引入了...",
+    "url": "https://segmentfault.com/a/1190000041189545",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "我写了个IDEA开源插件，vo2dto 一键生成对象转换",
-    "description": "那上 BeanUtils.copyProperties 呀，其实对象转换不只这个方法，还有同类的12种手段，但综合来看还是 MapStruct 在编译期生成x.set(y.get)代码的最终效果最好，整体压测数据如下：",
-    "url": "https://segmentfault.com/a/1190000041167744",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "title": "当前端渲染遇上边缘计算",
+    "description": "前端渲染方式随着前端技术的演进而不断革新，边缘计算的出现使前端渲染从 SSR（Node）时代开始迈入边缘渲染（ESR）时代。本文主要介绍前端渲染的发展演进，以及边缘渲染的原理、优势及应用场景。主要内容如下：前...",
+    "url": "https://segmentfault.com/a/1190000041193494",
+    "author": "火山引擎边缘计算",
+    "home_url": "https://segmentfault.com/u/edgecloud",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "在 Amazon Inferentia 上为 PyTorch 自然语言处理应用程序实现 12 倍的吞吐量和低延迟",
-    "description": "Snap、Alexa 和 Autodesk 等亚马逊云科技客户一直在使用 Amazon Inferentia 部署各种机器学习 (ML) 模型以实现高性能和低成本。自然语言处理 (NLP) 模型在实时和离线批处理使用案例中越来越受欢迎。我们的客户在...",
-    "url": "https://segmentfault.com/a/1190000041166843",
-    "author": "亚马逊云开发者",
-    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
+    "title": "前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）",
+    "description": "特别是对于首屏资源加载中的白屏时间，用户等待的时间就越长，用户感知到页面的速度就越慢。麻省理工学院的 Richard Larson 在讲话中指出，“人类将被动等待高估了 36%”（[链接]）。这意味着用户感觉到的等待时间...",
+    "url": "https://segmentfault.com/a/1190000041192453",
+    "author": "后除",
+    "home_url": "https://segmentfault.com/u/mazey_5bfd4a49bddcd",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "【C进阶】24、#pragma分析",
-    "description": "1）#pragma 用于 指示编译器 完成一些特定的动作；#pragma 所定义的很多指示字是编译器特有的，所以在不同的编译器间是不可移植的",
-    "url": "https://segmentfault.com/a/1190000041171107",
-    "author": "bryson",
-    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
+    "title": "基于promise的阻塞式队列设计",
+    "description": "设计阻塞队列的缘由是因为在做业务时遇见庞大的资源列表加载问题，我们的业务主要是媒体资源的加载。http 1.0的时候大部分浏览器支持最大并行数量是6个，http 2.0的时候有所提升，HTTP/2.0理论上可以在一个TCP连...",
+    "url": "https://segmentfault.com/a/1190000041192034",
+    "author": "H_H_code",
+    "home_url": "https://segmentfault.com/u/h_h_code",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "魏永明：少谈情怀少作秀，多写代码多创新",
-    "description": "魏永明，清华大学工学学士、硕士，飞漫软件创始人，开源软件杰出贡献人物。1999年发布知 名开源软件 MiniGUI并持续研发至今。出版有《Minicul 剖析》、《Linux 设备驱动程序》（二、三版）等技术著作。2018年11月...",
-    "url": "https://segmentfault.com/a/1190000041167014",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
+    "title": "FFCreator -- 用 node.js 来制作数据可视化视频吧",
+    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
+    "url": "https://segmentfault.com/a/1190000041192433",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "OPPO大数据离线任务调度系统OFLOW",
-    "description": "在整个大数据体系中，在原始数据被采集之后，需要使用各种逻辑进行整合和计算之后才能输出实际有效的数据，才能最终用于商业目的，实现大数据的价值。在整个处理流程中，无论是抽取、转换、装载（ETL）的这些过程...",
-    "url": "https://segmentfault.com/a/1190000041166580",
+    "title": "OPPO小布助手算法系统探索、实践与思考",
+    "description": "对话交互是继传统PC、PC互联网及移动互联网之后，下一个时代非常有想象力的关键技术方向，无论是学术界还是工业界都有极高的关注度，同时作为OPPO万物互融战略的关键节点之一，承载着伟大而艰巨的使命。",
+    "url": "https://segmentfault.com/a/1190000041189363",
     "author": "OPPO数智技术",
     "home_url": "https://segmentfault.com/u/oppo_internet_tech",
     "votes": "1",
     "rank": 12
-  },
-  {
-    "title": "「百毒不侵(一)」(a == 1 && a == 2 && a == 3) 有可能是 true 吗？",
-    "description": "大家好我是林三心，又一周过去了，哎，想想年纪又大了，就烦。今天突然有人问我:(a == 1 && a == 2 && a ==3) 有可能是 true 吗我当时就想一脚踹过去，你这不是在耍我吗？当我的脚离他的脸一厘米...",
-    "url": "https://segmentfault.com/a/1190000041165448",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "2",
-    "rank": 13
-  },
-  {
-    "title": "记录使用React Native开发App全过程",
-    "description": "使用相关插件 Expo(项目框架)、nativebase(UI框架)、React Navigation(路由)使用Expo是为了编译Web端的时候可以SSR渲染功能开发地图使用 react-native-maps开发过程中记录safeAreaReactNavigation提供 加上会去掉...",
-    "url": "https://segmentfault.com/a/1190000041169610",
-    "author": "pawn",
-    "home_url": "https://segmentfault.com/u/pawnjj",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "Spring04——Spring操作JdbcTemplate进行JDBC操作",
-    "description": "前言：传统的JDBC操作非常的繁琐,为了使JDBC更加便于使用,Spring整合了JDBC，以此建立一个JDBC存取框架: JdbcTemplate",
-    "url": "https://segmentfault.com/a/1190000041168718",
-    "author": "嘻嘻硕",
-    "home_url": "https://segmentfault.com/u/wldenw2y",
-    "votes": "3",
-    "rank": 15
-  },
-  {
-    "title": "如何使用TeamCode Tin快速访问Jenkins",
-    "description": "Jenkins是一个开源软件项目，是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台，使软件项目可以进行持续集成。",
-    "url": "https://segmentfault.com/a/1190000041166595",
-    "author": "TeamCode",
-    "home_url": "https://segmentfault.com/u/teamcode",
-    "votes": "1",
-    "rank": 16
   }
 ]

package/dist/sifou-monthly.json

@@ -1,4 +1,13 @@
 [
+  {
+    "title": "用一个 flv.js 播放监控的例子，带你深撅直播流技术",
+    "description": "本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。",
+    "url": "https://segmentfault.com/a/1190000041163719",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "34",
+    "rank": 1
+  },
   {
     "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
     "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
@@ -6,15 +15,6 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "38",
-    "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": "31",
     "rank": 2
   },
   {
@@ -23,18 +23,27 @@
     "url": "https://segmentfault.com/a/1190000041089764",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "22",
+    "votes": "24",
     "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",
+    "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": "31",
     "rank": 4
   },
+  {
+    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
+    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
+    "url": "https://segmentfault.com/a/1190000041032091",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "30",
+    "rank": 5
+  },
   {
     "title": "现代配置指南——YAML 比 JSON 高级在哪？",
     "description": "一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...",
@@ -42,7 +51,16 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "30",
-    "rank": 5
+    "rank": 6
+  },
+  {
+    "title": "【建议收藏】11+实战技巧，让你轻松从Vue过渡到React",
+    "description": "这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）",
+    "url": "https://segmentfault.com/a/1190000041157904",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "23",
+    "rank": 7
   },
   {
     "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
@@ -51,16 +69,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "25",
-    "rank": 6
-  },
-  {
-    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
-    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
-    "url": "https://segmentfault.com/a/1190000041032091",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "28",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
@@ -69,16 +78,25 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
-    "rank": 8
+    "rank": 9
   },
   {
-    "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": "15",
-    "rank": 9
+    "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": "25",
+    "rank": 10
+  },
+  {
+    "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": 11
   },
   {
     "title": "100行代码实现React核心调度功能",
@@ -87,7 +105,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "19",
-    "rank": 10
+    "rank": 12
   },
   {
     "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
@@ -96,16 +114,7 @@
     "author": "jrainlau",
     "home_url": "https://segmentfault.com/u/jrainlau",
     "votes": "19",
-    "rank": 11
-  },
-  {
-    "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": "18",
-    "rank": 12
+    "rank": 13
   },
   {
     "title": "公司用的 MySQL 团队开发规范，太详细了，建议收藏！",
@@ -114,15 +123,6 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "20",
-    "rank": 13
-  },
-  {
-    "title": "用CSS来撸一只神经猫",
-    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
-    "url": "https://segmentfault.com/a/1190000041016364",
-    "author": "linshuai",
-    "home_url": "https://segmentfault.com/u/linshuai",
-    "votes": "15",
     "rank": 14
   },
   {
@@ -131,17 +131,26 @@
     "url": "https://segmentfault.com/a/1190000041037062",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "22",
+    "votes": "23",
     "rank": 15
   },
+  {
+    "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": "14",
+    "rank": 16
+  },
   {
     "title": "机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?",
     "description": "前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。",
     "url": "https://segmentfault.com/a/1190000041156066",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
-    "votes": "11",
-    "rank": 16
+    "votes": "12",
+    "rank": 17
   },
   {
     "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
@@ -150,35 +159,8 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 17
-  },
-  {
-    "title": "PHP 基金会，是个好事 (PHP Foundation)",
-    "description": "2021 年 11 月 23 日，PHP 主力开发 Nikita Popov 发文宣布 将不再参与 PHP 的主要维护，从月底开始逐渐淡出。据说 Nikita Popov 从他还在上高中时就开始参与 PHP 的开发，彼时为 2011 年，截至目前已有 10 年之...",
-    "url": "https://segmentfault.com/a/1190000041008293",
-    "author": "summerblue",
-    "home_url": "https://segmentfault.com/u/summerblue",
-    "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": "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": "18",
-    "rank": 20
-  },
   {
     "title": "Error Boundaries是这么实现的，还挺巧妙",
     "description": "大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...",
@@ -186,7 +168,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 21
+    "rank": 19
+  },
+  {
+    "title": "Amazing！！CSS 也能实现极光？",
+    "description": "emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。",
+    "url": "https://segmentfault.com/a/1190000041166007",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "10",
+    "rank": 20
   },
   {
     "title": "如果将元宇宙逐层拆解，你会发现内核是“云”",
@@ -195,7 +186,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "9",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "2021 re:Invent ，我们到底该关注哪些发布？",
@@ -204,7 +195,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "一个 Babelfish ，看懂云数据库的发展方向",
@@ -213,6 +204,15 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "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
   },
   {
@@ -243,21 +243,21 @@
     "rank": 27
   },
   {
-    "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",
+    "title": "Java集合高频面试题",
+    "description": "本文目录：常见的集合有哪些？List 、Set和Map 的区别ArrayList 了解吗？ArrayList 的扩容机制？怎么在遍历 ArrayList 时移除一个元素？Arraylist 和 Vector 的区别Arraylist 与 LinkedList 区别HashMap解决hash...",
+    "url": "https://segmentfault.com/a/1190000041101930",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
+    "votes": "12",
     "rank": 28
   },
   {
-    "title": "你说你会Promise？那你解决一下项目中的这五个难题？",
-    "description": "大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，众所周知哈， Promise 在咱们的开发中是相当的重要，我觉得对于 Promise 的使用等级，可以分为三个等级",
-    "url": "https://segmentfault.com/a/1190000041025373",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "16",
+    "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": 29
   },
   {