@wcj/github-rank 22.10.22 → 22.10.23

package/dist/sifou-daily.json

@@ -1,56 +1,20 @@
 [
   {
-    "title": "利用思否猫素材实现一个丝滑的轮播图（html + css + js）",
-    "description": "使用思否猫素材实现一个轮播图本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:htmlcssjs没错，就是html，css,js,现在是框架盛行的时代，所以很少会有人在意原生三件套，通过本文实现一个丝...",
-    "url": "https://segmentfault.com/a/1190000042661646",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "2",
+    "title": "JAVA内存区域划分",
+    "description": "根据《JAVA虚拟机规范》的规定，JAVA虚拟机在执行JAVA程序的过程中会把内存划分为不同的数据区域。不同类型的数据会存储在不同的区域，理解JAVA内存区域的工作细节对裂解JAVA多线程、线程安全性有着重要意义。",
+    "url": "https://segmentfault.com/a/1190000042669875",
+    "author": "福",
+    "home_url": "https://segmentfault.com/u/fu_623f04ad34d53",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "阿里巴巴 Noslate 正式开源 - 面向云原生的 JavaScript 容器方案",
-    "description": "继 2019 年开源 Midway 框架之后，阿里一直在 Node.js 的前沿进行深度研究，除了加入 TC39 参与标准化建设，向上游 Node.js 项目持续贡献，与龙蜥社区合作优化之外，也在 Serverless 领域有了不小的成果。",
-    "url": "https://segmentfault.com/a/1190000042665605",
-    "author": "阿里巴巴终端技术",
-    "home_url": "https://segmentfault.com/u/aliterminal",
+    "title": "前端排序简介",
+    "description": "当时觉得自己写的还挺优雅的，后来在某次机缘巧合下看到篇文章，大致意思是通过这种 Math.random 写法的乱序方式是不稳定的，于是我自己尝试统计了下：",
+    "url": "https://segmentfault.com/a/1190000042669850",
+    "author": "小皇帝James",
+    "home_url": "https://segmentfault.com/u/thjjames",
     "votes": "1",
     "rank": 2
-  },
-  {
-    "title": "Vue虚拟dom是如何被创建的",
-    "description": "我们看到了AST经过三轮加工，最终脱胎换骨成为render function code。那么我们这一章就来讲AST的第三次试炼。入口文件./codegen/index",
-    "url": "https://segmentfault.com/a/1190000042659356",
-    "author": "yyds2026",
-    "home_url": "https://segmentfault.com/u/junyidemaodou",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "JSON 这么可爱，让我们用千字短文吃透它吧！",
-    "description": "JSON，一个伟大的协议，前端工程师的卓越发明！相信 99% 的程序员都认识 JSON，它作为前后端交互的热门协议，因其易理解、简单、灵活和超强的可读性，得到了互联网的广泛欢迎，甚至很多微服务之间的传输协议中也...",
-    "url": "https://segmentfault.com/a/1190000042660224",
-    "author": "amc",
-    "home_url": "https://segmentfault.com/u/amc",
-    "votes": "2",
-    "rank": 4
-  },
-  {
-    "title": "「思否猫快跑」原生js小游戏",
-    "description": "SegmentFault 思否的吉祥物是一只独一无二、特立独行、热爱自由的(>^ω^<)独角猫，也是社区的首席摸鱼官。于是本次作品是以思否猫为原型搭配原生js完成了一个类似跑酷的小游戏",
-    "url": "https://segmentfault.com/a/1190000042660054",
-    "author": "Yangπ",
-    "home_url": "https://segmentfault.com/u/yang_631952f8aa767",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "1024 表情包文案征集，人人都是表情包创作者！",
-    "description": "马上又到一年一度的1024啦，先预祝各位开发者们节日快乐！代代（码）平安！工作顺利！经常有开发者小伙伴和小编反映，自己不善言辞说不过人，职场上吃亏。但是有没有可能，制霸职场聊天窗，你缺的只是一套表情包...",
-    "url": "https://segmentfault.com/a/1190000042666738",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
-    "votes": "1",
-    "rank": 6
   }
 ]

package/dist/sifou-monthly.json

@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000042598682",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "13",
+    "votes": "14",
     "rank": 7
   },
   {
@@ -107,6 +107,15 @@
     "votes": "11",
     "rank": 12
   },
+  {
+    "title": "超强的苹果官网滚动文字特效实现",
+    "description": "每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...",
+    "url": "https://segmentfault.com/a/1190000042653533",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
+    "rank": 13
+  },
   {
     "title": "5 种瀑布流场景的实现原理解析",
     "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
@@ -114,15 +123,6 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "9",
-    "rank": 13
-  },
-  {
-    "title": "超强的苹果官网滚动文字特效实现",
-    "description": "每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...",
-    "url": "https://segmentfault.com/a/1190000042653533",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
     "rank": 14
   },
   {
@@ -179,15 +179,6 @@
     "votes": "4",
     "rank": 20
   },
-  {
-    "title": "「数字无限人生」：技术人的精彩时代",
-    "description": "18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...",
-    "url": "https://segmentfault.com/a/1190000042582695",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "3",
-    "rank": 21
-  },
   {
     "title": "浅谈移动端单屏解决方案",
     "description": "文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常...",
@@ -195,6 +186,15 @@
     "author": "深红",
     "home_url": "https://segmentfault.com/u/deepred5",
     "votes": "5",
+    "rank": 21
+  },
+  {
+    "title": "「数字无限人生」：技术人的精彩时代",
+    "description": "18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...",
+    "url": "https://segmentfault.com/a/1190000042582695",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "3",
     "rank": 22
   },
   {
@@ -233,15 +233,6 @@
     "votes": "8",
     "rank": 26
   },
-  {
-    "title": "「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚",
-    "description": "在 上一轮优化 里， 我们通过优化一些构建工具和流程， 把构建耗时优化到了 4min 左右，整体发布耗时从 15min 优化到了 8 min 左右, 有较大提升， 但是依旧存在提升空间。",
-    "url": "https://segmentfault.com/a/1190000042531062",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "3",
-    "rank": 27
-  },
   {
     "title": "5个常见的JavaScript内存错误",
     "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
@@ -249,6 +240,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
+    "rank": 27
+  },
+  {
+    "title": "「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚",
+    "description": "在 上一轮优化 里， 我们通过优化一些构建工具和流程， 把构建耗时优化到了 4min 左右，整体发布耗时从 15min 优化到了 8 min 左右, 有较大提升， 但是依旧存在提升空间。",
+    "url": "https://segmentfault.com/a/1190000042531062",
+    "author": "皮小蛋",
+    "home_url": "https://segmentfault.com/u/scaukk",
+    "votes": "3",
     "rank": 28
   },
   {

package/dist/sifou-weekly.json

@@ -32,18 +32,9 @@
     "url": "https://segmentfault.com/a/1190000042653533",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
+    "votes": "13",
     "rank": 4
   },
-  {
-    "title": "喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图",
-    "description": "2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...",
-    "url": "https://segmentfault.com/a/1190000042627779",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "8",
-    "rank": 5
-  },
   {
     "title": "利用思否猫素材实现一个连连看小游戏",
     "description": "vue3实现一个思否猫连连看小游戏本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:vue3的核心语法vue3的状态管理工具pinia的用法sass的用法基本算法canvas实现一个下雪的效果，一些canvas的...",
@@ -51,7 +42,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "8",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "你不知道的JavaScript APIs",
@@ -60,7 +51,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "React + Springboot + Quartz，从0实现Excel报表自动化",
@@ -68,7 +59,16 @@
     "url": "https://segmentfault.com/a/1190000042656728",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
+    "votes": "3",
+    "rank": 7
+  },
+  {
+    "title": "利用思否猫素材实现一个丝滑的轮播图（html + css + js）",
+    "description": "使用思否猫素材实现一个轮播图本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:htmlcssjs没错，就是html，css,js,现在是框架盛行的时代，所以很少会有人在意原生三件套，通过本文实现一个丝...",
+    "url": "https://segmentfault.com/a/1190000042661646",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "3",
     "rank": 8
   },
   {
@@ -89,6 +89,15 @@
     "votes": "3",
     "rank": 10
   },
+  {
+    "title": "2022前端面试总结",
+    "description": "首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...",
+    "url": "https://segmentfault.com/a/1190000042638751",
+    "author": "fx67ll",
+    "home_url": "https://segmentfault.com/u/wensandaoshi",
+    "votes": "6",
+    "rank": 11
+  },
   {
     "title": "头大了，我的Sentry为什么上报错误不准",
     "description": "“瞎子过河记”项目的监控报错机制使用 Sentry，为了更好的定位到错误，所以需要上传 sourcemap最终踩坑完毕Sentry列表展示接口信息与页面报错区分提供更多有效自定义tag帮助快速定位分享一下我的踩坑之路（基础教...",
@@ -96,26 +105,35 @@
     "author": "江湖人称007",
     "home_url": "https://segmentfault.com/u/wujiantao_5a06ffda461ec",
     "votes": "3",
-    "rank": 11
-  },
-  {
-    "title": "2022前端面试总结",
-    "description": "首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...",
-    "url": "https://segmentfault.com/a/1190000042638751",
-    "author": "fx67ll",
-    "home_url": "https://segmentfault.com/u/wensandaoshi",
-    "votes": "5",
     "rank": 12
   },
   {
-    "title": "SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？",
-    "description": "Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打...",
-    "url": "https://segmentfault.com/a/1190000042636388",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "1",
+    "title": "Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9",
+    "description": "过去 Web 非常简单。URL 指向服务器，服务器将数据混合成 html，然后在浏览器上呈现该响应。围绕这种简单范式，诞生了各种 Javascript 框架，以前可能需要数月时间完成的一个应用程序基本功能，现在借助这些框架...",
+    "url": "https://segmentfault.com/a/1190000042657582",
+    "author": "MobTech袤博",
+    "home_url": "https://segmentfault.com/u/mobtech",
+    "votes": "3",
     "rank": 13
   },
+  {
+    "title": "VS Code For Web 深入浅出 -- 进程间通信篇",
+    "description": "在上一篇中，我们一起分析了 VS Code 整体的代码架构，了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web，后端是本地还是云端，其调用方式并无不同。",
+    "url": "https://segmentfault.com/a/1190000042653911",
+    "author": "Duang",
+    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
+    "votes": "3",
+    "rank": 14
+  },
+  {
+    "title": "深入理解JavaScript——闭包",
+    "description": "网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等",
+    "url": "https://segmentfault.com/a/1190000042643748",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "2",
+    "rank": 15
+  },
   {
     "title": "Golang 轮子之 Supervisor",
     "description": "Supervisor 是一个强大的 进程管理工具。在非容器化管理的服务器上， Supervisor 是有非常广泛的使用场景的。例如：服务批量重启，多服务按顺序启动，服务oom后自动拉起，服务std日志收集等，甚至服务健康检查它...",
@@ -123,7 +141,25 @@
     "author": "小白要生发",
     "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
     "votes": "1",
-    "rank": 14
+    "rank": 16
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？",
+    "description": "Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打...",
+    "url": "https://segmentfault.com/a/1190000042636388",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "从局部变量说起，关于一个莫得名堂的引用和一个坑！",
+    "description": "你好呀，我是歪歪。今天带大家盘一个有点意思的基础知识啊。有多基础呢，先给你上个代码：请问，上面代码中，位于 method 方法中的 object 对象，在方法执行完成之后，是否可以被垃圾回收？这还思考个啥呀，这必...",
+    "url": "https://segmentfault.com/a/1190000042631895",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "2",
+    "rank": 18
   },
   {
     "title": "ReactQuery系列文章- 1. React Query 实践",
@@ -132,7 +168,7 @@
     "author": "lakb248",
     "home_url": "https://segmentfault.com/u/kk_470661",
     "votes": "1",
-    "rank": 15
+    "rank": 19
   },
   {
     "title": "微信推出自研 NLP 大规模语言模型 WeLM，现已开放 API 推动应用落地",
@@ -141,7 +177,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "3",
-    "rank": 16
+    "rank": 20
   },
   {
     "title": "5个需要避免的CSS错误",
@@ -150,59 +186,23 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9",
-    "description": "过去 Web 非常简单。URL 指向服务器，服务器将数据混合成 html，然后在浏览器上呈现该响应。围绕这种简单范式，诞生了各种 Javascript 框架，以前可能需要数月时间完成的一个应用程序基本功能，现在借助这些框架...",
-    "url": "https://segmentfault.com/a/1190000042657582",
-    "author": "MobTech袤博",
-    "home_url": "https://segmentfault.com/u/mobtech",
-    "votes": "3",
-    "rank": 18
-  },
-  {
-    "title": "从局部变量说起，关于一个莫得名堂的引用和一个坑！",
-    "description": "你好呀，我是歪歪。今天带大家盘一个有点意思的基础知识啊。有多基础呢，先给你上个代码：请问，上面代码中，位于 method 方法中的 object 对象，在方法执行完成之后，是否可以被垃圾回收？这还思考个啥呀，这必...",
-    "url": "https://segmentfault.com/a/1190000042631895",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "2",
-    "rank": 19
-  },
-  {
-    "title": "go-GIN入门到....(持续更新中)",
-    "description": "go-GIN入门到....(持续更新中)安装gin参考 {代码...} 设置环境变量 {代码...} gin {代码...} 快速开始创建文件 {代码...} 运行文件 {代码...} 路由无参数 {代码...} {代码...} 动态路由 {代码...} {代码...} 带Qu...",
-    "url": "https://segmentfault.com/a/1190000042631567",
-    "author": "BewaterMyfriends",
-    "home_url": "https://segmentfault.com/u/bewatermyfriends",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "深入理解JavaScript——闭包",
-    "description": "网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等",
-    "url": "https://segmentfault.com/a/1190000042643748",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "2",
     "rank": 21
   },
   {
-    "title": "js常用方法梳理",
-    "description": "1、将下标转为中文零一二三... {代码...} 2、判断整数的不同方法 {代码...} 3、dom节点平滑滚动到可视区域，顶部，底部原生的scrollTo方法没有动画，类似于锚点跳转，比较生硬，可以通过这个方法会自带平滑的过度...",
-    "url": "https://segmentfault.com/a/1190000042632971",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "3",
+    "title": "从0到1设计通用数据大屏搭建平台",
+    "description": "一直以来，许多产品平台都在尝试通过可视化搭建的手段来降低 GUI 应用的研发门槛，提高生产效率。随着我们业务的发展，数据建设的完善，用户对于数据可视化的诉求也日益增多，而数据大屏是数据可视化的其中一种展...",
+    "url": "https://segmentfault.com/a/1190000042612266",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "4",
     "rank": 22
   },
   {
-    "title": "面试官：深度不够，建议回去深挖",
-    "description": "从刚面试的问题回答中，能看得出你用了不少拙力背了不少题。直接拿这些技术点问，你可以回答。但同样是这些技术点，我换个场景来问用到了什么技术，你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...",
-    "url": "https://segmentfault.com/a/1190000042630604",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "title": "golang中的切片",
+    "description": "在go中切片的底层是数组，所以切片的数据连续存储在数组的数据结构中。如果底层的数组满了，切片还需要添加元素的话，底层数组就需要扩容。如果底层数组几乎为空时，就会缩容。",
+    "url": "https://segmentfault.com/a/1190000042659118",
+    "author": "liuyuede",
+    "home_url": "https://segmentfault.com/u/liuyuede123",
     "votes": "1",
     "rank": 23
   },
@@ -216,57 +216,57 @@
     "rank": 24
   },
   {
-    "title": "从0到1设计通用数据大屏搭建平台",
-    "description": "一直以来，许多产品平台都在尝试通过可视化搭建的手段来降低 GUI 应用的研发门槛，提高生产效率。随着我们业务的发展，数据建设的完善，用户对于数据可视化的诉求也日益增多，而数据大屏是数据可视化的其中一种展...",
-    "url": "https://segmentfault.com/a/1190000042612266",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "4",
+    "title": "js常用方法梳理",
+    "description": "1、将下标转为中文零一二三... {代码...} 2、判断整数的不同方法 {代码...} 3、dom节点平滑滚动到可视区域，顶部，底部原生的scrollTo方法没有动画，类似于锚点跳转，比较生硬，可以通过这个方法会自带平滑的过度...",
+    "url": "https://segmentfault.com/a/1190000042632971",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "3",
     "rank": 25
   },
   {
-    "title": "VS Code For Web 深入浅出 -- 进程间通信篇",
-    "description": "在上一篇中，我们一起分析了 VS Code 整体的代码架构，了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web，后端是本地还是云端，其调用方式并无不同。",
-    "url": "https://segmentfault.com/a/1190000042653911",
-    "author": "Duang",
-    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
-    "votes": "2",
+    "title": "go-GIN入门到....(持续更新中)",
+    "description": "go-GIN入门到....(持续更新中)安装gin参考 {代码...} 设置环境变量 {代码...} gin {代码...} 快速开始创建文件 {代码...} 运行文件 {代码...} 路由无参数 {代码...} {代码...} 动态路由 {代码...} {代码...} 带Qu...",
+    "url": "https://segmentfault.com/a/1190000042631567",
+    "author": "BewaterMyfriends",
+    "home_url": "https://segmentfault.com/u/bewatermyfriends",
+    "votes": "1",
     "rank": 26
   },
   {
-    "title": "前端首屏渲染时间的极致优化",
-    "description": "而随着现代 Web 业务可供用户的交互行为越来越多，前端项目的复杂度越来越高，每个页面的渲染时间也必然越来越长，这就导致了用户的体验不佳，用户的操作变慢。",
-    "url": "https://segmentfault.com/a/1190000042636210",
-    "author": "Duang",
-    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
-    "votes": "4",
+    "title": "Vue3响应式助你轻松实现国际化",
+    "description": "本文为Varlet组件库源码主题阅读系列第十篇，也是最后一篇，读完本篇，可以了解到如何通过创建一个Vue3响应式对象就可以轻松实现国际化的需求。",
+    "url": "https://segmentfault.com/a/1190000042659070",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "SegmentFault 2022 年社区周报 Vol.11",
-    "description": "hello，大家好呀，周二来到，本喵报道🙋又是新的一周开始，话不多说，一起来看看近期发生了哪些事儿～社区活动本周活动：致「独一无二」的你｜1024 程序员节系列活动仍在火热进行中！第一站：用代码 DIY 你的专属...",
-    "url": "https://segmentfault.com/a/1190000042638725",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "面试官：深度不够，建议回去深挖",
+    "description": "从刚面试的问题回答中，能看得出你用了不少拙力背了不少题。直接拿这些技术点问，你可以回答。但同样是这些技术点，我换个场景来问用到了什么技术，你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...",
+    "url": "https://segmentfault.com/a/1190000042630604",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "迟迟没学会grid，是因为你没理解flex",
-    "description": "我先问 2 个问题：你是不是用主轴-交叉轴/辅轴/副轴的概念理解 flex你是不是也用这个概念去理解 grid如果你是用这种方式理解的 flex，那听我慢慢道来今天我打破你对 flex 的理解打碎对 flex 理解display: grid 和...",
-    "url": "https://segmentfault.com/a/1190000042627871",
-    "author": "uccs",
-    "home_url": "https://segmentfault.com/u/tiantian_5ada7e81e50d7",
-    "votes": "1",
+    "title": "如何实现一个丝滑的点击水波效果",
+    "description": "本文为Varlet组件库源码主题阅读系列第九篇，读完本篇，可以了解到如何使用一个div创建一个点击的水波效果。Varlet组件库提供了一个使元素点击时生成水波扩散效果的指令： {代码...} 接下来就从源码角度看看它是...",
+    "url": "https://segmentfault.com/a/1190000042659025",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "MyBatis-Plus同款Elasticsearch ORM框架，用起来够优雅！",
-    "description": "使用过Spring Data操作ES的小伙伴应该有所了解，它只能实现一些非常基本的数据管理工作，一旦遇到稍微复杂点的查询，基本都要依赖ES官方提供的RestHighLevelClient，Spring Data只是在其基础上进行了简单的封装。...",
-    "url": "https://segmentfault.com/a/1190000042635525",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "1",
+    "title": "前端首屏渲染时间的极致优化",
+    "description": "而随着现代 Web 业务可供用户的交互行为越来越多，前端项目的复杂度越来越高，每个页面的渲染时间也必然越来越长，这就导致了用户的体验不佳，用户的操作变慢。",
+    "url": "https://segmentfault.com/a/1190000042636210",
+    "author": "Duang",
+    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
+    "votes": "4",
     "rank": 30
   }
 ]