@wcj/github-rank 21.12.11 → 21.12.15

package/web/data/sifou-weekly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
-    "description": "又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的\"计数\"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了\"谷歌翻译\"造成的无法\"计数\", 这就引起了我的浓厚兴趣, 到底这个看起来\"人畜...",
-    "url": "https://segmentfault.com/a/1190000041067692",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "11",
+    "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": 1
   },
   {
@@ -14,234 +14,243 @@
     "url": "https://segmentfault.com/a/1190000041089764",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "10",
+    "votes": "14",
     "rank": 2
   },
   {
-    "title": "微信跳转支付宝app、跳转淘宝app新方案（领红包、领淘宝优惠券示例）",
-    "description": "最近2个月各种琐事很忙，没有时间写文章，没有时间研究各种东西，近期开始闲下来了。微信团队发布了新通知，关于《微信外部链接内容管理规范》的更新说明，正式开放电商类的外部链接，在聊天场景中可直接访问电商...",
-    "url": "https://segmentfault.com/a/1190000041070113",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "6",
+    "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
+    "description": "可能会有不少人把票投给 Amazon Graviton3。这不仅因为“自研芯片”这个概念在当下成为了“硬核实力”的象征、大众喜闻乐见的话题，也不仅因为芯片代表了云服务最基础的能力，更是因为 Amazon Graviton3 的发布，实实...",
+    "url": "https://segmentfault.com/a/1190000041098622",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "10",
     "rank": 3
   },
   {
-    "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",
+    "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": "13",
     "rank": 4
   },
   {
-    "title": "用前端表格技术构建医疗SaaS 解决方案",
-    "description": "电子健康档案（Electronic Health Records, EHR）是将患者在所有医疗机构产生的数据（病历、心电图、医疗影像等）以电子化的方式存储，通过在不同的医疗机构之间共享，让患者面对不同的医生，身处不同的医院、诊...",
-    "url": "https://segmentfault.com/a/1190000041082633",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
+    "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",
     "rank": 5
   },
   {
-    "title": "因为实现不了Promise.all，一场面试凉凉了",
-    "description": "(ಥ﹏ಥ)曾经真实发生在一个朋友身上的真实事件，面试官让他手写一个Promise.all，朋友现场发挥不太好，没有写出来，事后他追问面试官给的模糊评价是基础不够扎实，原理性知识掌握较少... 当然整场面试失利，并不仅...",
-    "url": "https://segmentfault.com/a/1190000041068092",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "6",
+    "title": "挺过365天高强度学习|2021我的年度总结",
+    "description": "时光如梭，嗖嗖嗖～，2021年已余额不足，这一年科技互联网行业也发生了很多大大小小的事情，例如苹果粉一直期盼的十三香，并不是很香，苹果新款MacBook也出了刘海，还有本PHP猿最关心的“世界上最好的语言”也总算...",
+    "url": "https://segmentfault.com/a/1190000041101814",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "8",
     "rank": 6
   },
   {
-    "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
-    "description": "可能会有不少人把票投给 Amazon Graviton3。这不仅因为“自研芯片”这个概念在当下成为了“硬核实力”的象征、大众喜闻乐见的话题，也不仅因为芯片代表了云服务最基础的能力，更是因为 Amazon Graviton3 的发布，实实...",
-    "url": "https://segmentfault.com/a/1190000041098622",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "不忘初心，砥砺前行——记录于2021",
+    "description": "以前很难想象能在一个地方工作这么久，一开始是源于对Segmentfault这个产品的喜欢，后来，和老板既是上下级关系，也是算是朋友，喜欢这样的一个工作氛围。本身我们做的是开发者社区，为的是开发者服务，自然工作...",
+    "url": "https://segmentfault.com/a/1190000041098659",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
+    "votes": "8",
     "rank": 7
   },
   {
-    "title": "小蝌蚪传记：前端实用技巧，通过babel精准操作js文件",
-    "description": "今天是暗恋她的第90天，但我马上就要失恋了 因为组织架构变动，我要换到一个离她很远的地方暗恋她的90天里，我一直在997每天都在跟同类互相残杀我厌倦了和一群老男人加班的日子她是这段黑暗时间里，唯一的光她曾...",
-    "url": "https://segmentfault.com/a/1190000041081789",
-    "author": "第一名的小蝌蚪",
-    "home_url": "https://segmentfault.com/u/diyimingdexiao",
-    "votes": "6",
+    "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
+    "description": "近日，Log4j2 被爆出现史诗级利用成本极低危害极大的漏洞，黑客可通过发送一条指令即可控制目标设备。Log4j2 作为基础日志组件被大量基础服务在底层使用，据统计，该漏洞影响6万+流行开源软件，影响70%以上的企业...",
+    "url": "https://segmentfault.com/a/1190000041105568",
+    "author": "火线安全",
+    "home_url": "https://segmentfault.com/u/huoxian",
+    "votes": "7",
     "rank": 8
   },
   {
-    "title": "没有拿一分钱融资，三个俄罗斯程序员如何打造百亿美金独角兽公司JetBrains",
-    "description": "原标题：《9000字拆解JetBrains：屡次拒绝融资的Geek创业成功之路》作者 ：阿法兔，文科转计算机，连续创业者，技术生活进化论创始人。19世纪下半期，俄国科学技术有了很大发展，也出现了很多杰出的科学家。比较...",
-    "url": "https://segmentfault.com/a/1190000041083795",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "6",
+    "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
+    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
+    "url": "https://segmentfault.com/a/1190000041103446",
+    "author": "jrainlau",
+    "home_url": "https://segmentfault.com/u/jrainlau",
+    "votes": "10",
     "rank": 9
   },
   {
-    "title": "JZ-017-树的子结构",
-    "description": "树的子结构题目描述输入两棵二叉树A，B，判断B是不是A的子结构。（ps：我们约定空树不是任意一个树的子结构）题目链接: 树的子结构代码 {代码...} 【每日寄语】 总之岁月漫长，然而值得等待。",
-    "url": "https://segmentfault.com/a/1190000041073205",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "title": "把数据拖进图形界面，AI帮你预测业务，亚马逊云科技新功能亮了",
+    "description": "亚马逊云科技 re:Invent 大会可谓是云计算行业的“春晚”，IT 技术领域风向标级活动，连他们自家的西雅图总部大厦也随其更名为大会名，品牌影响之强，可见一斑。",
+    "url": "https://segmentfault.com/a/1190000041115055",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "5",
     "rank": 10
   },
   {
-    "title": "服务端渲染基础",
-    "description": "一般而言大家提到“渲染”，可能会说：“凡是从服务器返回的 HTML 页面，均算作是服务端渲染。”这可能让不少人还是觉得迷惑，简单说渲染就是“数据”和“模板”拼接到一起。举个例子：我们前端开发最常见的一个场景，请...",
-    "url": "https://segmentfault.com/a/1190000041076565",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "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": "12",
     "rank": 11
   },
   {
-    "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",
+    "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": "11",
     "rank": 12
   },
   {
-    "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",
+    "title": "没有拿一分钱融资，三个俄罗斯程序员如何打造百亿美金独角兽公司JetBrains",
+    "description": "原标题：《9000字拆解JetBrains：屡次拒绝融资的Geek创业成功之路》作者 ：阿法兔，文科转计算机，连续创业者，技术生活进化论创始人。19世纪下半期，俄国科学技术有了很大发展，也出现了很多杰出的科学家。比较...",
+    "url": "https://segmentfault.com/a/1190000041083795",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "8",
     "rank": 13
   },
   {
-    "title": "面试官：为什么 Promise 比setTimeout() 快？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041081590",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "title": "在腾讯这一年，坚守初心持续单纯 | 2021年终总结",
+    "description": "每年的 12 月总像是一场告别，2021 年从起点到终点也该时候跟你说一声再见，忙碌的一年难得周五请假搬完了家，在夕阳下写下这篇文章回忆总结这一年，这一年回望来时的路，至少有一些同事给我鼓励和安慰，至少有些...",
+    "url": "https://segmentfault.com/a/1190000041106004",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "6",
     "rank": 14
   },
+  {
+    "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": "7",
+    "rank": 15
+  },
   {
     "title": "10个HTML文件上传技巧",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
     "url": "https://segmentfault.com/a/1190000041088153",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "7",
-    "rank": 15
-  },
-  {
-    "title": "云原生灰度更新实践",
-    "description": "相信在座的大家应该都听说过云原生了，这是近三四年一直热门的一个东西。什么是云原生呢？现在的云原生是个很宽泛的定义，可以简单理解为你的服务是为云而生，或者说因为现在云原生都是以 Kubernetes 容器技术作...",
-    "url": "https://segmentfault.com/a/1190000041091212",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
+    "votes": "10",
     "rank": 16
   },
   {
-    "title": "高效设计一个LRU",
-    "description": "前言大家好，我是bigsai，好久不见，甚是想念！最近有个小伙伴跟我诉苦，说他没面到LRU，他说他很久前知道有被问过LRU的但是心想自己应该不会遇到，所以暂时就没准备。奈何不巧，这还就真的考到了！他此刻的心情...",
-    "url": "https://segmentfault.com/a/1190000041089131",
-    "author": "bigsai",
-    "home_url": "https://segmentfault.com/u/bigsai",
-    "votes": "5",
+    "title": "三十岁程序员的2021年度总结",
+    "description": "这一年，我三十岁了，完成了从二十几岁精神小伙到三十岁精神大伙的蜕变，其实一直不是很愿意相信这就三十岁了，毕竟三十岁，应该是人生重要的一个转折吧。而今年，也确实是一个转折点，组成了自己的小家庭了。不...",
+    "url": "https://segmentfault.com/a/1190000041094842",
+    "author": "linshuai",
+    "home_url": "https://segmentfault.com/u/linshuai",
+    "votes": "4",
     "rank": 17
   },
   {
-    "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",
+    "title": "用前端表格技术构建医疗SaaS 解决方案",
+    "description": "电子健康档案（Electronic Health Records, EHR）是将患者在所有医疗机构产生的数据（病历、心电图、医疗影像等）以电子化的方式存储，通过在不同的医疗机构之间共享，让患者面对不同的医生，身处不同的医院、诊...",
+    "url": "https://segmentfault.com/a/1190000041082633",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 18
   },
   {
-    "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",
+    "title": "小蝌蚪传记：前端实用技巧，通过babel精准操作js文件",
+    "description": "今天是暗恋她的第90天，但我马上就要失恋了 因为组织架构变动，我要换到一个离她很远的地方暗恋她的90天里，我一直在997每天都在跟同类互相残杀我厌倦了和一群老男人加班的日子她是这段黑暗时间里，唯一的光她曾...",
+    "url": "https://segmentfault.com/a/1190000041081789",
+    "author": "第一名的小蝌蚪",
+    "home_url": "https://segmentfault.com/u/diyimingdexiao",
+    "votes": "6",
     "rank": 19
   },
   {
-    "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",
+    "title": "高效设计一个LRU",
+    "description": "前言大家好，我是bigsai，好久不见，甚是想念！最近有个小伙伴跟我诉苦，说他没面到LRU，他说他很久前知道有被问过LRU的但是心想自己应该不会遇到，所以暂时就没准备。奈何不巧，这还就真的考到了！他此刻的心情...",
+    "url": "https://segmentfault.com/a/1190000041089131",
+    "author": "bigsai",
+    "home_url": "https://segmentfault.com/u/bigsai",
+    "votes": "6",
     "rank": 20
   },
   {
-    "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",
+    "title": "云原生灰度更新实践",
+    "description": "相信在座的大家应该都听说过云原生了，这是近三四年一直热门的一个东西。什么是云原生呢？现在的云原生是个很宽泛的定义，可以简单理解为你的服务是为云而生，或者说因为现在云原生都是以 Kubernetes 容器技术作...",
+    "url": "https://segmentfault.com/a/1190000041091212",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "7",
     "rank": 21
   },
   {
-    "title": "通过编写简易虚拟DOM，来学习虚拟DOM 的知识！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041068212",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "2021我的个人总结",
+    "description": "时间过的很快，一转眼一年就已经过去了，在2021年的一年里我的收获还是蛮多的，可惜的是，今年我的目标一样也没有完成，有些遗憾与可惜。不过明年的我将会更加努力，争取实现我的目标。",
+    "url": "https://segmentfault.com/a/1190000041101122",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "4",
     "rank": 22
   },
   {
-    "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",
+    "title": "这可能是掘金讲「原型链」，讲的最好最通俗易懂的了，附练习题！",
+    "description": "大家好，我是林三心，相信大家都听过前端的三座大山：闭包，原型链，作用域，这三个其实都只是算基础。而我一直觉得基础是进阶的前提，所以不能因为是基础就忽视他们。今天我就以我的方式讲讲原型链吧，希望大家...",
+    "url": "https://segmentfault.com/a/1190000041095282",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "6",
     "rank": 23
   },
   {
-    "title": "WebView秒开方案探索",
-    "description": "当我们加载一个网页时，并不是发送一个url请求所有的内容都下载下来了，而是除了主URL请求外，还有其他很多的请求，比如JS、CSS、图片等文件，每一个都是独立的请求，部分请求还是串行的，需要将这些资源文件下载...",
-    "url": "https://segmentfault.com/a/1190000041075702",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "2",
+    "title": "Vue 前端代码风格指南",
+    "description": "camelCase（小驼峰式命名法 —— 首字母小写）PascalCase（大驼峰式命名法 —— 首字母大写）kebab-case（短横线连接式）Snake（下划线连接式）",
+    "url": "https://segmentfault.com/a/1190000041099373",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "4",
     "rank": 24
   },
   {
-    "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",
+    "title": "Rollup作者新作: Svelte Cubed, 拥抱 Three.js !",
+    "description": "在2021年11月20日，Svelte 召开了第四次虚拟会议。而会议中最令我眼前一新的当然是 轮子哥 Rich-Harris 带来的 Svelte Cubed 了。科普：轮子哥 Rich-Harris：Svelte、Rollup 作者这个项目亮眼的地方，并不是因为...",
+    "url": "https://segmentfault.com/a/1190000041096792",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "4",
     "rank": 25
   },
   {
-    "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",
+    "title": "Proto 代码到底放哪里？",
+    "description": "虽然公司已经从大单体切换为微服务化有一定的年头了，但一些细节方面的处理总会有不同的人有不同的看法，这其中一个讨论点，就是 Proto 这个 IDL 的代码到底放在哪里？",
+    "url": "https://segmentfault.com/a/1190000041092964",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "2",
     "rank": 26
   },
   {
-    "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",
+    "title": "我的2021",
+    "description": "2021年2月20日，开工大吉，我却高兴不起来，手头上负责的项目一团稀烂，目标不清晰、急功近利、市场没有任何正向反馈，并且2020年频繁更改需求已经磨灭了我所有的热情。由于项目前景不明，手底下3个技术人员想离...",
+    "url": "https://segmentfault.com/a/1190000041094845",
+    "author": "church",
+    "home_url": "https://segmentfault.com/u/church",
+    "votes": "4",
     "rank": 27
   },
+  {
+    "title": "深入剖析分布式事务一致性",
+    "description": "分布式事务是用来解决跨数据库、跨服务更新数据一致性问题的。那么这里的一致性指的是什么，什么是强一致性，什么是弱一致性，与CAP理论中的一致性概念是一样的吗？本文将为您深入解答相关的问题。",
+    "url": "https://segmentfault.com/a/1190000041106277",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "5",
+    "rank": 28
+  },
   {
     "title": "PHP8.1之enum解析",
     "description": "enum 关键字打头, 后面可选跟: (string|int), 因为是类所以可以实现接口 implement SomeInterface, MoreInterface, 又因为加了 ZEND_ACC_FINAL, 相当于 final class className, 所以是不能继承别的枚举类型.",
@@ -249,24 +258,15 @@
     "author": "church",
     "home_url": "https://segmentfault.com/u/church",
     "votes": "3",
-    "rank": 28
-  },
-  {
-    "title": "10张思维导图，2022年作为一名前端开发者需要掌握这些，前端面试复习资料参考大纲",
-    "description": "2021年最后一个月了，熬夜多天整理出10张思维导图，对前端面试复习知识点进行了最全的总结，分享给大家。每个知识点都尽量找到最好的文章来解释，通过思维导图的形式进行展示。",
-    "url": "https://segmentfault.com/a/1190000041072705",
-    "author": "zhou_web",
-    "home_url": "https://segmentfault.com/u/zhou_web",
-    "votes": "2",
     "rank": 29
   },
   {
-    "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",
+    "title": "Webpack常见面试题总结",
+    "description": "Webpack 的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。在早期的前端项目中，我们通过文件划分的形式来实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的 JS 文件中...",
+    "url": "https://segmentfault.com/a/1190000041100811",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "7",
     "rank": 30
   }
 ]