@wcj/github-rank 21.12.14 → 21.12.15

package/web/data/sifou-weekly.json

@@ -1,12 +1,21 @@
 [
+  {
+    "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
+  },
   {
     "title": "思否年度有奖征文丨用文字记录下属于你的2021",
     "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
     "url": "https://segmentfault.com/a/1190000041089764",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "13",
-    "rank": 1
+    "votes": "14",
+    "rank": 2
   },
   {
     "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
@@ -15,7 +24,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "10",
-    "rank": 2
+    "rank": 3
   },
   {
     "title": "2021 re:Invent ，我们到底该关注哪些发布？",
@@ -24,16 +33,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 3
+    "rank": 4
   },
   {
-    "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
-    "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
-    "url": "https://segmentfault.com/a/1190000041099699",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "12",
-    "rank": 4
+    "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": "挺过365天高强度学习|2021我的年度总结",
@@ -42,105 +51,96 @@
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
     "votes": "8",
-    "rank": 5
-  },
-  {
-    "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
-    "description": "近日，Log4j2 被爆出现史诗级利用成本极低危害极大的漏洞，黑客可通过发送一条指令即可控制目标设备。Log4j2 作为基础日志组件被大量基础服务在底层使用，据统计，该漏洞影响6万+流行开源软件，影响70%以上的企业...",
-    "url": "https://segmentfault.com/a/1190000041105568",
-    "author": "火线安全",
-    "home_url": "https://segmentfault.com/u/huoxian",
-    "votes": "6",
     "rank": 6
   },
   {
-    "title": "没有拿一分钱融资，三个俄罗斯程序员如何打造百亿美金独角兽公司JetBrains",
-    "description": "原标题：《9000字拆解JetBrains：屡次拒绝融资的Geek创业成功之路》作者 ：阿法兔，文科转计算机，连续创业者，技术生活进化论创始人。19世纪下半期，俄国科学技术有了很大发展，也出现了很多杰出的科学家。比较...",
-    "url": "https://segmentfault.com/a/1190000041083795",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "不忘初心，砥砺前行——记录于2021",
+    "description": "以前很难想象能在一个地方工作这么久，一开始是源于对Segmentfault这个产品的喜欢，后来，和老板既是上下级关系，也是算是朋友，喜欢这样的一个工作氛围。本身我们做的是开发者社区，为的是开发者服务，自然工作...",
+    "url": "https://segmentfault.com/a/1190000041098659",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
     "votes": "8",
     "rank": 7
   },
   {
-    "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": "10",
+    "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": "服务端渲染基础",
-    "description": "一般而言大家提到“渲染”，可能会说：“凡是从服务器返回的 HTML 页面，均算作是服务端渲染。”这可能让不少人还是觉得迷惑，简单说渲染就是“数据”和“模板”拼接到一起。举个例子：我们前端开发最常见的一个场景，请...",
-    "url": "https://segmentfault.com/a/1190000041076565",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "7",
+    "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": "用前端表格技术构建医疗SaaS 解决方案",
-    "description": "电子健康档案（Electronic Health Records, EHR）是将患者在所有医疗机构产生的数据（病历、心电图、医疗影像等）以电子化的方式存储，通过在不同的医疗机构之间共享，让患者面对不同的医生，身处不同的医院、诊...",
-    "url": "https://segmentfault.com/a/1190000041082633",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
+    "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": "想知道一个20k级别前端在项目中是怎么使用LocalStorage的吗？",
-    "description": "大家好，我是林三心，用最通俗的话，讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天就给大家唠一下嗑，讲一下，怎么样使用 localStorage、sessionStorage ，才能更规范，更高大上，更能让人眼前...",
-    "url": "https://segmentfault.com/a/1190000041078633",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "7",
+    "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": "小蝌蚪传记：前端实用技巧，通过babel精准操作js文件",
-    "description": "今天是暗恋她的第90天，但我马上就要失恋了 因为组织架构变动，我要换到一个离她很远的地方暗恋她的90天里，我一直在997每天都在跟同类互相残杀我厌倦了和一群老男人加班的日子她是这段黑暗时间里，唯一的光她曾...",
-    "url": "https://segmentfault.com/a/1190000041081789",
-    "author": "第一名的小蝌蚪",
-    "home_url": "https://segmentfault.com/u/diyimingdexiao",
-    "votes": "6",
+    "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": "如果将元宇宙逐层拆解，你会发现内核是“云”",
-    "description": "2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...",
-    "url": "https://segmentfault.com/a/1190000041109778",
+    "title": "没有拿一分钱融资，三个俄罗斯程序员如何打造百亿美金独角兽公司JetBrains",
+    "description": "原标题：《9000字拆解JetBrains：屡次拒绝融资的Geek创业成功之路》作者 ：阿法兔，文科转计算机，连续创业者，技术生活进化论创始人。19世纪下半期，俄国科学技术有了很大发展，也出现了很多杰出的科学家。比较...",
+    "url": "https://segmentfault.com/a/1190000041083795",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
-    "votes": "3",
+    "votes": "8",
     "rank": 13
   },
   {
-    "title": "不忘初心，砥砺前行——记录于2021",
-    "description": "以前很难想象能在一个地方工作这么久，一开始是源于对Segmentfault这个产品的喜欢，后来，和老板既是上下级关系，也是算是朋友，喜欢这样的一个工作氛围。本身我们做的是开发者社区，为的是开发者服务，自然工作...",
-    "url": "https://segmentfault.com/a/1190000041098659",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
+    "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": "云原生灰度更新实践",
-    "description": "相信在座的大家应该都听说过云原生了，这是近三四年一直热门的一个东西。什么是云原生呢？现在的云原生是个很宽泛的定义，可以简单理解为你的服务是为云而生，或者说因为现在云原生都是以 Kubernetes 容器技术作...",
-    "url": "https://segmentfault.com/a/1190000041091212",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "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": "高效设计一个LRU",
-    "description": "前言大家好，我是bigsai，好久不见，甚是想念！最近有个小伙伴跟我诉苦，说他没面到LRU，他说他很久前知道有被问过LRU的但是心想自己应该不会遇到，所以暂时就没准备。奈何不巧，这还就真的考到了！他此刻的心情...",
-    "url": "https://segmentfault.com/a/1190000041089131",
-    "author": "bigsai",
-    "home_url": "https://segmentfault.com/u/bigsai",
-    "votes": "5",
+    "title": "10个HTML文件上传技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041088153",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "10",
     "rank": 16
   },
   {
@@ -153,59 +153,41 @@
     "rank": 17
   },
   {
-    "title": "10个HTML文件上传技巧",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041088153",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "8",
+    "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": "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": "5",
+    "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": "面试官：为什么 Promise 比setTimeout() 快？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041081590",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "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": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
-    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
-    "url": "https://segmentfault.com/a/1190000041103446",
-    "author": "jrainlau",
-    "home_url": "https://segmentfault.com/u/jrainlau",
-    "votes": "5",
+    "title": "云原生灰度更新实践",
+    "description": "相信在座的大家应该都听说过云原生了，这是近三四年一直热门的一个东西。什么是云原生呢？现在的云原生是个很宽泛的定义，可以简单理解为你的服务是为云而生，或者说因为现在云原生都是以 Kubernetes 容器技术作...",
+    "url": "https://segmentfault.com/a/1190000041091212",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "7",
     "rank": 21
   },
-  {
-    "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": "9",
-    "rank": 22
-  },
-  {
-    "title": "Proto 代码到底放哪里？",
-    "description": "虽然公司已经从大单体切换为微服务化有一定的年头了，但一些细节方面的处理总会有不同的人有不同的看法，这其中一个讨论点，就是 Proto 这个 IDL 的代码到底放在哪里？",
-    "url": "https://segmentfault.com/a/1190000041092964",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "2",
-    "rank": 23
-  },
   {
     "title": "2021我的个人总结",
     "description": "时间过的很快，一转眼一年就已经过去了，在2021年的一年里我的收获还是蛮多的，可惜的是，今年我的目标一样也没有完成，有些遗憾与可惜。不过明年的我将会更加努力，争取实现我的目标。",
@@ -213,7 +195,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "4",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "这可能是掘金讲「原型链」，讲的最好最通俗易懂的了，附练习题！",
@@ -221,26 +203,17 @@
     "url": "https://segmentfault.com/a/1190000041095282",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "5",
-    "rank": 25
-  },
-  {
-    "title": "PHP8.1之enum解析",
-    "description": "enum 关键字打头, 后面可选跟: (string|int), 因为是类所以可以实现接口 implement SomeInterface, MoreInterface, 又因为加了 ZEND_ACC_FINAL, 相当于 final class className, 所以是不能继承别的枚举类型.",
-    "url": "https://segmentfault.com/a/1190000041091095",
-    "author": "church",
-    "home_url": "https://segmentfault.com/u/church",
-    "votes": "3",
-    "rank": 26
+    "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": "3",
-    "rank": 27
+    "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": "Rollup作者新作: Svelte Cubed, 拥抱 Three.js !",
@@ -249,24 +222,51 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "4",
+    "rank": 25
+  },
+  {
+    "title": "Proto 代码到底放哪里？",
+    "description": "虽然公司已经从大单体切换为微服务化有一定的年头了，但一些细节方面的处理总会有不同的人有不同的看法，这其中一个讨论点，就是 Proto 这个 IDL 的代码到底放在哪里？",
+    "url": "https://segmentfault.com/a/1190000041092964",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "2",
+    "rank": 26
+  },
+  {
+    "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": "这份github上被14万人点赞的Java教程太强了",
-    "description": "前几天有个小伙伴加我之后问了下面的这个问题。我看到后是一脸懵逼的状态，jcombobox？实话说，我已经完全忘了在Java中还有这么个东西。",
-    "url": "https://segmentfault.com/a/1190000041075176",
-    "author": "Java旅途",
-    "home_url": "https://segmentfault.com/u/javatrip",
+    "title": "PHP8.1之enum解析",
+    "description": "enum 关键字打头, 后面可选跟: (string|int), 因为是类所以可以实现接口 implement SomeInterface, MoreInterface, 又因为加了 ZEND_ACC_FINAL, 相当于 final class className, 所以是不能继承别的枚举类型.",
+    "url": "https://segmentfault.com/a/1190000041091095",
+    "author": "church",
+    "home_url": "https://segmentfault.com/u/church",
     "votes": "3",
     "rank": 29
   },
   {
-    "title": "JZ-023-二叉搜索树的后序遍历序列",
-    "description": "输入一个整数数组，判断该数组是不是某二叉搜索树的后序遍历的结果。如果是则返回true,否则返回false。假设输入的数组的任意两个数字都互不相同。题目链接: 二叉搜索树的后序遍历序列",
-    "url": "https://segmentfault.com/a/1190000041103032",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "5",
+    "title": "Webpack常见面试题总结",
+    "description": "Webpack 的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。在早期的前端项目中，我们通过文件划分的形式来实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的 JS 文件中...",
+    "url": "https://segmentfault.com/a/1190000041100811",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "7",
     "rank": 30
   }
 ]

package/web/data/toutiao-30.json

@@ -19,6 +19,16 @@
     "subjectName": "苏三说技术",
     "homeUrl": "/subjects/453205"
   },
+  {
+    "title": "我说 2w 字可以入门 ES，非但不信还打我",
+    "description": "一、概述 Elasticsearch是一个基于Apache Lucene(TM)的分布式、高扩展、高实时、RESTful 风格的搜索和数据分析引擎。Elasticsearch是用J...",
+    "votes": "139",
+    "url": "/k/004032c",
+    "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
+    "avatarAlt": "进击的程序猿 - 独家号",
+    "subjectName": "进击的程序猿",
+    "homeUrl": "/subjects/24912"
+  },
   {
     "title": "装了这几个 IDEA 插件，基本上一站式开发了",
     "description": "前言  前几天有社区小伙伴私聊我，问我都用哪些IDEA插件，我的IDEA的主题看起来不错。作为一个开源作者，每周要code大量的代码，提升日常工作效率是我一直追求的，在众多的IDE...",
@@ -29,16 +39,6 @@
     "subjectName": "java web 学习",
     "homeUrl": "/subjects/39967"
   },
-  {
-    "title": "我说 2w 字可以入门 ES，非但不信还打我",
-    "description": "一、概述 Elasticsearch是一个基于Apache Lucene(TM)的分布式、高扩展、高实时、RESTful 风格的搜索和数据分析引擎。Elasticsearch是用J...",
-    "votes": "137",
-    "url": "/k/004032c",
-    "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
-    "avatarAlt": "进击的程序猿 - 独家号",
-    "subjectName": "进击的程序猿",
-    "homeUrl": "/subjects/24912"
-  },
   {
     "title": "Golang 编程思维和工程实战",
     "description": " Golang 的一些编程思维和思想，以及总结一些常见的优雅编程实战技巧。作者：allendbwu，腾讯 PCG 后台开发工程师一 Golang 编程思维 首先，我们先来看下最基本...",
@@ -79,6 +79,16 @@
     "subjectName": "微信搜「golang全栈」",
     "homeUrl": "/subjects/462055"
   },
+  {
+    "title": "从头带你撸一个 Spring Boot Starter",
+    "description": "我们知道 SpringBoot 提供了很多的 Starter 用于引用各种封装好的功能：名称功能spring-boot-starter-web支持 Web 开发，包括 Tomcat...",
+    "votes": "107",
+    "url": "/k/h7wj37b",
+    "avatar": "https://img.toutiao.io/subject/71f9941cb38e4fd7b0d4cf7edf850b2b/thumb",
+    "avatarAlt": "无籽水稻研发 - 独家号",
+    "subjectName": "无籽水稻研发",
+    "homeUrl": "/subjects/454231"
+  },
   {
     "title": "面渣逆袭：线程池夺命连环十八问",
     "description": "大家好，我是老三，很高兴又和大家见面。线程池是面试必问的知识点，这节我们来对线面试官，搞透线程池。1. 什么是线程池？ 线程池： 简单理解，它就是一个管理线程的池子。它帮我们管理线...",
@@ -89,16 +99,6 @@
     "subjectName": "三分恶",
     "homeUrl": "/subjects/454266"
   },
-  {
-    "title": "从头带你撸一个 Spring Boot Starter",
-    "description": "我们知道 SpringBoot 提供了很多的 Starter 用于引用各种封装好的功能：名称功能spring-boot-starter-web支持 Web 开发，包括 Tomcat...",
-    "votes": "106",
-    "url": "/k/h7wj37b",
-    "avatar": "https://img.toutiao.io/subject/71f9941cb38e4fd7b0d4cf7edf850b2b/thumb",
-    "avatarAlt": "无籽水稻研发 - 独家号",
-    "subjectName": "无籽水稻研发",
-    "homeUrl": "/subjects/454231"
-  },
   {
     "title": "亿级流量系统架构演进之路",
     "description": "海量用户同时进行高频访问对任何平台都是难题，也是行业乐此不疲的研究方向。但值得庆幸的是，虽然业务场景不同，设计和优化的思想却是万变不离宗。本文将结合业务与高并发系统设计的核心技术点...",
@@ -120,14 +120,14 @@
     "homeUrl": "/subjects/392760"
   },
   {
-    "title": "从 RPC 到服务化框架设计",
-    "description": "作者：allendbwu，腾讯 PCG 后台开发工程师目前互联网系统都是微服务化，那么就需要 RPC 调用，因此本文梳理了从 RPC 基本框架协议到整个服务化框架体系建设中所包含的...",
-    "votes": "94",
-    "url": "/k/rh7pc7w",
-    "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
-    "avatarAlt": "ASCE1885 - 独家号",
-    "subjectName": "ASCE1885",
-    "homeUrl": "/subjects/4829"
+    "title": "字节一面：Redis 主节点的 Key 已过期，但从节点依然读到过期数据",
+    "description": "大家好，我是Tom哥~我们知道，大部分的业务场景都是读多写少，为了利用好这个特性，提升Redis集群系统的吞吐能力，通常会采用主从架构、读写分离如上图所示：其中Master节点：负...",
+    "votes": "108",
+    "url": "/k/ptbzpm7",
+    "avatar": "https://img.toutiao.io/subject/e62c1664abed48848efc89141ae64112/thumb",
+    "avatarAlt": "微观技术 - 独家号",
+    "subjectName": "微观技术",
+    "homeUrl": "/subjects/348507"
   },
   {
     "title": "如何做好一份程序员的工作汇报 ppt？",
@@ -139,16 +139,6 @@
     "subjectName": "进击的程序猿",
     "homeUrl": "/subjects/24912"
   },
-  {
-    "title": "字节一面：Redis 主节点的 Key 已过期，但从节点依然读到过期数据",
-    "description": "大家好，我是Tom哥~我们知道，大部分的业务场景都是读多写少，为了利用好这个特性，提升Redis集群系统的吞吐能力，通常会采用主从架构、读写分离如上图所示：其中Master节点：负...",
-    "votes": "107",
-    "url": "/k/ptbzpm7",
-    "avatar": "https://img.toutiao.io/subject/e62c1664abed48848efc89141ae64112/thumb",
-    "avatarAlt": "微观技术 - 独家号",
-    "subjectName": "微观技术",
-    "homeUrl": "/subjects/348507"
-  },
   {
     "title": "服务调优经验总结",
     "description": "版权声明 本站原创文章 由 萌叔 发表转载请注明 萌叔 | http://vearne.cc前言萌叔工作十多年，有不少服务调优的经验，在这里整理一下思路。希望对自己和同行有所帮助。...",
@@ -162,7 +152,7 @@
   {
     "title": "Google：12 条 Golang 最佳实践",
     "description": "这是直接总结好的 12 条，详细的再继续往下看：先处理错误避免嵌套尽量避免重复先写最重要的代码给代码写文档注释命名尽可能简洁使用多文件包使用go get可获取你的包了解自己的需求保...",
-    "votes": "93",
+    "votes": "94",
     "url": "/k/x06am1r",
     "avatar": "https://img.toutiao.io/user/3bfd2f799d5a450996947e9d7a774938/thumb",
     "avatarAlt": "u591436的独家号 - 独家号",
@@ -248,5 +238,15 @@
     "avatarAlt": "公众号：捉虫大师 - 独家号",
     "subjectName": "公众号：捉虫大师",
     "homeUrl": "/subjects/324911"
+  },
+  {
+    "title": "干货总结！Kafka 面试大全（万字长文，37 张图，28 个知识点）",
+    "description": "关注并标星 3分钟秒懂大数据每天1次，打卡阅读获取流计算、大数据技术和面经大家好，我是土哥。周末用了整整两天时间，整理了一下 Kafka 面试的连环问题，保证你看完后，对 Kafk...",
+    "votes": "75",
+    "url": "/k/ch3u5rs",
+    "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
+    "avatarAlt": "进击的程序猿 - 独家号",
+    "subjectName": "进击的程序猿",
+    "homeUrl": "/subjects/24912"
   }
 ]