@wcj/github-rank 21.12.6 → 21.12.10

package/dist/sifou-weekly.json

@@ -1,272 +1,272 @@
 [
-  {
-    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
-    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
-    "url": "https://segmentfault.com/a/1190000041032091",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "24",
-    "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": 1
+  },
+  {
+    "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": 2
   },
   {
-    "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": "14",
+    "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
+    "description": "又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的\"计数\"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了\"谷歌翻译\"造成的无法\"计数\", 这就引起了我的浓厚兴趣, 到底这个看起来\"人畜...",
+    "url": "https://segmentfault.com/a/1190000041067692",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "10",
     "rank": 3
   },
   {
-    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
-    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
-    "url": "https://segmentfault.com/a/1190000041044028",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
+    "title": "亲身体验了一把vite，感觉真的没有说的那么好，很多坑",
+    "description": "但是在vite中，不是，它不识别require，而是要使用 new URL()在项目中坑的是new URL中竟然不只是@别名符，你只能用相对路径",
+    "url": "https://segmentfault.com/a/1190000041057203",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "7",
     "rank": 4
   },
   {
-    "title": "研发效能数据平台 DevLake 正式开源，连接 DevOps 中的数据孤岛",
-    "description": "工程师们反馈流程体验确实有所提升，和业务同事的沟通似乎也愉快了一些——但研发团队依然需要量化数据作为抓手，一方面佐证先前实践优化的有效性，另一方面为持续的效能提升寻找机会。",
-    "url": "https://segmentfault.com/a/1190000041033394",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "5",
+    "title": "用前端表格技术构建医疗SaaS 解决方案",
+    "description": "电子健康档案（Electronic Health Records, EHR）是将患者在所有医疗机构产生的数据（病历、心电图、医疗影像等）以电子化的方式存储，通过在不同的医疗机构之间共享，让患者面对不同的医生，身处不同的医院、诊...",
+    "url": "https://segmentfault.com/a/1190000041082633",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "花式调接口: hex vs base64",
-    "description": "作为你一个前端，可能你常常自诩，你是一个无情的API调用机器，调框架API，调服务端API；但下文可能会震惊到你，至少已经让我崩溃了好几天。",
-    "url": "https://segmentfault.com/a/1190000041031915",
-    "author": "Denzel",
-    "home_url": "https://segmentfault.com/u/denzel",
-    "votes": "7",
+    "title": "微信跳转支付宝app、跳转淘宝app新方案（领红包、领淘宝优惠券示例）",
+    "description": "最近2个月各种琐事很忙，没有时间写文章，没有时间研究各种东西，近期开始闲下来了。微信团队发布了新通知，关于《微信外部链接内容管理规范》的更新说明，正式开放电商类的外部链接，在聊天场景中可直接访问电商...",
+    "url": "https://segmentfault.com/a/1190000041070113",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
+    "votes": "6",
     "rank": 6
   },
   {
-    "title": "分布式事务的这些常见用法都有坑，来看看正确姿势",
-    "description": "随着微服务架构的流行，随之而来就必然遇到跨服务的分布式事务这个难题。分布式事务之所以难，主要是因为分布式系统中的各个节点都可能发生各种非预期的情况。本文先介绍分布式系统中的异常问题，然后介绍这些问...",
-    "url": "https://segmentfault.com/a/1190000041031586",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "10",
+    "title": "前端架构师破局技能，NodeJS 落地 WebSocket 实践",
+    "description": "本文从网络协议，技术背景，安全和生产应用的方向，详细介绍 WebSocket 在 Node.js 中的落地实践。大纲预览本文介绍的内容包括以下方面：网络协议进化Socket.IO？ws 模块实现Express 集成WebSocket 实例消息广播...",
+    "url": "https://segmentfault.com/a/1190000041075299",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "9",
     "rank": 7
   },
   {
-    "title": "Error Boundaries是这么实现的，还挺巧妙",
-    "description": "大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...",
-    "url": "https://segmentfault.com/a/1190000041057856",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "因为实现不了Promise.all，一场面试凉凉了",
+    "description": "(ಥ﹏ಥ)曾经真实发生在一个朋友身上的真实事件，面试官让他手写一个Promise.all，朋友现场发挥不太好，没有写出来，事后他追问面试官给的模糊评价是基础不够扎实，原理性知识掌握较少... 当然整场面试失利，并不仅...",
+    "url": "https://segmentfault.com/a/1190000041068092",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
     "votes": "6",
     "rank": 8
   },
   {
-    "title": "进击的 Ansible（二）：如何快速搞定生产环境 Ansible 项目布局？",
-    "description": "Tips：与前文 《进击的 Ansible（一）：Ansible 快速入门》 一样，本文使用的 Ansible 版本 2.5.4，项目演示环境 MacOS。由于 Ansible 项目开发活跃版本更新快，很多 API 接口不向后兼容，所以对照本文实践时请确...",
-    "url": "https://segmentfault.com/a/1190000041053036",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
+    "title": "JZ-017-树的子结构",
+    "description": "树的子结构题目描述输入两棵二叉树A，B，判断B是不是A的子结构。（ps：我们约定空树不是任意一个树的子结构）题目链接: 树的子结构代码 {代码...} 【每日寄语】 总之岁月漫长，然而值得等待。",
+    "url": "https://segmentfault.com/a/1190000041073205",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "5",
     "rank": 9
   },
   {
-    "title": "CSS 自适应内容宽度的输入框",
-    "description": "通常我们见到的输入框都是宽度固定的，但有时也会碰到自适应内容宽度的，像这样目前我所知道的有两种方式，相信不难找到给普通 div 标签设置 contenteditable=\"true\"，设置 inline-block 以后，就可以自适应内容...",
-    "url": "https://segmentfault.com/a/1190000041032322",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "8",
+    "title": "小蝌蚪传记：前端实用技巧，通过babel精准操作js文件",
+    "description": "今天是暗恋她的第90天，但我马上就要失恋了 因为组织架构变动，我要换到一个离她很远的地方暗恋她的90天里，我一直在997每天都在跟同类互相残杀我厌倦了和一群老男人加班的日子她是这段黑暗时间里，唯一的光她曾...",
+    "url": "https://segmentfault.com/a/1190000041081789",
+    "author": "第一名的小蝌蚪",
+    "home_url": "https://segmentfault.com/u/diyimingdexiao",
+    "votes": "6",
     "rank": 10
   },
   {
-    "title": "还在付费使用 XShell？我选择这款超牛逼的 SSH 客户端，完全免费！",
-    "description": "分享过FinallShell这款SSH客户端，也是xiaoz目前常用的SSH客户端工具，FinalShell使用起来方便顺手，但令我不爽的是tab数量变多的时候FinalShell越来越卡，而且内存占用也比较高。",
-    "url": "https://segmentfault.com/a/1190000041041396",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "7",
+    "title": "2021 re:Invent ，我们到底该关注哪些发布？",
+    "description": "这并不奇怪，每年亚马逊云科技 re:Invent 都会有数十项新产品、新功能发布，其中一部分，可能代表了日后云计算及整个 IT 界基础设施的发展方向，比如曾经的 Amazon  RedShift、Amazon Lambda，前者引导了业内云原...",
+    "url": "https://segmentfault.com/a/1190000041086821",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
     "rank": 11
   },
   {
-    "title": "中国首份RPA开发者调研报告：专业开发者职业满意度高达 94%",
-    "description": "2021 年 11 月 29 日，来也科技行业研究院完成中国首次 RPA 开发者调研，正式发布《2021 年中国 RPA 开发者调研报告》。目前，来也科技已经建立了中国最大规模的 RPA 开发者社区，社区注册用户已超过 57 万人，本...",
-    "url": "https://segmentfault.com/a/1190000041033338",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "3",
+    "title": "服务端渲染基础",
+    "description": "一般而言大家提到“渲染”，可能会说：“凡是从服务器返回的 HTML 页面，均算作是服务端渲染。”这可能让不少人还是觉得迷惑，简单说渲染就是“数据”和“模板”拼接到一起。举个例子：我们前端开发最常见的一个场景，请...",
+    "url": "https://segmentfault.com/a/1190000041076565",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 12
   },
   {
-    "title": "JavaScript Sanitizer API：原生WEB安全API出现啦",
-    "description": "10月18号， W3C中网络平台孵化器小组（Web Platform Incubator Community Group）公布了HTML Sanitizer API的规范草案。这份草案用来解决浏览器如何解决XSS攻击问题。",
-    "url": "https://segmentfault.com/a/1190000041044632",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "没有拿一分钱融资，三个俄罗斯程序员如何打造百亿美金独角兽公司JetBrains",
+    "description": "原标题：《9000字拆解JetBrains：屡次拒绝融资的Geek创业成功之路》作者 ：阿法兔，文科转计算机，连续创业者，技术生活进化论创始人。19世纪下半期，俄国科学技术有了很大发展，也出现了很多杰出的科学家。比较...",
+    "url": "https://segmentfault.com/a/1190000041083795",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "6",
     "rank": 13
   },
   {
-    "title": "前端er，什么时候，你想写一个 HTTP 服务器？",
-    "description": "当你第一次接触工程化的项目时，看到项目控制台正在 building，过一会突然跳出一个 URL 地址，你点开它居然是你刚写好的网页，好神奇。",
-    "url": "https://segmentfault.com/a/1190000041037884",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
+    "title": "前端React面试题总结",
+    "description": "React是一个构建用户界面的 JavaScript 库，是一个UI 层面的解决方案。React遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序开发更高效。同时，React使用虚拟DOM来有效地操作DOM，遵循从高...",
+    "url": "https://segmentfault.com/a/1190000041065787",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "6",
     "rank": 14
   },
   {
-    "title": "大会没看够？2021 Google 开发者大会总结看这里！",
-    "description": "Develop as One!2021 Google 开发者大会汇聚开发者合力，带来满分体验这场年度科技盛会还没看够？马上为你奉上大会精华总结！立即点击，进入官网探索更多！2021 Google 开发者大会精心为开发者和科技爱好者带来了...",
-    "url": "https://segmentfault.com/a/1190000041054873",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
+    "url": "https://segmentfault.com/a/1190000041089764",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "9",
     "rank": 15
   },
   {
-    "title": "网络安全（一）：常见的网络威胁及防范",
-    "description": "10 月 12 日，2021 国家网络安全宣传周上，由工业和信息化部人才交流中心和网络安全产业发展中心牵头，安恒信息等企业参与编撰的《网络安全产业人才发展报告》白皮书显示，我国网络安全产业人才需求高速增长，202...",
-    "url": "https://segmentfault.com/a/1190000041038787",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "面试官：为什么 Promise 比setTimeout() 快？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041081590",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
     "rank": 16
   },
   {
-    "title": "搞懂 Kubernetes 准入控制（Admission Controller）",
-    "description": "在我之前发布的文章 《云原生时代下的容器镜像安全》（系列）中，我提到过 Kubernetes 集群的核心组件 -- kube-apiserver，它允许来自终端用户或集群的各组件与之进行通信（例如，查询、创建、修改或删除 Kuberne...",
-    "url": "https://segmentfault.com/a/1190000041037182",
-    "author": "张晋涛",
-    "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "4",
+    "title": "【JVM源码解析】虚拟机解释执行Java方法（上）",
+    "description": "前面已经写了许多篇介绍字节码指令对应的汇编代码执行逻辑，还有一些字节码指令对应的汇编代码逻辑没有介绍，这些指令包括方法调用指令、同步指令、异常抛出指令，这些指令的汇编代码实现逻辑比较复杂，所以后面...",
+    "url": "https://segmentfault.com/a/1190000041061285",
+    "author": "HeapDump性能社区",
+    "home_url": "https://segmentfault.com/u/perfma",
+    "votes": "2",
     "rank": 17
   },
   {
-    "title": "夯实隐私与安全，打造安全可靠的支付级活体验检测能力",
-    "description": "内容来源：华为开发者大会2021 HMS Core 6 AI技术论坛，主题演讲《夯实隐私与安全——机器学习服务打造安全可靠的支付级活体验检测能力》。",
-    "url": "https://segmentfault.com/a/1190000041054037",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "2",
+    "title": "Nacos 本地单机版部署步骤和使用",
+    "description": "本系列是 Spring Cloud 微服务实战系列教程。之前在 《Spring Cloud Eureka 入门 （一）服务注册中心详解》 聊过 Spring Cloud Eureka。那今天聊聊阿里开源的 Nacos ~",
+    "url": "https://segmentfault.com/a/1190000041067477",
+    "author": "程序员泥瓦匠",
+    "home_url": "https://segmentfault.com/u/chengxuyuan_666",
+    "votes": "1",
     "rank": 18
   },
   {
-    "title": "一个 Babelfish ，看懂云数据库的发展方向",
-    "description": "作为基础软件皇冠上的明珠，数据库技术一直以来都是开发者关注的焦点。这关注度是如此之高，几乎自然打通了学界和产业界的隔阂，以至于关于数据库技术的每一篇重要论文面世，都可能导致一批价值数十亿美金的公司...",
-    "url": "https://segmentfault.com/a/1190000041043603",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
+    "title": "和 .project 文件说“再见”—— VS Code Java 1.1.0 背后的故事",
+    "description": "Language Support for Java 1.1.0 版本包含了一项重要更新：现在插件在导入新的 Java 项目时，项目元数据文件（.project，.classpath，settings等）默认将不再生成于项目路径下。这一问题自2018年被记录至今已有...",
+    "url": "https://segmentfault.com/a/1190000041061130",
+    "author": "微软技术栈",
+    "home_url": "https://segmentfault.com/u/mstech",
+    "votes": "2",
     "rank": 19
   },
   {
-    "title": "亲身体验了一把vite，感觉真的没有说的那么好，很多坑",
-    "description": "但是在vite中，不是，它不识别require，而是要使用 new URL()在项目中坑的是new URL中竟然不只是@别名符，你只能用相对路径",
-    "url": "https://segmentfault.com/a/1190000041057203",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "6",
+    "title": "我开源了一款轻量级的web编辑器标尺插件！",
+    "description": "比较老的web插件比如jqury的，会产生很多dom，于是写了1个用纯TS和canvas绘制的标尺，不依赖任何第三方库。文档即使用方法如下，欢迎使用，贡献以及提issue!",
+    "url": "https://segmentfault.com/a/1190000041067779",
+    "author": "Gomi",
+    "home_url": "https://segmentfault.com/u/gomi",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "日均请求量1.6万亿次背后，DNSPod的秘密-国密DoH篇",
-    "description": "点击一键订阅《云荐大咖》专栏，获取官方推荐精品内容，学技术不迷路！大家好，我是吴洪声。在2005年的时候，我做了一个和DNS有关的小产品，DNSPod。当时做这样一个产品的背景很简单，那还是一个 「南电信北联通...",
-    "url": "https://segmentfault.com/a/1190000041048151",
-    "author": "腾讯云加社区",
-    "home_url": "https://segmentfault.com/u/qcloudcommunity",
-    "votes": "1",
+    "title": "想知道一个20k级别前端在项目中是怎么使用LocalStorage的吗？",
+    "description": "大家好，我是林三心，用最通俗的话，讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天就给大家唠一下嗑，讲一下，怎么样使用 localStorage、sessionStorage ，才能更规范，更高大上，更能让人眼前...",
+    "url": "https://segmentfault.com/a/1190000041078633",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "5",
     "rank": 21
   },
   {
-    "title": "我的截图插件被Gitee使用了",
-    "description": "上周六有个群友@我说Gitee的反馈模块新增了截图功能，我就去体验了下，发现他们用的就是我的插件😁，本文就跟大家分享下这个插件，欢迎各位感兴趣的开发者阅读本文。",
-    "url": "https://segmentfault.com/a/1190000041043033",
-    "author": "神奇的程序员",
-    "home_url": "https://segmentfault.com/u/likaia",
-    "votes": "3",
-    "rank": 22
-  },
-  {
-    "title": "啥？你的 Tap bar  不够花里胡哨，试试这个！",
+    "title": "通过编写简易虚拟DOM，来学习虚拟DOM 的知识！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040954012",
+    "url": "https://segmentfault.com/a/1190000041068212",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
+    "rank": 22
+  },
+  {
+    "title": "工信部：到2025年建设2-3个有国际影响力的开源社区；IntelliJ IDEA 2021.3发布  | 思否周刊",
+    "description": "40s 新闻速递苹果 M3 处理器曝光：正在试产、最高 40 核、3nm 工艺MonoX 因漏洞导致被黑客窃取 3100 万美元字节员工操纵抖音热榜被判刑Android 权限管理将有重大变化：闲置应用无法获取任何隐私信息苹果推迟 App ...",
+    "url": "https://segmentfault.com/a/1190000041065908",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "3",
     "rank": 23
   },
   {
-    "title": "前端小知识点",
-    "description": "1、解构小技巧平常我们需要用到一个嵌套多层的对象中某些属性，会将其解构出来使用 {代码...} 这种情况下，你把 name 和 age 从 part1 里解构出来了以后，你就无法使用变量 obj 中的 part1 属性了，如： {代码......",
-    "url": "https://segmentfault.com/a/1190000041035595",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "4",
+    "title": "WebView秒开方案探索",
+    "description": "当我们加载一个网页时，并不是发送一个url请求所有的内容都下载下来了，而是除了主URL请求外，还有其他很多的请求，比如JS、CSS、图片等文件，每一个都是独立的请求，部分请求还是串行的，需要将这些资源文件下载...",
+    "url": "https://segmentfault.com/a/1190000041075702",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "2",
     "rank": 24
   },
   {
-    "title": "JetBrains 官宣！“下一代 IDE”轻量编辑器 Fleet正式发布|或抗衡微软 VS Code？",
-    "description": "前几天，“PHP 基金会”即将成立的消息让 JetBrains 赚足了“眼球”。刚刚，JetBrains 官方又宣布了一则重磅消息———正式发布全新“下一代 IDE”轻量编辑器 Fleet，再次让大家将目光聚焦了过来。",
-    "url": "https://segmentfault.com/a/1190000041039208",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "精读《深入了解现代浏览器二》",
+    "description": "在上一篇介绍了，browser process 包含 UI thread、network thread 和 storage thread，当我们在浏览器菜单栏输入网址并敲击回车时，这套动作均由 browser process 的 UI thread 响应。",
+    "url": "https://segmentfault.com/a/1190000041069091",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "3",
     "rank": 25
   },
   {
-    "title": "JZ-014-链表中倒数第 K 个结点",
-    "description": "链表中倒数第 K 个结点题目描述输入一个链表，输出该链表中倒数第k个结点。题目链接: 链表中倒数第 K 个结点代码 {代码...} 【每日寄语】 你的好运气藏在你的实力里，也藏在你不为人知的努力里，你越努力就越幸运。",
-    "url": "https://segmentfault.com/a/1190000041056337",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "6",
+    "title": "苹果计划在 2022 年推出 5 款全新 Mac，包括新版入门级 MacBook Pro",
+    "description": "据报道，苹果计划在 2022 年推出 5 款全新 Mac，包括新版入门级 MacBook Pro。这五款全新 Mac 包括：一款采用苹果芯片的高端 iMac，在产品线中位于 24 英寸 iMac 之上以 \"M2\" 芯片和新设计为特色的 MacBook Air ...",
+    "url": "https://segmentfault.com/a/1190000041069967",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "2021 年游戏开发编程语言 Top10：C++、Java、C# 霸榜前三",
-    "description": "近日，analyticsinsight 就出炉了 2021 年游戏项目开发编程语言 Top10，其中 C++、Java、C# 霸榜前三，还有不少编程语言都属于当下备受开发者欢迎的编程语言。",
-    "url": "https://segmentfault.com/a/1190000041032893",
+    "title": "速看！外媒评 2021 开发者首选最佳 Linux 桌面 Top 5：Fedora、Arch、Gentoo 上榜",
+    "description": "提到 Linux，很多普通用户会觉得离它很远，但如果你现在正用安卓手机看这篇文章的话，那么恭喜！你用的正是 Linux！其实更多时候，一些 Linux 发行版确实需要专业知识才能充分利用它们。",
+    "url": "https://segmentfault.com/a/1190000041057776",
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
     "rank": 27
   },
   {
-    "title": "看到一个魔改线程池，面试素材加一！",
-    "description": "你好呀，我是歪歪。今天给大家分享一个经过扩展后的线程池，且我觉得扩展的思路非常好的。放心，我标题党来着，我觉得面试不会有人考这个玩意，但是工作中是有可能真的会遇到相应的场景。为了引出这个线程池，我...",
-    "url": "https://segmentfault.com/a/1190000041033155",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
+    "title": "使用 button 的 5 个理由",
+    "description": "button 是平时使用最广泛的一个 HTML 元素了，只要有点击交互的地方都推荐使用这个。但是，仍然有大部分网站使用的还是div，比如某博，所到之处几乎都是 div",
+    "url": "https://segmentfault.com/a/1190000041069149",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "3",
     "rank": 28
   },
   {
-    "title": "LeetCode-134-加油站",
-    "description": "题目描述：在一条环路上有 N 个加油站，其中第 i 个加油站有汽油 gas[i] 升。你有一辆油箱容量无限的的汽车，从第 i 个加油站开往第 i+1 个加油站需要消耗汽油 cost[i] 升。你从其中的一个加油站出发，开始时油箱...",
-    "url": "https://segmentfault.com/a/1190000041039247",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "title": "Bootstrap实战 - 瀑布流布局",
+    "description": "讲 Bootstrap 基础的教程网上已经很多了，实际上 Bootstrap 中文网（bootcss.com）里的文档已经写的很详细了，但实战的案例却不多。这里用一些当前流行的网页布局为导向，使用 Bootstrap 中的样式来完成它。每次...",
+    "url": "https://segmentfault.com/a/1190000041067851",
+    "author": "后除",
+    "home_url": "https://segmentfault.com/u/mazey_5bfd4a49bddcd",
     "votes": "4",
     "rank": 29
   },
   {
-    "title": "团队分享，Bem规范调研及实践",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040787740",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "美团外卖终端容器无关化研发框架",
+    "description": "2019年9月，美团外卖技术团队联合多个研发部门正式推出了React2X，面向所有的前端研发人员，特别是按业务领域划分的团队，为大家提供一个完整的、开放的多终端容器无关化（Containerless）研发框架。研发同学可以...",
+    "url": "https://segmentfault.com/a/1190000041060388",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "1",
     "rank": 30
   }
 ]