@wcj/github-rank 22.9.26 → 22.9.27

package/web/data/sifou-daily.json

@@ -1,11 +1,29 @@
 [
   {
-    "title": "分布式链路追踪体验-skywalking框架入门",
-    "description": "旁友，你的线上服务是不是偶尔来个超时，或者突然抖动一下，造成用户一堆反馈投诉。然后你费了九牛二虎之力，查了一圈圈代码和日志才总算定位到问题原因了。或者公司内部有链路追踪系统，虽然可以很轻松地通过监...",
-    "url": "https://segmentfault.com/a/1190000042543277",
-    "author": "卷福同学",
-    "home_url": "https://segmentfault.com/u/longbig",
-    "votes": "1",
+    "title": "在 Vue 中，使用 $attrs 构建高级组件",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042472592",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 1
+  },
+  {
+    "title": "一万小时真的能成为专家吗？",
+    "description": "今天不聊具体的技术问题，聊一聊个人成长的问题，大家可能对一万小时定律耳熟能详了， 作家格拉德威尔在《异类》一书中说道：“人们眼中的天才之所以卓越非凡，并非天资超人一等，而是付出了持续不断...",
+    "url": "https://segmentfault.com/a/1190000042545387",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
+    "votes": "2",
+    "rank": 2
+  },
+  {
+    "title": "知乎疯转上万次的Spring Security手册及源码笔记",
+    "description": "Spring是非常流行和成功的Java应用开发框架，SpringSecurity正是Spring家族中的成员。SpringSecurity基于Spring框架，提供了一套Web应用安全性的完整解决方案。正如你可能知道的关于安全方面的两个主要区域是“认...",
+    "url": "https://segmentfault.com/a/1190000042544648",
+    "author": "Java架构师",
+    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
+    "votes": "1",
+    "rank": 3
   }
 ]

package/web/data/sifou-monthly.json

@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042475578",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
+    "votes": "21",
     "rank": 3
   },
   {
@@ -62,6 +62,15 @@
     "votes": "11",
     "rank": 7
   },
+  {
+    "title": "使用 SVG 生成带标识的 favicon",
+    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
+    "url": "https://segmentfault.com/a/1190000042435536",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "10",
+    "rank": 8
+  },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
     "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
@@ -69,7 +78,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -78,7 +87,7 @@
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "11",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -87,7 +96,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "8",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -96,7 +105,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 11
+    "rank": 12
   },
   {
     "title": "盘点一些好用的 JS 单行代码",
@@ -105,16 +114,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "13",
-    "rank": 12
+    "rank": 13
   },
   {
-    "title": "使用 SVG 生成带标识的 favicon",
-    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
-    "url": "https://segmentfault.com/a/1190000042435536",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "那些你不知道的炫酷按钮交互效果",
+    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
+    "url": "https://segmentfault.com/a/1190000042517595",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "10",
+    "rank": 14
+  },
+  {
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "9",
-    "rank": 13
+    "rank": 15
   },
   {
     "title": "50天用vue3完成了50个web项目，我学到了什么?",
@@ -122,17 +140,17 @@
     "url": "https://segmentfault.com/a/1190000042509082",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "12",
-    "rank": 14
+    "votes": "13",
+    "rank": 16
   },
   {
-    "title": "前端是性能优化(图文并茂，通俗易懂)",
+    "title": "前端性能优化(图文并茂，通俗易懂)",
     "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
     "url": "https://segmentfault.com/a/1190000042529771",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "6",
-    "rank": 15
+    "rank": 17
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -141,7 +159,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 16
+    "rank": 18
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -150,16 +168,25 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 17
+    "rank": 19
   },
   {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "当你 git push 时，极狐GitLab上发生了什么？",
+    "description": "本文来自：李振楠 极狐(GitLab) 研发工程师勇士，你可曾好奇过 Git 和极狐GitLab 是如何工作的？现在，拿起你心爱的 IDE，和我们一起踏上探索之旅吧！基础知识在开始旅程之前，我们需要做三分钟的知识储备，计时...",
+    "url": "https://segmentfault.com/a/1190000042537837",
+    "author": "极狐GitLab",
+    "home_url": "https://segmentfault.com/u/jihu_gitlab",
     "votes": "8",
-    "rank": 18
+    "rank": 20
+  },
+  {
+    "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
+    "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
+    "url": "https://segmentfault.com/a/1190000042535848",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "4",
+    "rank": 21
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -168,7 +195,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "6",
-    "rank": 19
+    "rank": 22
   },
   {
     "title": "图解JS中的事件循环",
@@ -177,7 +204,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "5",
-    "rank": 20
+    "rank": 23
   },
   {
     "title": "精读《SolidJS》",
@@ -186,16 +213,16 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 21
+    "rank": 24
   },
   {
-    "title": "那些你不知道的炫酷按钮交互效果",
-    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
-    "url": "https://segmentfault.com/a/1190000042517595",
+    "title": "近期对前端性能优化的总结",
+    "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
+    "url": "https://segmentfault.com/a/1190000042461022",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "8",
-    "rank": 22
+    "votes": "4",
+    "rank": 25
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -204,7 +231,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 23
+    "rank": 26
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -213,16 +240,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 24
-  },
-  {
-    "title": "近期对前端性能优化的总结",
-    "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
-    "url": "https://segmentfault.com/a/1190000042461022",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "4",
-    "rank": 25
+    "rank": 27
   },
   {
     "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
@@ -231,7 +249,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "7",
-    "rank": 26
+    "rank": 28
   },
   {
     "title": "CSS 有了:has伪类可以做些什么？",
@@ -240,7 +258,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "8",
-    "rank": 27
+    "rank": 29
   },
   {
     "title": "新时代布局新特性 -- 容器查询",
@@ -249,24 +267,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "7",
-    "rank": 28
-  },
-  {
-    "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
-    "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
-    "url": "https://segmentfault.com/a/1190000042535848",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
-    "rank": 29
-  },
-  {
-    "title": "微信小程序转为App并上架应用市场",
-    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
-    "url": "https://segmentfault.com/a/1190000042503461",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "4",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -1,37 +1,37 @@
 [
   {
-    "title": "50天用vue3完成了50个web项目，我学到了什么?",
-    "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
-    "url": "https://segmentfault.com/a/1190000042509082",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "12",
+    "title": "那些你不知道的炫酷按钮交互效果",
+    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
+    "url": "https://segmentfault.com/a/1190000042517595",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "10",
     "rank": 1
   },
-  {
-    "title": "前端是性能优化(图文并茂，通俗易懂)",
-    "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
-    "url": "https://segmentfault.com/a/1190000042529771",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "6",
-    "rank": 2
-  },
   {
     "title": "单标签实现复杂的棋盘布局",
     "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
     "url": "https://segmentfault.com/a/1190000042513947",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "votes": "9",
+    "rank": 2
+  },
+  {
+    "title": "前端性能优化(图文并茂，通俗易懂)",
+    "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
+    "url": "https://segmentfault.com/a/1190000042529771",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "6",
     "rank": 3
   },
   {
-    "title": "那些你不知道的炫酷按钮交互效果",
-    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
-    "url": "https://segmentfault.com/a/1190000042517595",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "title": "当你 git push 时，极狐GitLab上发生了什么？",
+    "description": "本文来自：李振楠 极狐(GitLab) 研发工程师勇士，你可曾好奇过 Git 和极狐GitLab 是如何工作的？现在，拿起你心爱的 IDE，和我们一起踏上探索之旅吧！基础知识在开始旅程之前，我们需要做三分钟的知识储备，计时...",
+    "url": "https://segmentfault.com/a/1190000042537837",
+    "author": "极狐GitLab",
+    "home_url": "https://segmentfault.com/u/jihu_gitlab",
     "votes": "8",
     "rank": 4
   },
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000042535848",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
+    "votes": "4",
     "rank": 5
   },
   {
@@ -54,11 +54,11 @@
     "rank": 6
   },
   {
-    "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
-    "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
-    "url": "https://segmentfault.com/a/1190000042509388",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
+    "url": "https://segmentfault.com/a/1190000042531829",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
     "rank": 7
   },
@@ -71,15 +71,6 @@
     "votes": "2",
     "rank": 8
   },
-  {
-    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
-    "url": "https://segmentfault.com/a/1190000042531829",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
-    "rank": 9
-  },
   {
     "title": "停止像这样使用 \"async/await\"，改用原版",
     "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
@@ -87,25 +78,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
-    "rank": 10
-  },
-  {
-    "title": "共码未来：2022 Google 开发者大会亮点回顾",
-    "description": "当前，全球环境正面临着复杂又深刻的变化，而科技创新是数字化浪潮下助力社会不断向前发展的驱动力。用科技和善良创造美好，深耕工程师文化成为越来越多科技企业发展的理念。正如 9 月 14 日刚刚举办的2022 谷歌...",
-    "url": "https://segmentfault.com/a/1190000042509333",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "5",
-    "rank": 11
-  },
-  {
-    "title": "当你 git push 时，极狐GitLab上发生了什么？",
-    "description": "本文来自：李振楠 极狐(GitLab) 研发工程师勇士，你可曾好奇过 Git 和极狐GitLab 是如何工作的？现在，拿起你心爱的 IDE，和我们一起踏上探索之旅吧！基础知识在开始旅程之前，我们需要做三分钟的知识储备，计时...",
-    "url": "https://segmentfault.com/a/1190000042537837",
-    "author": "极狐GitLab",
-    "home_url": "https://segmentfault.com/u/jihu_gitlab",
-    "votes": "6",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚",
@@ -114,16 +87,16 @@
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "2",
-    "rank": 13
+    "rank": 10
   },
   {
-    "title": "新指令 v-memo，提高性能的又一利器",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042442388",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
-    "rank": 14
+    "title": "前端必读2.0：如何在React 中使用SpreadJS导入和导出 Excel 文件",
+    "description": "最近我们公司接到一个客户的需求，要求为正在开发的项目加个功能。项目的前端使用的是React，客户想添加具备Excel 导入/导出功能的电子表格模块。经过几个小时的原型构建后，技术团队确认所有客户需求文档中描述...",
+    "url": "https://segmentfault.com/a/1190000042532828",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
+    "rank": 11
   },
   {
     "title": "Java19的新特性",
@@ -132,7 +105,7 @@
     "author": "codecraft",
     "home_url": "https://segmentfault.com/u/codecraft",
     "votes": "2",
-    "rank": 15
+    "rank": 12
   },
   {
     "title": "基于canvas实现的多功能画板",
@@ -141,7 +114,7 @@
     "author": "LH_S",
     "home_url": "https://segmentfault.com/u/lh_s",
     "votes": "2",
-    "rank": 16
+    "rank": 13
   },
   {
     "title": "前端必读：如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件",
@@ -150,7 +123,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "从useEffect看React、Vue设计理念的不同",
@@ -159,7 +132,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "2",
-    "rank": 18
+    "rank": 15
   },
   {
     "title": "手写一个mini版本的React状态管理工具",
@@ -168,7 +141,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "2",
-    "rank": 19
+    "rank": 16
   },
   {
     "title": "共码未来 | 助力实现事半功倍的前端开发体验",
@@ -177,7 +150,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "共码未来 | 以科技之新见人文之美",
@@ -186,16 +159,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 21
+    "rank": 18
   },
   {
-    "title": "共码未来 | 更全面的开源机器学习生态",
-    "description": "构建机器学习的每个环节都有来自谷歌技术与工具的强力支持 Tensor Projects为开发者们提供了一整套出色且具备协同效应的技术与平台助力开发者开启机器学习的未来之路 跟随 2022 Google 开发者大会的脚步一起探索...",
-    "url": "https://segmentfault.com/a/1190000042512333",
+    "title": "共码未来 | 多维助力企业扬帆起航，制胜海外",
+    "description": "通过丰富的产品和项目支持谷歌与中国开发者同行探索如何扬帆起航，制胜海外支持更多中国开发者和企业在全球舞台上绽放光芒  AdMob 致力于打造灵活，高效，安全的广告平台，依托谷歌的基础架构为开发者提供开展业...",
+    "url": "https://segmentfault.com/a/1190000042533395",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 22
+    "rank": 19
   },
   {
     "title": "共码未来 | 提供运营数据库工作负载的优越平台",
@@ -204,7 +177,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 23
+    "rank": 20
   },
   {
     "title": "爆肝撸了个“羊了个羊”通关助手",
@@ -213,7 +186,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "2",
-    "rank": 24
+    "rank": 21
   },
   {
     "title": "Go 代码风格没人喜欢？不对，Gofmt 是所有人的最爱...",
@@ -222,7 +195,7 @@
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "2",
-    "rank": 25
+    "rank": 22
   },
   {
     "title": "SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？",
@@ -231,16 +204,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 26
-  },
-  {
-    "title": "Go 内存泄漏，pprof 够用了吗？",
-    "description": "文｜朱德江（GitHub ID：doujiang24)MOSN 项目核心开发者、蚂蚁集团技术专家专注于云原生网关研发的相关工作本文 2651 字 阅读 8 分钟MOSN 是主要使用 Go 语言开发的云原生网络代理平台，在蚂蚁集团有着几十万容...",
-    "url": "https://segmentfault.com/a/1190000042510437",
-    "author": "SOFAStack",
-    "home_url": "https://segmentfault.com/u/sofastack",
-    "votes": "1",
-    "rank": 27
+    "rank": 23
   },
   {
     "title": "通用ORM的设计与实现",
@@ -249,24 +213,60 @@
     "author": "zhoutk",
     "home_url": "https://segmentfault.com/u/zhoutk",
     "votes": "1",
+    "rank": 24
+  },
+  {
+    "title": "新提案，初识CSS的object-view-box属性",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042534308",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
+    "rank": 25
+  },
+  {
+    "title": "从前端到全栈 -- 最全面向对象总结",
+    "description": "从事前端的这两年中，也接触了后端领域，像 PHP Node, 并且都用它们做过一些 demo 和 私活 ,站在职业发展道路上来讲，了解后端是好的，自己可以熟练前后的开发流程，整条链路下来，很清晰，懂了后端，在自己以后...",
+    "url": "https://segmentfault.com/a/1190000042517735",
+    "author": "程序员海军",
+    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
+    "votes": "3",
+    "rank": 26
+  },
+  {
+    "title": "微信跳转到支付宝App自动领取赏金红包",
+    "description": "关于支付宝赏金红包这件事，其实已经好几年了，我记得2018年就已经有这个了，当初通过一个链接在微信点击，就会自动跳转到支付宝领取赏金，当初我也写过一篇：[链接] 那一年我的赏金就已经赚了2w多，后来支付宝为...",
+    "url": "https://segmentfault.com/a/1190000042535910",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
+    "votes": "1",
+    "rank": 27
+  },
+  {
+    "title": "面试官：请使用JS实现一个优先队列",
+    "description": "在上个月的四次面试中关于优先队列这种数据结构被问到了两回；还好之前看过部分React源码的scheduler部分对小顶堆有一些理解，模棱两可的说出一部分，现在简单讲讲堆这种数据结构，以及用JS如何实现；",
+    "url": "https://segmentfault.com/a/1190000042515702",
+    "author": "龙骑士尹道长",
+    "home_url": "https://segmentfault.com/u/crow_5c1708a9c847d",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "深入浅出 JavaScript 中的 this",
-    "description": "笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多，让我们...",
-    "url": "https://segmentfault.com/a/1190000042509466",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
+    "title": "超详细的 Angular 国际化方案",
+    "description": "第一次在 Angular 框架上落地国际化方案，将 Eoapi 的经验分享给大家～1. 项目背景需要支持 Web 和 Electron 桌面端技术栈Angular 14Electron 19NG-ZORR 13.0.62. 可能遇到的困难各语言下样式不统一，例如阿拉伯...",
+    "url": "https://segmentfault.com/a/1190000042536913",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
     "votes": "2",
     "rank": 29
   },
   {
-    "title": "精读《State of CSS 2022》",
-    "description": "解决业务代码的 !important 问题。为什么业务代码需要用 !important 解决问题？因为 css 优先级由文件申明顺序有关，而现在大量业务使用动态插入 css 的方案，插入的时机与 js 文件加载与执行时间有关，这就导致...",
-    "url": "https://segmentfault.com/a/1190000042507985",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "3",
+    "title": "神器！你不可错过的几款超牛逼终端工具",
+    "description": "PuTTY 是一款集成虚拟终端、系统控制台和网络文件传输为一体的自由及开放源代码的程序。它支持多种网络协议，包括 SCP，SSH，Telnet，rlogin 和原始的套接字连接。它也可以连接到串行端口。其软件名字“PuTTY”没有...",
+    "url": "https://segmentfault.com/a/1190000042529010",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "1",
     "rank": 30
   }
 ]