@wcj/github-rank 22.4.10 → 22.4.11

package/dist/sifou-daily.json

@@ -1,11 +1,65 @@
 [
   {
-    "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
-    "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
-    "url": "https://segmentfault.com/a/1190000041679573",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "2",
+    "title": "加速Spring现代化，我们做了什么？",
+    "description": "大约3年前，在意识到开发人员、IT 运营商和 DevOps 团队在大规模运行 Spring Boot 应用程序时面临的常见挑战后，我们开始联合VMware积极寻求解决方案，推出了Azure Spring Cloud。从那时起，我们有机会与许多客户...",
+    "url": "https://segmentfault.com/a/1190000041677321",
+    "author": "微软技术栈",
+    "home_url": "https://segmentfault.com/u/mstech",
+    "votes": "1",
     "rank": 1
+  },
+  {
+    "title": "一些关于react的keep-alive功能相关知识在这里(下)",
+    "description": "比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。",
+    "url": "https://segmentfault.com/a/1190000041683421",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "1",
+    "rank": 2
+  },
+  {
+    "title": "一些关于react的keep-alive功能相关知识在这里(上)",
+    "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
+    "url": "https://segmentfault.com/a/1190000041683300",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "1",
+    "rank": 3
+  },
+  {
+    "title": "【Go进阶—基础特性】panic 和 recover",
+    "description": "panic 和 recover 也是常用的关键字，这两个关键字与上一篇提到的 defer 联系很紧密。用一句话总结就是：调用 panic 后会立刻停止执行当前函数的剩余代码，并在当前 Goroutine 中递归执行调用方的 defer；而 reco...",
+    "url": "https://segmentfault.com/a/1190000041682877",
+    "author": "与昊",
+    "home_url": "https://segmentfault.com/u/yu_5e842f4043ba6",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "Uint8Array 我TM谢谢你不报错哦",
+    "description": "为了节约内存, 对参数化数据的typedArray进行了判断选择 {代码...} 在进行合批操作时，合并所有的顶点、索引和Uv数据 {代码...} OK, 这时候就出现了问题，反正就是绘制不对，很奇怪的形状在索引、顶点、法线中，...",
+    "url": "https://segmentfault.com/a/1190000041682087",
+    "author": "undefined",
+    "home_url": "https://segmentfault.com/u/chendongyuan",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "实现一个自己的语法解析器与执行引擎",
+    "description": "项目地址[链接]支持解析js脚本生成语法树、格式化代码支持运行完整js脚本支持安全模式运行单行表达式支持设置超时时间1. 生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 2. 运行完整脚本以下示例...",
+    "url": "https://segmentfault.com/a/1190000041681791",
+    "author": "辣子鸡",
+    "home_url": "https://segmentfault.com/u/laziji",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "几个一看就会的实用JavaScript优雅小技巧🌟",
+    "description": "☀️ 前言大家好我是小卢，在工作中我们经常可以通过一些小细节来增加代码可读性，让代码看起来更加优雅。这次我就给大家分享一些一看就会的实用JavaScript优雅小技巧。难度：🌟 推荐阅读时长:5min😎 正片减少if...el...",
+    "url": "https://segmentfault.com/a/1190000041681009",
+    "author": "快跑啊小卢_",
+    "home_url": "https://segmentfault.com/u/_61f73c54062fa",
+    "votes": "1",
+    "rank": 7
   }
 ]

package/dist/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041549883",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "44",
+    "votes": "45",
     "rank": 2
   },
   {
@@ -71,6 +71,15 @@
     "votes": "24",
     "rank": 8
   },
+  {
+    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
+    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
+    "url": "https://segmentfault.com/a/1190000041634906",
+    "author": "WonderfulSoap",
+    "home_url": "https://segmentfault.com/u/wonderfulsoap",
+    "votes": "21",
+    "rank": 9
+  },
   {
     "title": "我们是如何解决偶发性的502错误的",
     "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
@@ -78,15 +87,6 @@
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "14",
-    "rank": 9
-  },
-  {
-    "title": "Go 1.18 泛型全面讲解：一篇讲清泛型的全部",
-    "description": "可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在Go1.18中被废弃或发生了更改。并且很多介绍Go1.18泛型的文章(包括官方的)都...",
-    "url": "https://segmentfault.com/a/1190000041634906",
-    "author": "WonderfulSoap",
-    "home_url": "https://segmentfault.com/u/wonderfulsoap",
-    "votes": "20",
     "rank": 10
   },
   {
@@ -95,7 +95,7 @@
     "url": "https://segmentfault.com/a/1190000041627230",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "18",
+    "votes": "19",
     "rank": 11
   },
   {
@@ -197,6 +197,15 @@
     "votes": "15",
     "rank": 22
   },
+  {
+    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
+    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
+    "url": "https://segmentfault.com/a/1190000041661094",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "13",
+    "rank": 23
+  },
   {
     "title": "了不起的Chrome浏览器（13）：Chrome 100支持多屏应用了！",
     "description": "Deprecate the document.domain setter是一个影响很大的breaking change，请大家务必注意排查风险。计划于今年9月份发布的Chrome 106将不再支持通过修改document.domain来绕开同源策略（same origin policy）的限...",
@@ -204,7 +213,7 @@
     "author": "寒雁",
     "home_url": "https://segmentfault.com/u/kiwenlau",
     "votes": "9",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "什么是 LRU 算法？",
@@ -213,7 +222,7 @@
     "author": "Shenfq",
     "home_url": "https://segmentfault.com/u/shenfq",
     "votes": "10",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "卡颂：30岁程序员选择躺平",
@@ -222,7 +231,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "按照 Promise/A+ 规范逐行注释并实现 Promise",
@@ -231,7 +240,7 @@
     "author": "Asheng",
     "home_url": "https://segmentfault.com/u/ashengtan",
     "votes": "10",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "数据库与缓存双写一致性",
@@ -240,7 +249,7 @@
     "author": "超大只乌龟",
     "home_url": "https://segmentfault.com/u/chenwugui",
     "votes": "13",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "介绍 4个很  Nice 的 Veu 路由过渡动效！",
@@ -249,24 +258,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 28
-  },
-  {
-    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
-    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
-    "url": "https://segmentfault.com/a/1190000041661094",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
     "rank": 29
   },
   {
-    "title": "从0到1教你在AWS中部署动态网站Typecho系统",
-    "description": "Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署Typecho到aws上的过程。",
-    "url": "https://segmentfault.com/a/1190000041598952",
-    "author": "沈唁",
-    "home_url": "https://segmentfault.com/u/sy_records",
-    "votes": "10",
+    "title": "巧用 background-clip 实现超强的文字动效",
+    "description": "最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...",
+    "url": "https://segmentfault.com/a/1190000041666096",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
     "rank": 30
   }
 ]

package/dist/sifou-weekly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "我们是如何解决偶发性的502错误的",
-    "description": "从ingress的监控中心，我们看到，失败率虽然不高，但始终保持在0.05到0.1的水平：我们用这样的条件去查询，发现绝大部分错误是502错误： {代码...} 那么502错误到底是个什么错误呢？百度百科给出的解释是：502 Ba...",
-    "url": "https://segmentfault.com/a/1190000041651450",
-    "author": "张京",
-    "home_url": "https://segmentfault.com/u/fengerzh",
-    "votes": "14",
-    "rank": 1
-  },
   {
     "title": "还在使用定时器吗？CSS 也能实现电子时钟",
     "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
     "url": "https://segmentfault.com/a/1190000041661094",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
-    "rank": 2
+    "votes": "13",
+    "rank": 1
   },
   {
     "title": "巧用 background-clip 实现超强的文字动效",
@@ -23,8 +14,8 @@
     "url": "https://segmentfault.com/a/1190000041666096",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
-    "rank": 3
+    "votes": "15",
+    "rank": 2
   },
   {
     "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
@@ -32,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000041668070",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "8",
-    "rank": 4
+    "votes": "9",
+    "rank": 3
   },
   {
     "title": "10个有用的自定义钩子vue.js",
@@ -41,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041598901",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "10",
-    "rank": 5
+    "votes": "11",
+    "rank": 4
   },
   {
     "title": "2022 招聘季 ｜ 面试了一个月，我经历了什么",
@@ -51,16 +42,7 @@
     "author": "程序员海军",
     "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
     "votes": "7",
-    "rank": 6
-  },
-  {
-    "title": "Koa2从零到脚手架",
-    "description": "由 Express 原班人马打造的新生代 Node.js Web 框架，它的代码很简单，没有像 Express 那样，提供路由、静态服务等等，它是为了解决 Node 问题（简化了 Node 中操作）并取代之，它本身是一个简单的中间件框架，需...",
-    "url": "https://segmentfault.com/a/1190000041654130",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "5",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "10个很棒的 JavaScript 字符串技巧",
@@ -68,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041659427",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "7",
-    "rank": 8
+    "votes": "8",
+    "rank": 6
   },
   {
     "title": "一键安装团队推荐的 vscode 插件",
@@ -77,17 +59,8 @@
     "url": "https://segmentfault.com/a/1190000041661941",
     "author": "亖混子",
     "home_url": "https://segmentfault.com/u/1023",
-    "votes": "6",
-    "rank": 9
-  },
-  {
-    "title": "面试周连续剧之轻车熟路",
-    "description": "接着上一篇文章继续聊面试经历，通过前两天的面试经历，以及不断总结完善自己的知识储备，又系统性的准备了一下前端面试知识点，应对一般的面试已经不成问题，可以说自己已经有了“反客为主”的能力，那么马上开启...",
-    "url": "https://segmentfault.com/a/1190000041659228",
-    "author": "三掌柜",
-    "home_url": "https://segmentfault.com/u/sanzhanggui",
-    "votes": "3",
-    "rank": 10
+    "votes": "7",
+    "rank": 7
   },
   {
     "title": "Module Federation在客服工单业务中的最佳实践",
@@ -95,17 +68,17 @@
     "url": "https://segmentfault.com/a/1190000041675548",
     "author": "得物技术",
     "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "2",
-    "rank": 11
+    "votes": "3",
+    "rank": 8
   },
   {
-    "title": "面试周连续剧之奇葩遭遇",
-    "description": "接着上一篇文章继续聊面试经历，通过前三天的面试经历，梳理总结一下，虽然拿到了三个offer，但是约过的面试还要继续，这是自己的原则，不能随便放别人鸽子，要有面试节操。在分享今天的面试经历的同时，顺便总结...",
-    "url": "https://segmentfault.com/a/1190000041669762",
+    "title": "面试周连续剧之轻车熟路",
+    "description": "接着上一篇文章继续聊面试经历，通过前两天的面试经历，以及不断总结完善自己的知识储备，又系统性的准备了一下前端面试知识点，应对一般的面试已经不成问题，可以说自己已经有了“反客为主”的能力，那么马上开启...",
+    "url": "https://segmentfault.com/a/1190000041659228",
     "author": "三掌柜",
     "home_url": "https://segmentfault.com/u/sanzhanggui",
     "votes": "3",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "冴羽答读者问：何时能够像你一样优秀？",
@@ -113,17 +86,8 @@
     "url": "https://segmentfault.com/a/1190000041664148",
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "2",
-    "rank": 13
-  },
-  {
-    "title": "从零开始 实现一个自己的脚本引擎",
-    "description": "项目地址[链接]支持解析js脚本生成语法树、格式化代码支持运行完整js脚本支持安全模式运行单行表达式支持设置超时时间1. 生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 2. 运行完整脚本以下示例...",
-    "url": "https://segmentfault.com/a/1190000041652146",
-    "author": "辣子鸡",
-    "home_url": "https://segmentfault.com/u/laziji",
-    "votes": "3",
-    "rank": 14
+    "votes": "4",
+    "rank": 10
   },
   {
     "title": "带码农《手写Mybatis》进度3：实现映射器的注册和使用",
@@ -131,8 +95,26 @@
     "url": "https://segmentfault.com/a/1190000041665600",
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "2",
-    "rank": 15
+    "votes": "3",
+    "rank": 11
+  },
+  {
+    "title": "面试周连续剧之奇葩遭遇",
+    "description": "接着上一篇文章继续聊面试经历，通过前三天的面试经历，梳理总结一下，虽然拿到了三个offer，但是约过的面试还要继续，这是自己的原则，不能随便放别人鸽子，要有面试节操。在分享今天的面试经历的同时，顺便总结...",
+    "url": "https://segmentfault.com/a/1190000041669762",
+    "author": "三掌柜",
+    "home_url": "https://segmentfault.com/u/sanzhanggui",
+    "votes": "3",
+    "rank": 12
+  },
+  {
+    "title": "约束前端项目中的目录和文件名",
+    "description": "好的目录设计架构就成功了一半 --- 如何约束项目中的目录和文件名编程中命名规范有：camelCase (驼峰命名法)PascalCase (帕斯卡命名法，又名大驼峰命名法)snake_case (下划线命名法)kebab-case (中划线命名法)Hun...",
+    "url": "https://segmentfault.com/a/1190000041664954",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "3",
+    "rank": 13
   },
   {
     "title": "如何写出高性能代码(二)巧用数据特性",
@@ -141,71 +123,98 @@
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
     "votes": "3",
-    "rank": 16
+    "rank": 14
   },
   {
-    "title": "约束前端项目中的目录和文件名",
-    "description": "好的目录设计架构就成功了一半 --- 如何约束项目中的目录和文件名编程中命名规范有：camelCase (驼峰命名法)PascalCase (帕斯卡命名法，又名大驼峰命名法)snake_case (下划线命名法)kebab-case (中划线命名法)Hun...",
-    "url": "https://segmentfault.com/a/1190000041664954",
+    "title": "通过 .vscode/settings.json  无感知控制成员的 vscode 表现",
+    "description": "通过在项目根目录下新增 .vscode/setings.json 文件，可以做到项目成员的 vscode 表现一致。常见的需求有保存文件自动 fix，保存自动格式化代码等。为了尊重成员的个性化需求，不要对主题、字体等做控制。",
+    "url": "https://segmentfault.com/a/1190000041667869",
     "author": "亖混子",
     "home_url": "https://segmentfault.com/u/1023",
     "votes": "2",
-    "rank": 17
+    "rank": 15
   },
   {
-    "title": "Spring Security 一键接入验证码登录和小程序登录",
-    "description": "最近实现了一个多端登录的Spring Security组件，用起来非常丝滑，开箱即用，可插拔，而且灵活性非常强。我觉得能满足大部分场景的需要。目前完成了手机号验证码和微信小程序两种自定义登录，加上默认的Form登录，...",
-    "url": "https://segmentfault.com/a/1190000041651786",
-    "author": "码农小胖哥",
-    "home_url": "https://segmentfault.com/u/10000000",
+    "title": "一个前端所期待的 Mock 功能都是什么样的？",
+    "description": "大家好呀，我是一名苦逼的前端开发工程师，为啥苦逼呢，这不，项目下周就要上线了，但是后端还没给我接口，没有接口我就无法调试，工作停滞不前，我也只能坐着干着急。",
+    "url": "https://segmentfault.com/a/1190000041673801",
+    "author": "shanyue",
+    "home_url": "https://segmentfault.com/u/xiange",
     "votes": "2",
+    "rank": 16
+  },
+  {
+    "title": "JavaScript的几种继承方式",
+    "description": "这篇文章称为笔记更为合适一些，内容来源于 《JavaScript高级程序设计 (第三版)》第六章 6.3 继承JavaScript的几种继承方式原型链继承借助构造函数继承（经典继承）组合继承：原型链 + 借用构造函数（最常用）原...",
+    "url": "https://segmentfault.com/a/1190000041657343",
+    "author": "OneStar",
+    "home_url": "https://segmentfault.com/u/funnycoderstar",
+    "votes": "4",
+    "rank": 17
+  },
+  {
+    "title": "Mobx 源码与设计思想",
+    "description": "由于装饰器在 ES 里还处于提案中且各阶段的装饰器行为不一致，故 mobx 6.x 起就淘汰了装饰器的写法（也可以手动开启），本文的源码分析基于 mobx 5.x 版本（所述原理与 6.x 一模一样），此时装饰器基于 babel",
+    "url": "https://segmentfault.com/a/1190000041659167",
+    "author": "Sadhu",
+    "home_url": "https://segmentfault.com/u/sadhuji",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "聊聊mysql的树形结构存储及查询",
-    "description": "序本文主要研究一下mysql的树形结构存储及查询存储parent这种方式就是每个节点存储自己的parent_id信息建表及数据准备 {代码...} 查询 {代码...} 存储及修改上比较方便，就是要在sql里头查询树比较费劲，一般是加...",
-    "url": "https://segmentfault.com/a/1190000041654734",
-    "author": "codecraft",
-    "home_url": "https://segmentfault.com/u/codecraft",
+    "title": "带你十天轻松搞定 Go 微服务之大结局（分布式事务）",
+    "description": "序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪分布式事务（本文）...",
+    "url": "https://segmentfault.com/a/1190000041672842",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "2",
     "rank": 19
   },
   {
-    "title": "聊聊mysql的单列多值存储",
-    "description": "序本文主要研究一下mysql如何用一个列来存储多个值实例用bit类型建表及数据准备 {代码...} 位运算查询 {代码...} 更新 {代码...} 用int/bigint类型建表及数据准备 {代码...} 查询 {代码...} 更新 {代码...} 用var...",
-    "url": "https://segmentfault.com/a/1190000041651455",
-    "author": "codecraft",
-    "home_url": "https://segmentfault.com/u/codecraft",
+    "title": "Tauri 与 Electron",
+    "description": "Tauri 是一个为所有主流桌面平台构建小型、快速二进制文件的框架。开发人员可以集成任何编译成 HTML、 JS 和 CSS 的前端框架来构建他们的用户界面。应用程序的后端是一个 Rust 二进制文件，具有前端可以与之交互...",
+    "url": "https://segmentfault.com/a/1190000041677438",
+    "author": "江辰",
+    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
     "votes": "2",
     "rank": 20
   },
   {
-    "title": "2022年的JavaScript开发工具",
-    "description": "原文：[链接]在2022年，每一位 JS / TS 开发者都应该知道的最重要的开发工具的分类，包括最相关的权衡，以及一些个人建议。在软件工程的世界中，对所使用的工具有一个明确的了解非常重要。但是 JS 工具总是在快速...",
-    "url": "https://segmentfault.com/a/1190000041651441",
-    "author": "戎马",
-    "home_url": "https://segmentfault.com/u/lashoucuijs",
-    "votes": "0",
+    "title": "聊聊mysql的树形结构存储及查询",
+    "description": "序本文主要研究一下mysql的树形结构存储及查询存储parent这种方式就是每个节点存储自己的parent_id信息建表及数据准备 {代码...} 查询 {代码...} 存储及修改上比较方便，就是要在sql里头查询树比较费劲，一般是加...",
+    "url": "https://segmentfault.com/a/1190000041654734",
+    "author": "codecraft",
+    "home_url": "https://segmentfault.com/u/codecraft",
+    "votes": "2",
     "rank": 21
   },
   {
-    "title": "与 Rust 勾心斗角 · 点",
-    "description": "三维世界的原点，就是在三个数轴上的投影为 0 的点。假设三个数轴为 x，y 和 z，则原点在它们上的投影可表示为 x = 0, y = 0, z = 0，用 Rust 代码可表示为",
-    "url": "https://segmentfault.com/a/1190000041652223",
-    "author": "garfileo",
-    "home_url": "https://segmentfault.com/u/garfileo",
-    "votes": "2",
+    "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
+    "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
+    "url": "https://segmentfault.com/a/1190000041679573",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "3",
     "rank": 22
   },
   {
-    "title": "Three.js Sprite源码解析",
-    "description": "本文会讲解一下Three.js(r105)的Sprite，主要包括以下几个方面：简单介绍和使用Sprite的Geometry始终朝向相机原理解析大小不变原理解析简单介绍和使用在项目中，我主要会使用Sprite创建一些三维场景中的标签。下...",
-    "url": "https://segmentfault.com/a/1190000041644858",
-    "author": "luckness",
-    "home_url": "https://segmentfault.com/u/luckness",
+    "title": "vscode插件编写体验-右键菜单",
+    "description": "首先，我的需求是插件能在编辑器上，当我选择文本时右键有转换的操作按键，可以点击触发将选中的内容进行识别，如果是rgba就换算成hex，如果是hex就换算成rgba",
+    "url": "https://segmentfault.com/a/1190000041672434",
+    "author": "Dont",
+    "home_url": "https://segmentfault.com/u/dont",
     "votes": "1",
     "rank": 23
   },
+  {
+    "title": "带你十天轻松搞定 Go 微服务系列（九、链路追踪）",
+    "description": "序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪（本文）分布式事务...",
+    "url": "https://segmentfault.com/a/1190000041667803",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "2",
+    "rank": 24
+  },
   {
     "title": "Go 1.18：工作区模式workspace mode",
     "description": "Go 1.18除了引入泛型(generics)、模糊测试(Fuzzing)之外，另外一个重大功能是引入了工作区模式(workspace mode)。",
@@ -213,44 +222,44 @@
     "author": "coding进阶",
     "home_url": "https://segmentfault.com/u/c9eulmav",
     "votes": "2",
-    "rank": 24
-  },
-  {
-    "title": "JavaScript的几种继承方式",
-    "description": "这篇文章称为笔记更为合适一些，内容来源于 《JavaScript高级程序设计 (第三版)》第六章 6.3 继承JavaScript的几种继承方式原型链继承借助构造函数继承（经典继承）组合继承：原型链 + 借用构造函数（最常用）原...",
-    "url": "https://segmentfault.com/a/1190000041657343",
-    "author": "OneStar",
-    "home_url": "https://segmentfault.com/u/funnycoderstar",
-    "votes": "3",
     "rank": 25
   },
   {
-    "title": "如何写出高性能代码(一)善用算法和数据结构",
-    "description": "同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；十倍程序员不...",
-    "url": "https://segmentfault.com/a/1190000041653423",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
+    "title": "BI系统打包Docker镜像及容器化部署的具体实现",
+    "description": "在过去的几年中，\"云\"作为明星热词站在了各种新潮技术之中，你可能使用过，但说不清它的原理；或者是没用过，但听过它的大名；也可能连它的名字都没听过，但你对这只蓝色鲸鱼一定十分眼熟。作为一名技...",
+    "url": "https://segmentfault.com/a/1190000041668681",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
     "rank": 26
   },
   {
-    "title": "通过 .vscode/settings.json  无感知控制成员的 vscode 表现",
-    "description": "通过在项目根目录下新增 .vscode/setings.json 文件，可以做到项目成员的 vscode 表现一致。常见的需求有保存文件自动 fix，保存自动格式化代码等。为了尊重成员的个性化需求，不要对主题、字体等做控制。",
-    "url": "https://segmentfault.com/a/1190000041667869",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "2",
+    "title": "Vue3+TS+VueI18n国际化问题",
+    "description": "Vue3 + TS + VueI18n(9.2.0)国际化时，在<script setup>中直接使用t('Common.pleaseChoose')时，发现值为空串的问题",
+    "url": "https://segmentfault.com/a/1190000041667112",
+    "author": "聆听TS",
+    "home_url": "https://segmentfault.com/u/tingts_61d5c985ae050",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "一个前端所期待的 Mock 功能都是什么样的？",
-    "description": "大家好呀，我是一名苦逼的前端开发工程师，为啥苦逼呢，这不，项目下周就要上线了，但是后端还没给我接口，没有接口我就无法调试，工作停滞不前，我也只能坐着干着急。",
-    "url": "https://segmentfault.com/a/1190000041673801",
-    "author": "shanyue",
-    "home_url": "https://segmentfault.com/u/xiange",
-    "votes": "1",
+    "title": "深入剖析 RocketMQ 源码 - 负载均衡机制",
+    "description": "RocketMQ是一款优秀的分布式消息中间件，在各方面的性能都比目前已有的消息队列要好，RocketMQ默认采用长轮询的拉模式， 单机支持千万级别的消息堆积，可以非常好的应用在海量消息系统中。",
+    "url": "https://segmentfault.com/a/1190000041666062",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "2",
     "rank": 28
   },
+  {
+    "title": "SQL grouping",
+    "description": "SQL grouping 解决 OLAP 场景总计与小计问题，其语法分为几类，但要解决的是同一个问题：ROLLUP 与 CUBE 是封装了规则的 GROUPING SETS，而 GROUPING SETS 则是最原始的规则。为了方便理解，让我们从一个问题入手...",
+    "url": "https://segmentfault.com/a/1190000041659868",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "0",
+    "rank": 29
+  },
   {
     "title": "带你十天轻松搞定 Go 微服务系列（七）",
     "description": "序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证（本文）服务监控链路追踪分布式事务...",
@@ -258,15 +267,6 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "1",
-    "rank": 29
-  },
-  {
-    "title": "秒建炫酷的开源项目文档，这款神器用起来够优雅！",
-    "description": "学习过我的开源项目mall的朋友应该知道，我有一个使用Docsify搭建的项目文档网站。使用Docsify搭建文档网站虽然简单，但是缺少分类、标签、SEO这类功能，随着文档越来越多，查找起来有点不方便！今天给大家推荐一...",
-    "url": "https://segmentfault.com/a/1190000041666115",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "1",
     "rank": 30
   }
 ]