@wcj/github-rank 21.12.26 → 21.12.31

package/web/data/sifou-daily.json

@@ -1,65 +1,92 @@
 [
   {
-    "title": "JZ-036-两个链表的第一个公共结点",
-    "description": "输入两个链表，找出它们的第一个公共结点。（注意因为传入数据是链表，所以错误测试数据的提示是用其他方式显示的，保证传入数据是正确的）题目链接: 两个链表的第一个公共结点",
-    "url": "https://segmentfault.com/a/1190000041179489",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "title": "从“智能湖仓”架构的技术演进，看现代化数据平台的发展方向",
+    "description": "在 2021 年初全年技术趋势展望中，数据湖与数据仓库的融合，成为大数据领域的趋势重点。直至年末，关于二者的讨论依然热烈，行业内的主要分歧点在于数据湖、数据仓库对存储系统访问、权限管理等方面的把控；行业...",
+    "url": "https://segmentfault.com/a/1190000041204912",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "从微服务到云原生",
-    "description": "微服务架构（Microservice Architecture）是一种架构概念，旨在通过将功能分解到各个离散的服务中以实现对解决方案的解耦。",
-    "url": "https://segmentfault.com/a/1190000041178042",
-    "author": "zhoutao",
-    "home_url": "https://segmentfault.com/u/toopoo",
-    "votes": "1",
+    "title": "uni-app使用原生小程序挂载的方法：以支付宝营销组件mkt为例",
+    "description": "用uni-app构建的支付宝小程序，要用营销组件mkt {代码...} 直接在methods里面写onError，onRender，onApplySuccess方法将获取不到回调解决办法在onload里面写 {代码...} {代码...} 这样就能获取到回调了",
+    "url": "https://segmentfault.com/a/1190000041201998",
+    "author": "流年朝朝",
+    "home_url": "https://segmentfault.com/u/zeng_ying",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "【dperf系列-1】dperf是什么：一款开源的千万级HTTP CPS压测工具",
-    "description": "不是每个人都能用得上商业测试仪（太贵了）。如思博伦、IXIA等，价格差不多是1 HTTP CPS = 1RMB，如果要达到dperf同等性能的商用测试仪，价格不会低于1千万人名币，抵得上一线城市一套房子了。对于网络设备厂商来...",
-    "url": "https://segmentfault.com/a/1190000041177894",
-    "author": "ben_",
-    "home_url": "https://segmentfault.com/u/pengjianzhang",
+    "title": "深度测评 | 五大主流多端开发框架全面对比",
+    "description": "国内外笔者选择了一共 5 个主流的测评对象，分别是 RN，Flutter，Ionic，NativeScript，以及用友 APICloud 团队开发的 AVM。",
+    "url": "https://segmentfault.com/a/1190000041205474",
+    "author": "浪里行舟",
+    "home_url": "https://segmentfault.com/u/langlixingzhou",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "理解 DNS 缓存",
-    "description": "当我第一次学习 DNS 解析 时，我被这个漫长和复杂的过程惊到了。想象一下你每天要访问多少网站，再想一下你每天要访问多少次。现在想象一下你每次访问时，在另一端的 ISP DNS 服务器必须重复整个递归过程，并查询...",
-    "url": "https://segmentfault.com/a/1190000041177813",
-    "author": "hanyouqing",
-    "home_url": "https://segmentfault.com/u/hanyouqing",
+    "title": "良许跌宕起伏的2021年",
+    "description": "大家好，我是良许，前码农，现创业者。时间飞逝，转眼就2021年年尾了，向各位「股东」们汇报一下良许的 2021 年。公众号运营至今，每年我都会写年终总结，前三次总结给大家放在下面了，各位看官们来帮我打打脸。2...",
+    "url": "https://segmentfault.com/a/1190000041206161",
+    "author": "良许",
+    "home_url": "https://segmentfault.com/u/liangxu_5d63396040bb5",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "【C进阶】25、#和##运算符",
-    "description": "Summary1）'#'用于在预处理期将宏参数转换为字符串；只在宏定义中有效，编译器不知道'#'的存在2）可以使用#+函数名，在调用时打印函数名3）'##'用于在预处理期 拼接两个标识符；只在宏定义中有效，编译器不知道'#...",
-    "url": "https://segmentfault.com/a/1190000041179144",
-    "author": "bryson",
-    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
+    "title": "新兴边缘云和基础计算设施详解",
+    "description": "虽然这种交付方法能够满足大部分要求，但关键任务服务（具有毫秒或更低范围内的严格延迟要求）不能以这种方式工作，因为云到客户端的平均延迟很容易超过几十毫秒并且可能会根据网络负载剧烈波动。",
+    "url": "https://segmentfault.com/a/1190000041205419",
+    "author": "云联壹云",
+    "home_url": "https://segmentfault.com/u/yunion",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "React系列（二）-- React基本语法实现思路",
-    "description": "前言我们先不讲什么语法原理,先根据API效果强行模拟语法使用,实现一个简易版的React.下面代码跟React源码没有关系，只是单纯模拟思路实现render第一步我们先用类创建一个元素返回,并且绑定点击事件,代码如下,可以...",
-    "url": "https://segmentfault.com/a/1190000041178121",
-    "author": "Afterward",
-    "home_url": "https://segmentfault.com/u/zhajichaoren",
+    "title": "与 Taro 团队核心开发兼运营的一次 CSS 布局讨论的记录",
+    "description": "今天上班在很认真的寻访候选人，查看招聘网站上的一些人选的信息时，突然收到 Taro 团队的核心开发兼运营（我说他是开发，他说自己是运营）同学的微信消息，如下图：",
+    "url": "https://segmentfault.com/a/1190000041201222",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "如何去学习认识新事物",
-    "description": "在生活中，学习上不可避免地会接触到新知识新事物，怎么去面对掌握这些新知识新事物？我觉得这归根到底还是需要培养自己解决问题的能力，学会了如何去解决问题，才能在面对任何事情时，从容冷静地去面对。水来土...",
-    "url": "https://segmentfault.com/a/1190000041177632",
-    "author": "kerin",
-    "home_url": "https://segmentfault.com/u/kerin",
+    "title": "【C进阶】28、指针和数组分析",
+    "description": "2）指针是一种特殊的变量，与整数的运算规则为： p + n; <--> (unsigned int)p + n * sizeof(*p)当指针p指向一个数组里的元素时，p + 1将指向当前元素的下一元素；p - 1将指向当前元素的上一元素。",
+    "url": "https://segmentfault.com/a/1190000041206403",
+    "author": "bryson",
+    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
     "votes": "1",
     "rank": 7
+  },
+  {
+    "title": "恒源云_云GPU服务器如何使用SpaCy？",
+    "description": "文章来源 | 恒源云社区（一个专注 AI 行业的共享算力平台：恒源智享云)原文地址 | SpaCy最近分享了社区大佬们的一些语言处理类的论文，干货满满！戳👇 可查看，也许就有你需要的知识点哦～恒源云 _对比学习，只需...",
+    "url": "https://segmentfault.com/a/1190000041203568",
+    "author": "恒源云",
+    "home_url": "https://segmentfault.com/u/gpushare",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "Spring Boot 2 中的默认日志管理与 Logback 配置详解",
+    "description": "Spring Boot在所有内部日志中使用Commons Logging，但是对底层日志的实现是开放的。在Spring Boot生态中，为Java Util Logging 、Log4J2 和Logback 这些常见的日志框架都提供了自动化配置组件，每种Logger都可以...",
+    "url": "https://segmentfault.com/a/1190000041202314",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "QCon-oCPX多目标多场景联合建模在OPPO的实践",
+    "description": "自从 2012 年 Facebook 产品化 oCPX 以来，业内 oCPX 产品和能力的发展已经非常的成熟。OPPO 数智工程系统算法平台部商业化算法也在 oCPX 能力建设上积累了一些实践经验。",
+    "url": "https://segmentfault.com/a/1190000041201607",
+    "author": "OPPO数智技术",
+    "home_url": "https://segmentfault.com/u/oppo_internet_tech",
+    "votes": "1",
+    "rank": 10
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,20 +1,20 @@
 [
+  {
+    "title": "用一个 flv.js 播放监控的例子，带你深撅直播流技术",
+    "description": "本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。",
+    "url": "https://segmentfault.com/a/1190000041163719",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "37",
+    "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": "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",
+    "votes": "40",
     "rank": 2
   },
   {
@@ -23,34 +23,34 @@
     "url": "https://segmentfault.com/a/1190000041089764",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "23",
+    "votes": "24",
     "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",
+    "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": "超硬核 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",
+    "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": "26",
     "rank": 5
   },
   {
-    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
-    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
-    "url": "https://segmentfault.com/a/1190000041032091",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "28",
+    "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": "31",
     "rank": 6
   },
   {
@@ -62,6 +62,24 @@
     "votes": "25",
     "rank": 7
   },
+  {
+    "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": "26",
+    "rank": 8
+  },
+  {
+    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
+    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
+    "url": "https://segmentfault.com/a/1190000041103446",
+    "author": "jrainlau",
+    "home_url": "https://segmentfault.com/u/jrainlau",
+    "votes": "20",
+    "rank": 9
+  },
   {
     "title": "详解虚拟DOM与Diff算法",
     "description": "最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...",
@@ -69,7 +87,7 @@
     "author": "kerin",
     "home_url": "https://segmentfault.com/u/kerin",
     "votes": "19",
-    "rank": 8
+    "rank": 10
   },
   {
     "title": "100行代码实现React核心调度功能",
@@ -78,16 +96,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "19",
-    "rank": 9
-  },
-  {
-    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
-    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
-    "url": "https://segmentfault.com/a/1190000041103446",
-    "author": "jrainlau",
-    "home_url": "https://segmentfault.com/u/jrainlau",
-    "votes": "19",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "公司用的 MySQL 团队开发规范，太详细了，建议收藏！",
@@ -95,44 +104,26 @@
     "url": "https://segmentfault.com/a/1190000041105650",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "20",
-    "rank": 11
-  },
-  {
-    "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": "21",
     "rank": 12
   },
-  {
-    "title": "用一个 flv.js 播放监控的例子，带你深撅直播流技术",
-    "description": "本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。",
-    "url": "https://segmentfault.com/a/1190000041163719",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "16",
-    "rank": 13
-  },
   {
     "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
+    "votes": "23",
+    "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": 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": 14
   },
   {
     "title": "机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?",
@@ -140,7 +131,16 @@
     "url": "https://segmentfault.com/a/1190000041156066",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
-    "votes": "11",
+    "votes": "12",
+    "rank": 15
+  },
+  {
+    "title": "平平淡淡又一年 | 边城在思否的 2021 年总结",
+    "description": "又到了年末写总结的时候。我不断地提醒自己过去这一年是 2021，不是 2022 —— 是的，作为一个使用了 VS2022 好几个月的人来说，感觉已经在 2022 好久了。然而， 2022 只是即将来临。回往昔，我都干了啥？",
+    "url": "https://segmentfault.com/a/1190000041193583",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "14",
     "rank": 16
   },
   {
@@ -153,13 +153,31 @@
     "rank": 17
   },
   {
-    "title": "利用 clip-path 实现动态区域裁剪",
-    "description": "背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何实现这样一个类似的效果？首先，想...",
-    "url": "https://segmentfault.com/a/1190000041126373",
+    "title": "1.2w字 | 从 0 到 1 上手 Web Components 业务组件库开发",
+    "description": "组件化是前端发展的一个重要方向，它一方面提高开发效率，另一方面降低维护成本。主流的 Vue.js、React 及其延伸的 Ant Design、uniapp、Taro 等都是组件框架。​Web Components 是一组 Web 原生 API 的总称，允许...",
+    "url": "https://segmentfault.com/a/1190000041170989",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "17",
+    "rank": 18
+  },
+  {
+    "title": "Amazing！！CSS 也能实现极光？",
+    "description": "emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。",
+    "url": "https://segmentfault.com/a/1190000041166007",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 19
+  },
+  {
+    "title": "使用 Nginx 构建前端日志统计服务",
+    "description": "这个大的项目以 low code 为核心，囊括了编辑器前端、编辑器后端、C 端 H5、组件库、组件平台、后台管理系统前端、后台管理系统后台、统计服务、自研 CLI 九大系统。",
+    "url": "https://segmentfault.com/a/1190000041184489",
+    "author": "前端森林",
+    "home_url": "https://segmentfault.com/u/fengshuan",
     "votes": "13",
-    "rank": 18
+    "rank": 20
   },
   {
     "title": "Error Boundaries是这么实现的，还挺巧妙",
@@ -168,16 +186,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 19
-  },
-  {
-    "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": "17",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "如果将元宇宙逐层拆解，你会发现内核是“云”",
@@ -186,7 +195,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "9",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "2021 re:Invent ，我们到底该关注哪些发布？",
@@ -195,7 +204,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "一个 Babelfish ，看懂云数据库的发展方向",
@@ -204,7 +213,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "原来这才是 Socket ！",
@@ -213,7 +222,7 @@
     "author": "程序员cxuan",
     "home_url": "https://segmentfault.com/u/cxuan",
     "votes": "15",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
@@ -222,15 +231,6 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
-    "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
   },
   {
@@ -243,30 +243,30 @@
     "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",
+    "title": "10个HTML文件上传技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041088153",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
     "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": "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": "11",
     "rank": 29
   },
   {
-    "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
-    "description": "近日，Log4j2 被爆出现史诗级利用成本极低危害极大的漏洞，黑客可通过发送一条指令即可控制目标设备。Log4j2 作为基础日志组件被大量基础服务在底层使用，据统计，该漏洞影响6万+流行开源软件，影响70%以上的企业...",
-    "url": "https://segmentfault.com/a/1190000041105568",
-    "author": "火线安全",
-    "home_url": "https://segmentfault.com/u/huoxian",
-    "votes": "9",
+    "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": 30
   }
 ]