@wcj/github-rank 22.7.5 → 22.7.8

package/web/data/sifou-weekly.json

@@ -1,139 +1,148 @@
 [
   {
-    "title": "switch 有四样写法你知道么",
-    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
-    "url": "https://segmentfault.com/a/1190000042055258",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "9",
+    "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
+    "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
+    "url": "https://segmentfault.com/a/1190000042065365",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "18",
     "rank": 1
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
-    "description": "Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...",
-    "url": "https://segmentfault.com/a/1190000042048392",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "6",
+    "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
+    "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
+    "url": "https://segmentfault.com/a/1190000042070334",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "17",
     "rank": 2
   },
   {
-    "title": "又拍云 Redis 的改进之路",
-    "description": "作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...",
-    "url": "https://segmentfault.com/a/1190000042048198",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
+    "title": "叮~您有一封Vue.js挑战邀请函,请查收",
+    "description": "大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...",
+    "url": "https://segmentfault.com/a/1190000042064246",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "10",
     "rank": 3
   },
   {
-    "title": "Skypack：我老早就在布局前端基建了",
-    "description": "其中最主要的原因是 —— vite在开发环境基于ESM规范实现的Nobundle模式，节省了代码打包的时间（当然，也有ESBuild的功劳）。",
-    "url": "https://segmentfault.com/a/1190000042055196",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
+    "title": "使用CSS background实现炫酷悬停效果",
+    "description": "日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...",
+    "url": "https://segmentfault.com/a/1190000042069856",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "8",
     "rank": 4
   },
   {
-    "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
-    "description": "每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...",
-    "url": "https://segmentfault.com/a/1190000042044168",
-    "author": "玛尔斯通",
-    "home_url": "https://segmentfault.com/u/zhouqichao",
-    "votes": "8",
+    "title": "runc hang 导致 Kubernetes 节点 NotReady",
+    "description": "Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...",
+    "url": "https://segmentfault.com/a/1190000042065327",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 5
   },
   {
-    "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
-    "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
-    "url": "https://segmentfault.com/a/1190000042065365",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
+    "title": "编程语言：类型系统的本质",
+    "description": "我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...",
+    "url": "https://segmentfault.com/a/1190000042060686",
+    "author": "陈光剑",
+    "home_url": "https://segmentfault.com/u/donghaichenguangjian",
+    "votes": "4",
     "rank": 6
   },
   {
-    "title": "超 Nice 的表格响应式布局小技巧",
-    "description": "今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...",
-    "url": "https://segmentfault.com/a/1190000042048733",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
+    "title": "反爬篇 | 手把手教你处理 JS 逆向之图片伪装",
+    "description": "aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi",
+    "url": "https://segmentfault.com/a/1190000042065274",
+    "author": "Python技术大本营",
+    "home_url": "https://segmentfault.com/u/bianchengdandan",
+    "votes": "2",
     "rank": 7
   },
   {
-    "title": "ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？",
-    "description": "6月22日，《财富》（中文版）发布「中国40位40岁以下的商界精英」（简称 40U40 ）榜单。ONES 创始人兼 CEO 王颖奇成功入选。",
-    "url": "https://segmentfault.com/a/1190000042048420",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
+    "title": "这个高颜值的开源第三方网易云音乐播放器你值得拥有",
+    "description": "我平时主要的听歌软件是网易云音乐，但是它有很多花里胡哨的功能，比如电台、直播、朋友、播客、云村等等，说实话这些我都不需要，基本也不会用，大部分的时间都只把它当做一个本地播放器，因为它毕竟是一个商业...",
+    "url": "https://segmentfault.com/a/1190000042069019",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "2",
     "rank": 8
   },
   {
-    "title": "Ajax 怎么取消？要不要取消？",
-    "description": "假如你熟悉 xhr，会知道 Ajax 其实可以前端主动取消，使用的是 XMLHttpRequest.abort()。当然现在也不是刀耕火种的时代，除了面试，可能基本不会手写 xhr，在无人不知的 axios 中有两种取消方法：",
-    "url": "https://segmentfault.com/a/1190000042053708",
-    "author": "ssshooter",
-    "home_url": "https://segmentfault.com/u/ssshooter",
+    "title": "世界上最快的排序算法-Timsort",
+    "description": "Timsort 是一个混合、稳定的排序算法，简单来说就是归并排序和二分插入排序算法的混合体，号称世界上最好的排序算法。Timsort一直是 Python 的标准排序算法。Java SE 7 后添加了Timsort API ，我们从Arrays.sort...",
+    "url": "https://segmentfault.com/a/1190000042057238",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
     "votes": "2",
     "rank": 9
   },
   {
-    "title": "MySQL 锁常见知识点&面试题总结",
-    "description": "InnoDB 不光支持表级锁(table-level locking)，还支持行级锁(row-level locking)，默认为行级锁。行级锁的粒度更小，仅对相关的记录上锁即可（对一行或者多行记录加锁），所以对于并发写入操作来说， InnoDB 的性...",
-    "url": "https://segmentfault.com/a/1190000042050754",
-    "author": "JavaGuide",
-    "home_url": "https://segmentfault.com/u/javaguide",
-    "votes": "2",
+    "title": "Nginx 实战核心知识点整理（上）",
+    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
+    "url": "https://segmentfault.com/a/1190000042070687",
+    "author": "Rhythm_2019",
+    "home_url": "https://segmentfault.com/u/rhythm_2019",
+    "votes": "3",
     "rank": 10
   },
   {
-    "title": "冴羽答读者问：如何在工作中打造影响力，带动同事？",
-    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文什么是影响力呢？引用百度百科的解释：影响力是用一种别人所乐于接受的方式，改变他人的思想和行动的能...",
-    "url": "https://segmentfault.com/a/1190000042054629",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "3",
+    "title": "6年技术迭代 阿里全球化出海&合规的挑战和探索",
+    "description": "全球化技术根植于全球化业务，经过五个阶段的演进，逐渐发展成为阿里巴巴集团内相对独立的技术体系。本文会首先重点讲解全球化基础设施层的挑战和技术实践。",
+    "url": "https://segmentfault.com/a/1190000042058053",
+    "author": "溜达兔",
+    "home_url": "https://segmentfault.com/u/liudatu",
+    "votes": "2",
     "rank": 11
   },
   {
-    "title": "通过示例了解Vue过渡和动画",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042055924",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "Web 应用实时版本检测，这么做最方便",
+    "description": "经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。",
+    "url": "https://segmentfault.com/a/1190000042069210",
+    "author": "Myou_Aki",
+    "home_url": "https://segmentfault.com/u/akimyou",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "前端 Git-Hooks 工程化实践",
-    "description": "前段时间，部门的前端项目迁移到 monorepo 架构，笔者在其中负责跟 git 工作流相关的事情，其中就包括 git hooks 相关的工程化的实践。用到了一些常用的相关工具如 husky、lint-staged、commitizen、commit-lint ...",
-    "url": "https://segmentfault.com/a/1190000042044415",
-    "author": "袋鼠云数栈UED",
-    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
-    "votes": "1",
+    "title": "苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊",
+    "description": "40s 新闻速递微信推出新功能：图片大爆炸苹果自研 5G 芯片或已失败腾讯 QQ 回应大规模账号被盗：受影响范围已得到控制，正收集黑产团伙犯罪证据立陶宛网络遭大规模 DDoS 攻击Arm 发布全新 Armv9 芯片：正式放弃 3...",
+    "url": "https://segmentfault.com/a/1190000042061765",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
     "rank": 13
   },
   {
-    "title": "测试一下Pinia，Vuex 要出局了？",
+    "title": "通过示例了解Vue过渡和动画",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041999027",
+    "url": "https://segmentfault.com/a/1190000042055924",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
     "rank": 14
   },
   {
-    "title": "Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？",
-    "description": "Go 的内存模型已被修订，以使 Go 与 C、C++、Java、JavaScript、Rust 和 Swift 使用的内存模型保持一致。Go 只提供顺序一致的原子学，而不是其他语言中的任何更宽松的形式。",
-    "url": "https://segmentfault.com/a/1190000042057334",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
+    "title": "GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨",
+    "description": "前几天，一则关于 “GitHub 人工智能编程工具 Copilot 以67 元/月的费用正式上线”的消息引发了开源圈的热议，一时间关于 Copilot 侵犯隐私、抄袭代码、无视许可证以及“开源变付费”等以往争议话题再次被挖出来，且...",
+    "url": "https://segmentfault.com/a/1190000042071322",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "2",
     "rank": 15
   },
+  {
+    "title": "Android动态更换应用图标",
+    "description": "近日，微博官方发布了一项新功能，即可以在App设置中动态更换微博的显示图标样式。根据微博官方的说法，除了最原始的图标外，微博还推出了另外10种不同的样式，既有3D微博、炫彩微博等保留了眼睛造型的新样式，也...",
+    "url": "https://segmentfault.com/a/1190000042059399",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "2",
+    "rank": 16
+  },
   {
     "title": "Java 集合常见知识点&面试题总结(上)，2022 最新版！",
     "description": "你好，我是 Guide。秋招即将到来（提前批已经开始），我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。",
@@ -141,24 +150,15 @@
     "author": "JavaGuide",
     "home_url": "https://segmentfault.com/u/javaguide",
     "votes": "2",
-    "rank": 16
-  },
-  {
-    "title": "2022 年编程语言趋势：Swift、Kotlin 热度持续增长，收入最高的 5 种编程语言竟是它们",
-    "description": "随着低代码和无代码平台的兴起，2022 年编程语言的世界正在悄然发生着变化。如今，大多数开发人员对最常用的常规编程语言有着透彻的了解，但掌握不常见的编程语言也能帮助开发者获得高薪的工作。特别是如软件开发...",
-    "url": "https://segmentfault.com/a/1190000042053038",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
     "rank": 17
   },
   {
-    "title": "JavaScript框架的四个时代",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042032435",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？",
+    "description": "Go 的内存模型已被修订，以使 Go 与 C、C++、Java、JavaScript、Rust 和 Swift 使用的内存模型保持一致。Go 只提供顺序一致的原子学，而不是其他语言中的任何更宽松的形式。",
+    "url": "https://segmentfault.com/a/1190000042057334",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "1",
     "rank": 18
   },
   {
@@ -171,68 +171,50 @@
     "rank": 19
   },
   {
-    "title": "英特尔傲腾，让数据管理不再纠结",
-    "description": "据中国信通院最新报告显示，随着5G和人工智能等新技术应用落地，2021年中国人均移动数据流量比2015年增长18倍，预计到2025年全球数据量将会从2016年的16ZB上升至163ZB，我们也正经历着一场有海量且场景丰富的数据...",
-    "url": "https://segmentfault.com/a/1190000042050449",
-    "author": "溜达兔",
-    "home_url": "https://segmentfault.com/u/liudatu",
+    "title": "你还在为组件文档烦恼吗？",
+    "description": "从 0 到 1 搭建一个全新的组件库文档工具不是最优的选择，本人先在网上搜寻一些已有的解决方案。业务项目技术栈是基于 React，UI 库使用的是 Antd，下面是一些方案的汇总和分析：",
+    "url": "https://segmentfault.com/a/1190000042073725",
+    "author": "Samon",
+    "home_url": "https://segmentfault.com/u/samonxian",
     "votes": "1",
     "rank": 20
   },
   {
-    "title": "2022 开源代码状态调查报告：最受欢迎 5 大自动化和编排技术， Puppet  第一，Kubespray 热度增幅最高",
-    "description": "近年来，随着 DevOps 的持续火热，越来越多的行业组织将其作为首选以不断推动开源 DevOps 软件繁荣。近日，Openlogic 就出炉了一组 “2022 年开源代码状态调查”数据，并对2022 “最受欢迎 5 大开源自动化和编排技术...",
-    "url": "https://segmentfault.com/a/1190000042043610",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "全网都在疯传的《老板管理手册》（转）",
+    "description": "《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...",
+    "url": "https://segmentfault.com/a/1190000042063056",
+    "author": "Young",
+    "home_url": "https://segmentfault.com/u/young_6082714523e64",
+    "votes": "1",
     "rank": 21
   },
   {
-    "title": "JavaScript扩展原型链浅析",
-    "description": "前言上文对原型和原型链做了一些简单的概念介绍和解析，本文将浅析一些原型链的扩展。javaScript原型和原型链[链接]扩展原型链使用new操作符利用原型是对象的特性，实例化对象的时候，继承多个构造函数的属性和方...",
-    "url": "https://segmentfault.com/a/1190000042051801",
-    "author": "程序猿布欧",
-    "home_url": "https://segmentfault.com/u/lewyon",
+    "title": "K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升",
+    "description": "「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...",
+    "url": "https://segmentfault.com/a/1190000042064534",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
     "votes": "1",
     "rank": 22
   },
   {
-    "title": "开源人物专访：OpenFunction 的独特“处世之道”，开源“实干家精神”从 0 到 1 的突破",
-    "description": "采访整理：SegmentFault 思否 | 编辑 朱玲采访嘉宾：霍秉杰 霍秉杰，哈尔滨工业大学计算机科技与技术硕士，曾任职于金山软件从事大数据技术研发，2016年加入青云科技。现为 KubeSphere 云原生 FaaS 项目 OpenFunc...",
-    "url": "https://segmentfault.com/a/1190000042053265",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "精读《Diff, AnyOf, IsUnion...》",
+    "description": "首先要思考 Diff 的计算方式，A 与 B 的 Diff 是找到 A 存在 B 不存在，与 B 存在 A 不存在的值，那么正好可以利用 Exclude<X, Y> 函数，它可以得到存在于 X 不存在于 Y 的值，我们只要用 keyof A、keyof B...",
+    "url": "https://segmentfault.com/a/1190000042064614",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "1",
     "rank": 23
   },
   {
-    "title": "6年技术迭代 阿里全球化出海&合规的挑战和探索",
-    "description": "全球化技术根植于全球化业务，经过五个阶段的演进，逐渐发展成为阿里巴巴集团内相对独立的技术体系。本文会首先重点讲解全球化基础设施层的挑战和技术实践。",
-    "url": "https://segmentfault.com/a/1190000042058053",
-    "author": "溜达兔",
-    "home_url": "https://segmentfault.com/u/liudatu",
+    "title": "PHP后端面试85问",
+    "description": "替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。",
+    "url": "https://segmentfault.com/a/1190000042071370",
+    "author": "IT小马",
+    "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "2",
     "rank": 24
   },
-  {
-    "title": "Vue3，用组合编写更好的代码：灵活的参数(2/5)",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042036965",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
-    "rank": 25
-  },
-  {
-    "title": "如何使用插件化机制优雅的封装你的请求hook",
-    "description": "本文是深入浅出 ahooks 源码系列文章的第二篇，这个系列的目标主要有以下几点：加深对 React hooks 的理解。学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。培养阅读学习源码的习惯，工具库是一...",
-    "url": "https://segmentfault.com/a/1190000042051905",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "1",
-    "rank": 26
-  },
   {
     "title": "【Java面试】简单说一下你对序列化和反序列化的理解",
     "description": "Hi，大家好，我是Mic一个工作4年的粉丝，投了很多简历好不容易接到一个互联网公司的面试邀约。在面试第一轮就被干掉了，原因是对主流互联网技术理解太浅了。其中就有一个这样的问题：“简单说一下你对序列化和反序...",
@@ -240,7 +222,7 @@
     "author": "跟着Mic学架构",
     "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "1",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "Fundebug JavaScript插件支持监控HTTP请求数据",
@@ -249,23 +231,41 @@
     "author": "Fundebug",
     "home_url": "https://segmentfault.com/u/fundebug",
     "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "如何优雅地实现多数据库的发件箱模式",
+    "description": "一个微服务可能需要执行“存数据库”和“发送事件”两个步骤。例如发布一篇文章后，需要更新作者的发文统计信息。业务上要求两个操作同时失败，或者同时成功，而不能出现一个成功一个失败。假如最终文章发布了，更新...",
+    "url": "https://segmentfault.com/a/1190000042063425",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "1",
+    "rank": 27
+  },
+  {
+    "title": "纯CSS 格子背景",
+    "description": "本文简介点赞 + 收藏 + 关注 = 学会了这次会使用css画出一个格子背景。并且一步步分析如何实现~思路直接给答案：通过2个相等的直角三角形拼接，形成一个正方形。三角形可以使用 background-image 的渐变来实现。 ...",
+    "url": "https://segmentfault.com/a/1190000042069574",
+    "author": "学习委员",
+    "home_url": "https://segmentfault.com/u/k21vin",
+    "votes": "1",
     "rank": 28
   },
   {
-    "title": "React Native 中实现动态导入",
-    "description": "随着业务的发展，每一个 React Native 应用的代码数量都在不断增加，bundle 体积不断膨胀，对应用性能的负面影响愈发明显。虽然我们可以通过 React Native 官方工具 Metro 进行拆包处理，拆分为一个基础包和一个...",
-    "url": "https://segmentfault.com/a/1190000042053905",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
+    "title": "在react中基于ant-design，封装一个中文输入框,提高onchange性能",
+    "description": "1 antd中，input组件在触发onChange时，如果是中文输入模式，会频繁被触发，导致页面性能降低。尤其是在onChange时需要实时搜索的情况。",
+    "url": "https://segmentfault.com/a/1190000042068929",
+    "author": "jsoncode",
+    "home_url": "https://segmentfault.com/u/jsoncode",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "阿里出品！SpringBoot应用自动化部署神器，IDEA版Jenkins？",
-    "description": "之前分享过一些使用Jenkins进行自动化部署的技巧 ，最近发现一款阿里出品的IDEA插件CloudToolkit，不仅支持直接打包应用部署到远程服务器上，而且还能当终端工具使用。试用了一把这个插件，非常不错，推荐给大家...",
-    "url": "https://segmentfault.com/a/1190000042042539",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
+    "title": "官方答：在React18中请求数据的正确姿势（其他框架也适用）",
+    "description": "大家好，我卡颂。一些同学喜欢在useEffect中请求初始数据，类似这样： {代码...} 但React18并不推荐这种方式。这么写有什么问题？如果不推荐这种方式，那么推荐的方式是什么呢？本文来看看Dan在reddit是如何回答...",
+    "url": "https://segmentfault.com/a/1190000042059978",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "1",
     "rank": 30
   }