@wcj/github-rank 22.7.2 → 22.7.5

package/web/data/sifou-weekly.json

@@ -1,21 +1,12 @@
 [
   {
-    "title": "视觉还原小技巧！CSS 实现角标效果",
-    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
-    "url": "https://segmentfault.com/a/1190000042038058",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
-    "rank": 1
-  },
-  {
-    "title": "esbuild 构建油猴脚本",
-    "description": "前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...",
-    "url": "https://segmentfault.com/a/1190000042036660",
+    "title": "switch 有四样写法你知道么",
+    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
+    "url": "https://segmentfault.com/a/1190000042055258",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "6",
-    "rank": 2
+    "votes": "9",
+    "rank": 1
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
@@ -24,240 +15,258 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "6",
+    "rank": 2
+  },
+  {
+    "title": "又拍云 Redis 的改进之路",
+    "description": "作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...",
+    "url": "https://segmentfault.com/a/1190000042048198",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 3
   },
   {
-    "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
-    "description": "这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。",
-    "url": "https://segmentfault.com/a/1190000042037852",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "10",
+    "title": "Skypack：我老早就在布局前端基建了",
+    "description": "其中最主要的原因是 —— vite在开发环境基于ESM规范实现的Nobundle模式，节省了代码打包的时间（当然，也有ESBuild的功劳）。",
+    "url": "https://segmentfault.com/a/1190000042055196",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "6",
     "rank": 4
   },
   {
-    "title": "几百行代码实现一个 JSON 解析器",
-    "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
-    "url": "https://segmentfault.com/a/1190000042042002",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "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",
     "rank": 5
   },
   {
-    "title": "React团队最近都在忙啥呢？",
-    "description": "大家好，我卡颂。不知道大家有没有一个感觉：React新特性的更新速度非常慢，时间通常是以年计。实际上，在React漫长的发展过程中，除了很多优秀的特性（比如Hooks、Suspense）外，还有很多最终没有落地的想法。这...",
-    "url": "https://segmentfault.com/a/1190000042038001",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
+    "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
+    "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
+    "url": "https://segmentfault.com/a/1190000042065365",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
     "rank": 6
   },
   {
-    "title": "社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）",
-    "description": "个人情况学历：二本工作年限：2 年半面试结果：拿到了字节、拼多多、美团、滴滴、欧科云链....等公司的offer面试准备复习你信我，真学习还得看书，看书能让你的知识体系更加健全。当然，平时也可以看一些大佬的文...",
-    "url": "https://segmentfault.com/a/1190000042035124",
-    "author": "CoderW",
-    "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
-    "votes": "6",
+    "title": "超 Nice 的表格响应式布局小技巧",
+    "description": "今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...",
+    "url": "https://segmentfault.com/a/1190000042048733",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
     "rank": 7
   },
   {
-    "title": "又拍云 Redis 的改进之路",
-    "description": "作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...",
-    "url": "https://segmentfault.com/a/1190000042048198",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "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",
+    "votes": "2",
     "rank": 8
   },
   {
-    "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": "Ajax 怎么取消？要不要取消？",
+    "description": "假如你熟悉 xhr，会知道 Ajax 其实可以前端主动取消，使用的是 XMLHttpRequest.abort()。当然现在也不是刀耕火种的时代，除了面试，可能基本不会手写 xhr，在无人不知的 axios 中有两种取消方法：",
+    "url": "https://segmentfault.com/a/1190000042053708",
+    "author": "ssshooter",
+    "home_url": "https://segmentfault.com/u/ssshooter",
+    "votes": "2",
     "rank": 9
   },
   {
-    "title": "Flex & Bison 开始",
-    "description": "Flex 用于词法分析（lexical analysis，或称 scanning），把输入分割成一个个有意义的词块，称为记号（token）。",
-    "url": "https://segmentfault.com/a/1190000042035066",
-    "author": "GoCoding",
-    "home_url": "https://segmentfault.com/u/gocoding",
+    "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",
     "rank": 10
   },
   {
-    "title": "switch 有四样写法你知道么",
-    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
-    "url": "https://segmentfault.com/a/1190000042055258",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "6",
+    "title": "冴羽答读者问：如何在工作中打造影响力，带动同事？",
+    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文什么是影响力呢？引用百度百科的解释：影响力是用一种别人所乐于接受的方式，改变他人的思想和行动的能...",
+    "url": "https://segmentfault.com/a/1190000042054629",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "3",
     "rank": 11
   },
   {
-    "title": "超 Nice 的表格响应式布局小技巧",
-    "description": "今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...",
-    "url": "https://segmentfault.com/a/1190000042048733",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
+    "title": "通过示例了解Vue过渡和动画",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042055924",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 12
   },
   {
-    "title": "20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛",
-    "description": "微信搜索 【大迁世界】 关注有可爱喵前端人。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。JavaScript是一种非常容错的编程语言，许多在其他编程语言中不合法的表达式在JavaScript...",
-    "url": "https://segmentfault.com/a/1190000041995394",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "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",
     "rank": 13
   },
   {
-    "title": "angular ChangeDetectorRef",
-    "description": "随着子组件的增多和嵌套，遇到数据改变，但是组件页面没有渲染的问题开始变多。例如:此页面为子组件，打开该页面后，原本应该显示已存在的附件，但是现在却显示空。正确显示：问题显示：没有渲染此问题的出现往往...",
-    "url": "https://segmentfault.com/a/1190000042041251",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "4",
+    "title": "测试一下Pinia，Vuex 要出局了？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041999027",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 14
   },
   {
-    "title": "git配置以及替换gerrit默认commit-msg hook",
-    "description": "user.name 配置规则: name#工号 示例 git config --global user.name \"张三#A00003\"",
-    "url": "https://segmentfault.com/a/1190000042037321",
-    "author": "记得要微笑",
-    "home_url": "https://segmentfault.com/u/tosmile",
-    "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": 15
   },
   {
-    "title": "企业级低代码平台，JeecgBoot-Vue3版  v1.3.0 里程碑版本发布",
-    "description": "Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。JeecgBoot企业级的低代码平台对应的vue3前端版本！",
-    "url": "https://segmentfault.com/a/1190000042041290",
-    "author": "scott",
-    "home_url": "https://segmentfault.com/u/jeecg",
+    "title": "Java 集合常见知识点&面试题总结(上)，2022 最新版！",
+    "description": "你好，我是 Guide。秋招即将到来（提前批已经开始），我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。",
+    "url": "https://segmentfault.com/a/1190000042059163",
+    "author": "JavaGuide",
+    "home_url": "https://segmentfault.com/u/javaguide",
     "votes": "2",
     "rank": 16
   },
   {
-    "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": "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": "MongoDB 关系实现",
-    "description": "MongoDB不同于我们常用的mysql，作为一款非关系型数据库，数据存储已类似于json格式存储在文档里，不存在外建，无法实现mysql的表格之间关联。那么，对于一对一，一对多，多对一，多对多关系如何实现呢？",
-    "url": "https://segmentfault.com/a/1190000042041143",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "3",
+    "title": "JavaScript框架的四个时代",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042032435",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 18
   },
   {
-    "title": "我大抵是卷上瘾了，横竖睡不着！竟让一个Bug，搞我两次！",
-    "description": "作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、前言：一个Bug没想到一个Bug，竟然搞我两次！我大抵是卷上瘾了，横竖都睡不着，坐起来身来打开Mac和外接显示器，这Bug没有由来，默然...",
-    "url": "https://segmentfault.com/a/1190000042037477",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "3",
+    "title": "又一款值得推荐的高颜值的服务器探针——WGCLOUD",
+    "description": "支持主机各种指标监测（cpu使用率，cpu温度，内存使用率，磁盘容量，磁盘IO，硬盘SMART健康状态，系统负载，连接数量，网卡流量，硬件系统信息等）。支持监测服务器上的进程应用、文件、端口、日志、DOCKER容器、...",
+    "url": "https://segmentfault.com/a/1190000042059154",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "1",
     "rank": 19
   },
   {
-    "title": "编程技巧│提高 Javascript 代码效率的技巧",
-    "description": "🎈 变量声明多个变量的声明，可以简写 {代码...} 🎈 三元运算符在条件判断时，可以使用三元运算符增加效率 {代码...} 🎈 解构赋值变量赋值 {代码...} 🎈 解构交换交换两个变量 {代码...} 🎈 箭头函数函数的简写方式 {...",
-    "url": "https://segmentfault.com/a/1190000042033825",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
-    "votes": "3",
+    "title": "英特尔傲腾，让数据管理不再纠结",
+    "description": "据中国信通院最新报告显示，随着5G和人工智能等新技术应用落地，2021年中国人均移动数据流量比2015年增长18倍，预计到2025年全球数据量将会从2016年的16ZB上升至163ZB，我们也正经历着一场有海量且场景丰富的数据...",
+    "url": "https://segmentfault.com/a/1190000042050449",
+    "author": "溜达兔",
+    "home_url": "https://segmentfault.com/u/liudatu",
+    "votes": "1",
     "rank": 20
   },
   {
-    "title": "精读《Permutation, Flatten, Absolute...》",
-    "description": "所以这题如果能 “递归触发联合类型分配率”，就有戏解决啊。但触发的条件必须存在两个泛型，而题目传入的只有一个，我们只好创造第二个泛型，使其默认值等于第一个：",
-    "url": "https://segmentfault.com/a/1190000042037674",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "1",
+    "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",
     "rank": 21
   },
   {
-    "title": "【计算讲谈社】第三讲：如何提出关键问题",
-    "description": "“定义问题”往往比“回答问题”本身更重要。那什么问题是关键问题？如何提出关键问题？【计算讲谈社】第三讲上线，阿里巴巴研究员吴翰清（道哥）携学员针对该主题展开分享和讨论。",
-    "url": "https://segmentfault.com/a/1190000042034541",
-    "author": "大咖说",
-    "home_url": "https://segmentfault.com/u/dakashuo",
+    "title": "JavaScript扩展原型链浅析",
+    "description": "前言上文对原型和原型链做了一些简单的概念介绍和解析，本文将浅析一些原型链的扩展。javaScript原型和原型链[链接]扩展原型链使用new操作符利用原型是对象的特性，实例化对象的时候，继承多个构造函数的属性和方...",
+    "url": "https://segmentfault.com/a/1190000042051801",
+    "author": "程序猿布欧",
+    "home_url": "https://segmentfault.com/u/lewyon",
     "votes": "1",
     "rank": 22
   },
   {
-    "title": "Ajax 怎么取消？要不要取消？",
-    "description": "假如你熟悉 xhr，会知道 Ajax 其实可以前端主动取消，使用的是 XMLHttpRequest.abort()。当然现在也不是刀耕火种的时代，除了面试，可能基本不会手写 xhr，在无人不知的 axios 中有两种取消方法：",
-    "url": "https://segmentfault.com/a/1190000042053708",
-    "author": "ssshooter",
-    "home_url": "https://segmentfault.com/u/ssshooter",
-    "votes": "2",
+    "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",
+    "votes": "1",
     "rank": 23
   },
   {
-    "title": "Meta 微软等组建元宇宙组织，苹果缺席；Win 8.1 即将停止支持；Xmake v2.6.8 发布 | 思否周刊",
-    "description": "40s 新闻速递新 MacBook Pro 13 英寸正式开售：9999 元起微信公号新规：不可提供数字藏品二级交易相关服务RISC-V 宣布新规格网络配置错误导致 Cloudflare 大规模宕机Meta 微软等巨头组建元宇宙标准组织：苹果缺席...",
-    "url": "https://segmentfault.com/a/1190000042035487",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "6年技术迭代 阿里全球化出海&合规的挑战和探索",
+    "description": "全球化技术根植于全球化业务，经过五个阶段的演进，逐渐发展成为阿里巴巴集团内相对独立的技术体系。本文会首先重点讲解全球化基础设施层的挑战和技术实践。",
+    "url": "https://segmentfault.com/a/1190000042058053",
+    "author": "溜达兔",
+    "home_url": "https://segmentfault.com/u/liudatu",
     "votes": "2",
     "rank": 24
   },
   {
-    "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",
+    "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": "JavaScript框架的四个时代",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042032435",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "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": "测试一下Pinia，Vuex 要出局了？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041999027",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "【Java面试】简单说一下你对序列化和反序列化的理解",
+    "description": "Hi，大家好，我是Mic一个工作4年的粉丝，投了很多简历好不容易接到一个互联网公司的面试邀约。在面试第一轮就被干掉了，原因是对主流互联网技术理解太浅了。其中就有一个这样的问题：“简单说一下你对序列化和反序...",
+    "url": "https://segmentfault.com/a/1190000042058707",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "1",
     "rank": 27
   },
   {
-    "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": "Fundebug JavaScript插件支持监控HTTP请求数据",
+    "description": "Fundebug提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于 JavaScript 执行错误以及 HTTP 请求错误。",
+    "url": "https://segmentfault.com/a/1190000042055989",
+    "author": "Fundebug",
+    "home_url": "https://segmentfault.com/u/fundebug",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "Vue3中props和defineEmit的区别",
-    "description": "由于之前写的项目都是基于react来开发和思考的，转到vue中从来未接触过emit这个概念，官方的文档写的也不是特别清楚，（也或许是我的思想还尚未从react的编程理念中转出来）查阅了很多作者关于emit的解释，但从他...",
-    "url": "https://segmentfault.com/a/1190000042035344",
-    "author": "韩xiao方MY",
-    "home_url": "https://segmentfault.com/u/jiaolvdekaixinguo",
-    "votes": "2",
+    "title": "React Native 中实现动态导入",
+    "description": "随着业务的发展，每一个 React Native 应用的代码数量都在不断增加，bundle 体积不断膨胀，对应用性能的负面影响愈发明显。虽然我们可以通过 React Native 官方工具 Metro 进行拆包处理，拆分为一个基础包和一个...",
+    "url": "https://segmentfault.com/a/1190000042053905",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "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",
+    "votes": "1",
+    "rank": 30
   }
 ]