@wcj/github-rank 22.8.23 → 22.8.26

package/web/data/sifou-weekly.json

@@ -1,272 +1,272 @@
 [
   {
-    "title": "多行文本下的文字渐隐消失术",
-    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
-    "url": "https://segmentfault.com/a/1190000042325723",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
+    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
+    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
+    "url": "https://segmentfault.com/a/1190000042360785",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "8",
     "rank": 1
   },
   {
-    "title": "Windows滚动条如何美化成 macOS 那样？",
-    "description": "欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...",
-    "url": "https://segmentfault.com/a/1190000042323523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
+    "title": "妙啊！纯 CSS 实现拼图游戏",
+    "description": "本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...",
+    "url": "https://segmentfault.com/a/1190000042361223",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
     "rank": 2
   },
   {
-    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！",
-    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
-    "url": "https://segmentfault.com/a/1190000042331835",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
+    "description": "你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会'卡死', 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...",
+    "url": "https://segmentfault.com/a/1190000042353870",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "8",
     "rank": 3
   },
   {
-    "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
-    "description": "希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。",
-    "url": "https://segmentfault.com/a/1190000042338012",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "5",
+    "title": "数字化转型“角力战”，这款低代码平台助力企业火力全开",
+    "description": "最近几年，我们经常会听到“低代码”这个词，特别是对于科技圈的朋友来说，大家聚在一起都会谈论关于低代码相关的技术话题。我们知道，如今全球数字化进程的推进，企业数字化转型需求也在不断升级，特别是多技术栈...",
+    "url": "https://segmentfault.com/a/1190000042362522",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "聊聊 npm 的语义化版本（Semver）",
-    "description": "现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？",
-    "url": "https://segmentfault.com/a/1190000042342124",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "6",
+    "title": "项目一共30个模块，你叫我maven版本一个个手动改？",
+    "description": "之前有个群友私聊问我，如何快速统一去更改项目中所有的maven版本号，他说之前都是手动一个个去修改，项目一共有30多个maven模块，上次因为漏改了一个，还造成了生产事故。",
+    "url": "https://segmentfault.com/a/1190000042345408",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "3",
     "rank": 5
   },
   {
-    "title": "记录第一次给开源项目提 PR",
-    "description": "本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。",
-    "url": "https://segmentfault.com/a/1190000042342284",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "6",
+    "title": "Vuex与前端表格施展“组合拳”，实现大屏展示应用的交互增强",
+    "description": "Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。",
+    "url": "https://segmentfault.com/a/1190000042345600",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "如何开发一款基于 vite+vue3 的在线表格系统（下）",
-    "description": "在上篇内容中我们为大家分享了详细介绍Vue3和Vite的相关内容。在本篇中我们将从项目实战出发带大家了解Vite+Vue3 的在线表格系统的构建。使用Vite初始化Vue3项目在这里需要注意：根据官网文档说明，使用Vite需要n...",
-    "url": "https://segmentfault.com/a/1190000042334814",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "5",
+    "title": "怎么防止同事用 Evil.js 的代码投毒",
+    "description": "视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...",
+    "url": "https://segmentfault.com/a/1190000042360645",
+    "author": "前端小菜鸟",
+    "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
+    "votes": "3",
     "rank": 7
   },
   {
-    "title": "在阿里做前端程序员，我是这样规划的",
-    "description": "许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...",
-    "url": "https://segmentfault.com/a/1190000042334736",
-    "author": "大淘宝技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
-    "votes": "7",
+    "title": "CSS设置禁止文本复制",
+    "description": "CSS设置禁止复制经常可以看到某些网站网页上的文字无法被选中，出了js控制，通过CSS样式user-select和z-index两个属性都可导致无法复制文字user-select浏览器中双击或点击选中文本，文本会被高亮显示，通过css us...",
+    "url": "https://segmentfault.com/a/1190000042359740",
+    "author": "Riki一二三",
+    "home_url": "https://segmentfault.com/u/riki_wang",
+    "votes": "4",
     "rank": 8
   },
   {
-    "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
-    "description": "我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：",
-    "url": "https://segmentfault.com/a/1190000042329366",
-    "author": "Awbeci",
-    "home_url": "https://segmentfault.com/u/awbeci",
-    "votes": "6",
+    "title": "深入理解Redis 数据结构—字典",
+    "description": "字典，又称为符号表、关联数组或映射，是一种用于保存键值对的抽象数据结构。在字典中，一个键可以和一个值进行关联，这些关联的键和值称为键值对。键值对中键是唯一的,我们可以根据键key通过映射查找或者更新对...",
+    "url": "https://segmentfault.com/a/1190000042343233",
+    "author": "小码code",
+    "home_url": "https://segmentfault.com/u/jeremylai7",
+    "votes": "2",
     "rank": 9
   },
   {
-    "title": "数据透视表上线！如何在纯前端实现这个强大的数据分析功能？",
-    "description": "在Office三大办公套件中，Excel可能是功能最多、最难精通的那一款了。从日常的表格录入到复杂的业务数据统计分析，Excel仿佛一位外表平平无奇，实力却深不可测的武林高手。熟练使用Excel往往能在日常工作中获得事...",
-    "url": "https://segmentfault.com/a/1190000042331688",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "6个常用的前端代码编辑器",
+    "description": "在线代码编辑器通常包括以下功能：包含代码高这的HTML、CSS 和 JavaScript编辑器代码命令自动完成一个预览窗口，（通常）无手动刷新的重新加载HTML预处理器，例如HAML，PugLess、Sass、Stylus 和类似的 CSS 预处...",
+    "url": "https://segmentfault.com/a/1190000042356334",
+    "author": "jinling",
+    "home_url": "https://segmentfault.com/u/liushuigs",
     "votes": "2",
     "rank": 10
   },
   {
-    "title": "Vuex与前端表格施展“组合拳”，实现大屏展示应用的交互增强",
-    "description": "Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。",
-    "url": "https://segmentfault.com/a/1190000042345600",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
+    "title": "spring接口多实现类，该依赖注入哪一个？",
+    "description": "一、问题的描述在实际的系统应用开发中我经常会遇到这样的一类需求，相信大家在工作中也会经常遇到：同一个系统在多个省份部署。一个业务在北京是一种实现方式，是基于北京用户的需求。同样的业务在上海是另外一...",
+    "url": "https://segmentfault.com/a/1190000042366375",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "3",
     "rank": 11
   },
   {
-    "title": "前端必备的 HTTP 知识",
-    "description": "HTTP 起源HTTP 是由蒂姆·伯纳斯-李（TimBerners—Lee）于1989年在欧洲核子研究组织（CERN）所发起其中最著名的是 1999 年 6 月公布的 RFC 2616，定义了 HTTP 协议中现今广泛使用的一个版本——HTTP 1.1HTTP 是什么全...",
-    "url": "https://segmentfault.com/a/1190000042326660",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "7",
+    "title": "React团队是如何测试并发特性的",
+    "description": "大家好，我卡颂。React18进入大家视野已经有一段时间了，不知道各位有没有尝试并发特性呢？当启用并发特性后，React会从同步更新变为异步、带优先级、可中断的更新。这也为编写单元测试带来了一些难度。本文来聊...",
+    "url": "https://segmentfault.com/a/1190000042356218",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "在 api 接口测试中，我会关注这三个指标",
-    "description": "接口开发完成后，我们需要调用接口来测试接口的表现，当表现符合预期时，则代表接口可用。在测试中我们可能会关注状态码、响应体以及响应时间，这些数据 Eoapi 通通都会展示给你，帮助你判断 API 是否正常。开始...",
-    "url": "https://segmentfault.com/a/1190000042326129",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "3",
+    "title": "总结一些，书写 CSS 的时候，经常犯的错误！",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042343100",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 13
   },
   {
-    "title": "有两套数据源，那开源 api 管理工具如何部署？",
-    "description": "我相信大家在用 api 管理工具的时候，会有同样的疑问：我有两套数据源，如何实现对应的部署呢？读完本文你将大致了解，如何根据数据源实现自己规划的部署方式。",
-    "url": "https://segmentfault.com/a/1190000042329847",
-    "author": "猿计划",
-    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
-    "votes": "3",
+    "title": "JavaScript 中的可迭代对象与迭代器是啥",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042354262",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 14
   },
   {
-    "title": "项目一共30个模块，你叫我maven版本一个个手动改？",
-    "description": "之前有个群友私聊问我，如何快速统一去更改项目中所有的maven版本号，他说之前都是手动一个个去修改，项目一共有30多个maven模块，上次因为漏改了一个，还造成了生产事故。",
-    "url": "https://segmentfault.com/a/1190000042345408",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "title": "使用mybatis + postgreSql 中遇到的问题",
+    "description": "问题一：字段名不存在背景是：进行mapper的insert单元测试的时候出了问题执行如下语句的时候出现了问题： {代码...} 这里运用了mapper自带的insert方法向数据库中插入数据。在用mapper进行插入的时候后，报了这样...",
+    "url": "https://segmentfault.com/a/1190000042357267",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "3",
     "rank": 15
   },
   {
-    "title": "完整又全面，教你在 Github Action 多平台构建 Electron 应用",
-    "description": "众所周知，Electron 是一个开源的跨平台框架，它内部集成了 Node.js 环境和浏览器环境，让开发者可以使用 Web 技术来绘制客户端的 UI，同时拥有不错的 I/O 能力。",
-    "url": "https://segmentfault.com/a/1190000042334235",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "4",
+    "title": "React报错之React Hook useEffect has a missing dependency",
+    "description": "当useEffect钩子使用了一个我们没有包含在其依赖数组中的变量或函数时，会产生\"React Hook useEffect has a missing dependency\"警告。为了解决该错误，禁用某一行的eslint规则，或者将变量移动到useEffect钩子内。",
+    "url": "https://segmentfault.com/a/1190000042351724",
+    "author": "chuck",
+    "home_url": "https://segmentfault.com/u/chuckqu",
+    "votes": "2",
     "rank": 16
   },
   {
-    "title": "写接口文档之前，我会问自己 3 个问题",
-    "description": "为了让自己写的接口文档更加简洁明了，看起来不像个菜鸟写的，我通常会在写接口之前问自己 3 个问题。我们在开始一个新接口之前，需要进行以下判断：请求协议是不是 HTTP/HTTPS？请求体和响应体格式是什么(XML、J...",
-    "url": "https://segmentfault.com/a/1190000042326442",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
+    "title": "最全的git命令（详细）和对常见git操作流程讲解",
+    "description": "🤵‍♂️ 个人主页:奇想派👨‍💻 作者简介：奇想派，十年全栈开发经验，团队负责人。喜欢钻研技术，争取成为编程达人 🎖️！🗺️学海无涯苦作舟，🛤️编程之路无悔路！📝 如果文章对你有帮助的话，欢迎评论💬点赞👍收藏📂加关注，...",
+    "url": "https://segmentfault.com/a/1190000042347483",
+    "author": "奇想派",
+    "home_url": "https://segmentfault.com/u/whimsyq",
     "votes": "3",
     "rank": 17
   },
   {
-    "title": "如果让我设计一套，TPS百万级API网关！",
-    "description": "是滴，小傅哥又要准备搞事情了！这次准备下手API网关项目，因为这是所有互联网大厂都有的一个核心服务，承接着来自用户的滴滴打车、美团外卖、京东购物、微信支付，更是大促期间千万级访问量的核心系统。",
-    "url": "https://segmentfault.com/a/1190000042324803",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "2",
+    "title": "几个提升Go语言开发效率的小技巧",
+    "description": "哈喽，大家好，我是asong。每门语言都有自己的语法糖，像java的语法糖就有方法变长参数、拆箱与装箱、枚举、for-each等等，Go语言也不例外，其也有自己的语法糖，掌握这些语法糖可以助我们提高开发的效率，所以本...",
+    "url": "https://segmentfault.com/a/1190000042353285",
+    "author": "asong",
+    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "votes": "1",
     "rank": 18
   },
   {
-    "title": "Redis进阶篇：发布订阅模式原理与运用",
-    "description": "“65 哥，如果你交了个漂亮小姐姐做女朋友，你会通过什么方式将这个消息广而告之给你的微信好友？““那不得拍点女朋友的美照 + 亲密照弄一个九宫格图文消息在朋友圈发布大肆宣传，暴击单身狗。”",
-    "url": "https://segmentfault.com/a/1190000042333233",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
+    "title": "伙计，Go项目怎么使用枚举？",
+    "description": "哈喽，大家好，我是asong。枚举是一种很重要的数据类型，在java、C语言等主流编程语言中都支持了枚举类型，但是在Go语言中却没有枚举类型，那有什么替代方案吗？ 本文我们来聊一聊这个事情；",
+    "url": "https://segmentfault.com/a/1190000042353300",
+    "author": "asong",
+    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
     "votes": "1",
     "rank": 19
   },
   {
-    "title": "深入理解Redis 数据结构—字典",
-    "description": "字典，又称为符号表、关联数组或映射，是一种用于保存键值对的抽象数据结构。在字典中，一个键可以和一个值进行关联，这些关联的键和值称为键值对。键值对中键是唯一的,我们可以根据键key通过映射查找或者更新对...",
-    "url": "https://segmentfault.com/a/1190000042343233",
-    "author": "小码code",
-    "home_url": "https://segmentfault.com/u/jeremylai7",
-    "votes": "2",
+    "title": "初学Go 值得深研的7大开源项目",
+    "description": "go-admin基于Gin + Vue + Element UI的前后端分离权限管理系统,系统初始化极度简单，只需要配置文件中，修改数据库连接，系统支持多指令操作，迁移指令可以让初始化数据库信息变得更简单，服务指令可以很简单的启...",
+    "url": "https://segmentfault.com/a/1190000042353994",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
+    "votes": "1",
     "rank": 20
   },
   {
-    "title": "ES13的11个超赞的新属性",
-    "description": "像其他语言一样，JavaScript也在不断迭代和进化。JS每年都会加入很多新的功能来让自己变得越发强大，也正是这样，我们开发者才能写出更加表意和准确的代码。",
-    "url": "https://segmentfault.com/a/1190000042328170",
-    "author": "进击的大葱",
-    "home_url": "https://segmentfault.com/u/jinjidedacong",
-    "votes": "1",
+    "title": "超全总结：Go语言如何操作文件",
+    "description": "哈喽，大家好，我是asong。我们都知道在Unix中万物都被称为文件，文件处理是一个非常常见的问题，所以本文就总结了Go语言操作文件的常见方式，整体思路如下：",
+    "url": "https://segmentfault.com/a/1190000042353267",
+    "author": "asong",
+    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "votes": "0",
     "rank": 21
   },
   {
-    "title": "总结一些，书写 CSS 的时候，经常犯的错误！",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042343100",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "Squoosh - 谷歌出品的免费开源图片压缩工具，图片大小减少90%，支持 API 开发调用",
+    "description": "Squoosh 是谷歌出品的一款在线图像压缩工具，使用简单，有极高的压缩比，能够帮助我们把图片大小进行压缩，不管是设计 UI 切图、自媒体文章配图还是 PPT 配图这样的使用场景，都要用到压缩图片。",
+    "url": "https://segmentfault.com/a/1190000042351129",
+    "author": "搬不要钱的砖",
+    "home_url": "https://segmentfault.com/u/thosefree",
+    "votes": "1",
     "rank": 22
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- 这几个 Vue 知识点，全都会你就是神！！！",
-    "description": "首先，我们先来看一下 Reactivity Object 响应式对象，它是基于使用 Proxy 创建一个原始对象的代理对象和使用 Reflect 来代理 JavaScript 操作方法，从而完成依赖的收集和派发更新的过程。然后，我们可以根据需要...",
-    "url": "https://segmentfault.com/a/1190000042332866",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
+    "title": "Nginx入门笔记",
+    "description": "目录什么是反向代理正向代理反向代理Nginx进程模型Worker抢占机制Nginx事件处理配置文件配置结构主要配置常用命令日志分割定时任务分割日志配置一个静态文件使用GZIP压缩Location匹配规则跨域的方式同源策略跨域...",
+    "url": "https://segmentfault.com/a/1190000042351956",
+    "author": "eacape",
+    "home_url": "https://segmentfault.com/u/xiaoyongyong",
     "votes": "1",
     "rank": 23
   },
   {
-    "title": "React报错之React Hook useEffect has a missing dependency",
-    "description": "当useEffect钩子使用了一个我们没有包含在其依赖数组中的变量或函数时，会产生\"React Hook useEffect has a missing dependency\"警告。为了解决该错误，禁用某一行的eslint规则，或者将变量移动到useEffect钩子内。",
-    "url": "https://segmentfault.com/a/1190000042351724",
-    "author": "chuck",
-    "home_url": "https://segmentfault.com/u/chuckqu",
-    "votes": "2",
+    "title": "理想汽车 x JuiceFS：从 Hadoop 到云原生的演进与思考",
+    "description": "第一个时期： 2006 年到 2008 年。2008 年左右，Hadoop 成为了 Apache 顶级项目，并正式发布了 1.0 版本，它的基础主要是基于谷歌的三驾马车，GFS、MapReduce、BigTable 去定义的。",
+    "url": "https://segmentfault.com/a/1190000042370647",
+    "author": "JuiceFS",
+    "home_url": "https://segmentfault.com/u/juicefs",
+    "votes": "3",
     "rank": 24
   },
   {
-    "title": "xflow流程可视化-designable高级配置",
-    "description": "上篇简要介绍了formilyjs以及基于其构建了表单设计器，实现了表单动态设计已经预览功能，本片将介绍表单设计器的一些高级配置，使其能更好的运用于我们的节点编辑以及连线编辑。",
-    "url": "https://segmentfault.com/a/1190000042328356",
-    "author": "陌路凡歌",
-    "home_url": "https://segmentfault.com/u/molufange",
-    "votes": "2",
+    "title": "SegmentFault 思否技术周刊 -- 程序员如何用编程展现艺术？",
+    "description": "点击楼层，催动电梯上升或者下降电梯到达对应楼层，电梯左右门打开门打开之后，里面的美女就出来啦提示信息: 本美女就要出来了，请速速来迎接按钮会有一个点击选中的效果根据以上的分析，我们就可以很好的实现电...",
+    "url": "https://segmentfault.com/a/1190000042363888",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "1",
     "rank": 25
   },
   {
-    "title": "图扑软件数字孪生厦门隧道，助力交通数字化升级",
-    "description": "隧道作为重要交通建筑设施，为缩短运行距离、提高运输能力、减少事故等方面起到重要作用。同时隧道交通具有流量大、行车速度快的特点，且内部含有大量照明、风机、水泵、指示器、情报板、供电等设备设施，若隧道...",
-    "url": "https://segmentfault.com/a/1190000042327153",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
+    "title": "基于 SheetJS 的前端合并单元格复杂表头导入",
+    "description": "项目功能任意层级合并单元格复杂表头解析自动转化为目标层级的数据结构自动生成基于 antdv 的 table 列配置数据 columns 及对于数据源 dataSource。在页面端复现 Excel 效果。在线示例步骤零：如需快速测试，可点...",
+    "url": "https://segmentfault.com/a/1190000042346917",
+    "author": "momo707577045",
+    "home_url": "https://segmentfault.com/u/momo707577045",
     "votes": "1",
     "rank": 26
   },
   {
-    "title": "Android 边播放边缓存视频框架AndroidVideoCache简析",
-    "description": "现在的移动应用，视频是一个非常重要的组成部分，好像里面不搞一点视频就不是一个正常的移动App。在视频开发方面，可以分为视频录制和视频播放，视频录制的场景可能还比较少，这方面可以使用Google开源的 grafika...",
-    "url": "https://segmentfault.com/a/1190000042342132",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "1",
+    "title": "详解 SSL（三）：SSL 证书该如何选择？",
+    "description": "在上一篇《 详解 SSL（二）：SSL 证书对网站的好处》中，我们知道了在网站部署 SSL 证书后，不管是对网站本身还是对网站的用户都能够带来许多好处。那么随着 HTTPS 的普及，市面上也出现了各种不同的 SSL 证书。...",
+    "url": "https://segmentfault.com/a/1190000042357128",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 27
   },
   {
-    "title": "如何开发一款基于 Vite+Vue3 的在线表格系统（上）",
-    "description": "Vue是什么？大多前端开发者对这个词已毫不陌生了。三大框架孰优孰劣，众多开发者各抒己见，其中Vue以其“最简单、最易上手“的名号迅速积累了一大批粉丝，被广泛学习应用。同Angular、React框架一样，Vue也是MVVM类...",
-    "url": "https://segmentfault.com/a/1190000042329212",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "5个常见的JavaScript内存错误",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042366651",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "连流量染色都没有，你说要搞微服务？",
-    "description": "在当下盛行的微服务架构下，服务数量多导致的依赖问题经常会成为开发过程中的绊脚石。也经常会在各种技术交流会上听到类似的话题，大家都在积极的讨论这种问题如何去解决。于是决定给大家介绍下流量染色的原理以...",
-    "url": "https://segmentfault.com/a/1190000042325664",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "深入使用 Kotlin 后的感受",
+    "description": "大量使用 kotlin 的感受就是，每当在设计一个问题的解决方案时，你突发的独特灵感都能够被 kotlin 满足，能极大的提高你的编程体验，这是之前使用任何语言都未成有过的感受。",
+    "url": "https://segmentfault.com/a/1190000042358801",
+    "author": "zxdposter",
+    "home_url": "https://segmentfault.com/u/zxdposter",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
-    "description": "你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会'卡死', 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...",
-    "url": "https://segmentfault.com/a/1190000042353870",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "6",
+    "title": "专业的三维人物动画制作工具：DAZ Studio",
+    "description": "想要制作三维动画不知道用什么工具？DAZ Studio是一款功能强大的三维人物动画制作工具，通过软件自带的虚拟人物模型，您不仅可以自由的添加场景环境等虚拟元素，还可以进行相关主题以及光线效果的设置，用户可以...",
+    "url": "https://segmentfault.com/a/1190000042352541",
+    "author": "吱吱的小奶包",
+    "home_url": "https://segmentfault.com/u/jinzhangdemianbao",
+    "votes": "2",
     "rank": 30
   }
 ]