@wcj/github-rank 22.9.21 → 22.9.23

package/web/data/sifou-weekly.json

@@ -1,22 +1,4 @@
 [
-  {
-    "title": "还在用定时器吗？借助 CSS 来监听事件",
-    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
-    "url": "https://segmentfault.com/a/1190000042475578",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "18",
-    "rank": 1
-  },
-  {
-    "title": "「多图预警」完美实现一个@功能",
-    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
-    "url": "https://segmentfault.com/a/1190000042481321",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "17",
-    "rank": 2
-  },
   {
     "title": "实现《羊了个羊》的小游戏",
     "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
@@ -24,16 +6,16 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "12",
-    "rank": 3
+    "rank": 1
   },
   {
-    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
-    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
-    "url": "https://segmentfault.com/a/1190000042475152",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "6",
-    "rank": 4
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
+    "rank": 2
   },
   {
     "title": "CSS 有了:has伪类可以做些什么？",
@@ -41,17 +23,17 @@
     "url": "https://segmentfault.com/a/1190000042490237",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "5",
-    "rank": 5
+    "votes": "7",
+    "rank": 3
   },
   {
-    "title": "如何写成高性能的代码（一）：巧用Canvas绘制电子表格",
-    "description": "Canvas是HTML5的标签，是HTML5的一种新特性，又称画板。顾名思义，我们可以将其理解为一块画布，支持在上面绘制矩形、圆形等图形或logo等。需要注意的是，与其他标签不同，Canvas只是一块空画布，其本身是不能绘...",
-    "url": "https://segmentfault.com/a/1190000042487453",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
-    "rank": 6
+    "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": "8",
+    "rank": 4
   },
   {
     "title": "微信小程序转为App并上架应用市场",
@@ -60,25 +42,16 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "3",
-    "rank": 7
-  },
-  {
-    "title": "共码未来丨行业伙伴畅谈 “多端触达”，展望全球技术生态",
-    "description": "各路科技大咖、行业精英与热爱科技的开发者们齐聚 2022 Google 开发者大会共同解锁海量技术干货体验更全面的互动交流收获更丰富的创作灵感合力构建更美好的科技未来！ 致力于帮助开发者打造面对当今和未来的产品...",
-    "url": "https://segmentfault.com/a/1190000042482415",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
-    "rank": 8
+    "rank": 5
   },
   {
-    "title": "共码未来丨2022 Google 谷歌开发者大会主旨演讲亮点回顾",
-    "description": "终于等到你！ 2022 Google 开发者大会今日如约重聚主旨演讲干货新鲜出炉快来一起回顾！谷歌一直积极帮助开发者灵活运用前沿科技，探索创新的方式以解决现实问题，以科技之力应对变化，帮助他人，如 Google 大中华...",
-    "url": "https://segmentfault.com/a/1190000042482325",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
-    "rank": 9
+    "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",
+    "votes": "4",
+    "rank": 6
   },
   {
     "title": "共码未来 | 助力打造现代、高效、流畅的开发体验",
@@ -87,7 +60,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
-    "rank": 10
+    "rank": 7
   },
   {
     "title": "共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！",
@@ -96,52 +69,52 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
-    "rank": 11
+    "rank": 8
   },
   {
-    "title": "新时代布局新特性 -- 容器查询",
-    "description": "而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。",
-    "url": "https://segmentfault.com/a/1190000042475705",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
-    "rank": 12
+    "title": "那些你不知道的炫酷按钮交互效果",
+    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
+    "url": "https://segmentfault.com/a/1190000042517595",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "5",
+    "rank": 9
   },
   {
-    "title": "Taro源码-cli项目创建的过程",
-    "description": "packages/taro-cli/src/cli.ts这个文件的作用就是接受内置命令、分解内置命令、针对不同的内置命令注册对应的命令插件。",
-    "url": "https://segmentfault.com/a/1190000042478842",
-    "author": "perkz",
-    "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
-    "votes": "10",
-    "rank": 13
+    "title": "共码未来：2022 Google 开发者大会亮点回顾",
+    "description": "当前，全球环境正面临着复杂又深刻的变化，而科技创新是数字化浪潮下助力社会不断向前发展的驱动力。用科技和善良创造美好，深耕工程师文化成为越来越多科技企业发展的理念。正如 9 月 14 日刚刚举办的2022 谷歌...",
+    "url": "https://segmentfault.com/a/1190000042509333",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "5",
+    "rank": 10
   },
   {
-    "title": "图解JS中的事件循环",
-    "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...",
-    "url": "https://segmentfault.com/a/1190000042485178",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "3",
-    "rank": 14
+    "title": "借助 :has 实现3d轮播图",
+    "description": "前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...",
+    "url": "https://segmentfault.com/a/1190000042512102",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "2",
+    "rank": 11
   },
   {
-    "title": "共码未来：2022 Google 开发者大会亮点回顾",
-    "description": "当前，全球环境正面临着复杂又深刻的变化，而科技创新是数字化浪潮下助力社会不断向前发展的驱动力。用科技和善良创造美好，深耕工程师文化成为越来越多科技企业发展的理念。正如 9 月 14 日刚刚举办的2022 谷歌...",
-    "url": "https://segmentfault.com/a/1190000042509333",
+    "title": "共码未来 | 助力实现事半功倍的前端开发体验",
+    "description": "谷歌赋能开发者高效开发通过提供简单易用且相互协同的开发工具助力开发者轻松快速的完成开发工作专注于构建用户喜爱的产品 一起来看看有哪些“事半功倍”的工具能够为开发者带来更好的前端开发体验  Flutter: 高效...",
+    "url": "https://segmentfault.com/a/1190000042517434",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 15
+    "rank": 12
   },
   {
-    "title": "聊聊单点登录(SSO)中的CAS认证",
-    "description": "随着企业的发展，一个大型系统里可能包含 n 多子系统, 用户在操作不同的系统时，需要多次登录，很麻烦，我们需要一种全新的登录方式来实现多系统应用群的登录，这就是单点登录。",
-    "url": "https://segmentfault.com/a/1190000042489268",
-    "author": "袋鼠云数栈UED",
-    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
-    "votes": "7",
-    "rank": 16
+    "title": "共码未来 | 以科技之新见人文之美",
+    "description": "科技创新推动社会发展也让人们的生活更便利、更多彩  感受有温度的技术解锁不一样的旅程让我们一起了解谷歌艺术与文化、Google 教育合作所带来的人文之美  谷歌艺术与文化：让艺术焕发新生为让更多艺术瑰宝焕发新...",
+    "url": "https://segmentfault.com/a/1190000042530275",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
+    "rank": 13
   },
   {
     "title": "共码未来 | 更全面的开源机器学习生态",
@@ -150,25 +123,34 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 17
+    "rank": 14
   },
   {
-    "title": "这个开源 api 管理工具终于支持 Websocket 协议测试、插件管理功能了",
-    "description": "距离上一次发布正式版本过了两周，这两周我们在攒一个大功能—— 支持 Websocket 协议测试！长期关注我们的共建者知道，这个功能预告了几万年，真不是我们拖延，是 API 协议实在太多了...有些协议纵横互联网 20 年...",
-    "url": "https://segmentfault.com/a/1190000042479125",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
-    "rank": 18
+    "title": "共码未来 | 提供运营数据库工作负载的优越平台",
+    "description": "云技术可为组织提供敏捷性和差异化功能并帮助节省成本预计今年会有 75% 的数据库迁移至云平台 Google Cloud 助力客户实现现代化从旧的专有数据库迁移至标准化的开源数据库一起来了解相关技术更新吧 AlloyDB for P...",
+    "url": "https://segmentfault.com/a/1190000042528779",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
+    "rank": 15
   },
   {
-    "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": "6",
-    "rank": 19
+    "title": "停止像这样使用 \"async/await\"，改用原版",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042512976",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
+    "rank": 16
+  },
+  {
+    "title": "与小程序的 2M 空间斗智斗勇之图片优化",
+    "description": "现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...",
+    "url": "https://segmentfault.com/a/1190000042507363",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "1",
+    "rank": 17
   },
   {
     "title": "webpack学习：webpack把react编译成weapp",
@@ -177,16 +159,25 @@
     "author": "perkz",
     "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
     "votes": "2",
-    "rank": 20
+    "rank": 18
   },
   {
-    "title": "Vite入门从手写一个乞丐版的Vite开始（下）",
-    "description": "所谓热更新就是修改了文件，不用刷新页面，页面的某个部分就自动更新了，听着似乎挺简单的，但是要实现一个很完善的热更新还是很复杂的，要考虑的情况很多，所以本文只会实现一个最基础的热更新效果。",
-    "url": "https://segmentfault.com/a/1190000042481480",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "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": 19
+  },
+  {
+    "title": "手写一个mini版本的React状态管理工具",
+    "description": "手写一个mini版本的React状态管理工具目前在React中，有很多各式各样的状态管理工具，如：React ReduxMobxHox每一个状态管理工具都有着不尽相同的API和使用方式，而且都有一定的学习成本，而且这些状态管理工具也...",
+    "url": "https://segmentfault.com/a/1190000042517443",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "2",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "分片上传方案",
@@ -194,9 +185,27 @@
     "url": "https://segmentfault.com/a/1190000042501942",
     "author": "lihaixing",
     "home_url": "https://segmentfault.com/u/lihaixing",
-    "votes": "1",
+    "votes": "2",
+    "rank": 21
+  },
+  {
+    "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",
     "rank": 22
   },
+  {
+    "title": "深入浅出 JavaScript 中的 this",
+    "description": "笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多，让我们...",
+    "url": "https://segmentfault.com/a/1190000042509466",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "2",
+    "rank": 23
+  },
   {
     "title": "Java 并发编程解析 | 基于JDK源码解析Java领域中的并发锁，我们可以从中学习到什么内容？",
     "description": "苍穹之边，浩瀚之挚，眰恦之美； 悟心悟性，善始善终，惟善惟道！ —— 朝槿《朝槿兮年说》写在开头在Java领域中, 尤其是在并发编程领域，对于多线程并发执行一直有两大核心问题：同步和互斥。其中：互斥(Mutual Ex...",
@@ -204,33 +213,24 @@
     "author": "mazhilin",
     "home_url": "https://segmentfault.com/u/mazhilin_5c1ceeea5edba",
     "votes": "1",
-    "rank": 23
-  },
-  {
-    "title": "深入理解JavaScript-instanceof——找祖籍",
-    "description": "我们分别在 JavaScript由什么组成 和 JavaScript 中的始皇 两篇文章中讲到了 instanceof，这篇文章好好说说 instanceof什么是 instanceof？MAN 的解释是：instanceof 运算符用于检测构造函数的 prototype 属性是...",
-    "url": "https://segmentfault.com/a/1190000042488074",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "2",
     "rank": 24
   },
   {
-    "title": "Taro源码-项目build一个weapp的过程",
-    "description": "基于Taro3.5.5此前，我们学习了cli创建一个Taro项目，并在packages/taro-cli/bin文件夹下创建了简单的Taro项目appname，接着看一下用Taro项目去build一个微信小程序weapp的过程",
-    "url": "https://segmentfault.com/a/1190000042502058",
-    "author": "perkz",
-    "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
+    "title": "SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？",
+    "description": "运算符重载其实并不是一个常用的功能；因为会改变运算符的语义，比如明明是加法却在重载函数中写为减法。这会使得代码阅读起来困难，但在某些情况下我们又非常希望语言本身能支持运算符重载。比如在 Go 中常用的...",
+    "url": "https://segmentfault.com/a/1190000042513773",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
     "rank": 25
   },
   {
-    "title": "5分钟自建数据库可视化平台，在线管理数据库也太方便了！",
-    "description": "作为程序员，我们经常会使用客户端来管理数据库，但是却很少使用能管理数据库的在线服务。今天给大家推荐一个可以在线可视化管理数据库的开源工具Bytebase，不仅可以方便地管理数据库，还支持SQL审核和备份恢复，...",
-    "url": "https://segmentfault.com/a/1190000042475414",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "1",
+    "title": "新指令 v-memo，提高性能的又一利器",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042442388",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 26
   },
   {
@@ -243,30 +243,21 @@
     "rank": 27
   },
   {
-    "title": "类型体操的9种类型运算、4种类型套路总结",
-    "description": "今天给大家分享的主题是一起来做类型体操。主要分为 4 个部分进行介绍：类型体操的背景，通过背景了解为什么要在项目中加入类型体操；了解类型体操的主要类型、运算逻辑、和类型套路；类型体操实践，解析 TypeScr...",
-    "url": "https://segmentfault.com/a/1190000042489026",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "1",
+    "title": "Taro源码-项目build一个weapp的过程",
+    "description": "基于Taro3.5.5此前，我们学习了cli创建一个Taro项目，并在packages/taro-cli/bin文件夹下创建了简单的Taro项目appname，接着看一下用Taro项目去build一个微信小程序weapp的过程",
+    "url": "https://segmentfault.com/a/1190000042502058",
+    "author": "perkz",
+    "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
+    "votes": "3",
     "rank": 28
   },
   {
-    "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",
-    "votes": "2",
-    "rank": 29
-  },
-  {
-    "title": "js之页面列表加载常用方法总结",
-    "description": "导语：最近由于一些事情需要处理，所以没来得及写技术总结了。今天终于可以坐下来好好的梳理一下脉络，说一下那个在日常前端开发过程中，常用到的页面列表加载的方法总结。这里介绍三种方法，分别是分页加载、按...",
-    "url": "https://segmentfault.com/a/1190000042504944",
-    "author": "MarkGuan",
-    "home_url": "https://segmentfault.com/u/jcguanqi",
+    "title": "从useEffect看React、Vue设计理念的不同",
+    "description": "我们知道，React发布Hooks后，带来了业界一波Hooks热。很多框架（比如Vue Composition API、Solid.js）都借鉴了Hooks的模式。",
+    "url": "https://segmentfault.com/a/1190000042513683",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "1",
-    "rank": 30
+    "rank": 29
   }
 ]

package/web/data/toutiao-30.json

@@ -2,7 +2,7 @@
   {
     "title": "1.8w 字的 SQL 优化大全",
     "description": "↓推荐关注↓分享一篇关于SQL优化的硬核文章，全文有点长，建议收藏后慢慢看。很多朋友在做数据分析时，分析两分钟，跑数两小时？在使用SQL过程中不仅要关注数据结果，同样要注意SQL语...",
-    "votes": "150",
+    "votes": "153",
     "url": "/k/tz7p6nl",
     "avatar": "https://img.toutiao.io/subject/ca32be3cbe13422a9fc08989bf5378d9/thumb",
     "avatarAlt": "文不落 - 独家号",
@@ -12,7 +12,7 @@
   {
     "title": "Redis高可用方案",
     "description": "鉴于上一篇文章提出了，Redis的性能瓶颈在于内存和网络IO上，针对内存上的性能瓶颈，Redis总共采用了三种技术方案，分别是增加内存、内存淘汰策略以及集群。集群不仅解决了内存瓶颈...",
-    "votes": "104",
+    "votes": "106",
     "url": "/k/3hh68yl",
     "avatar": "https://img.toutiao.io/subject/d165ed853e794176806a8cdf2e343338/thumb",
     "avatarAlt": "林晓编程 - 独家号",
@@ -32,7 +32,7 @@
   {
     "title": "公司40k招的架构师写的API网关选型总结，就是牛逼！",
     "description": "文章来源：https://developer.aliyun.com/article/889271?spm=a2c6h.13262185.profile.26.c3a25a75TpX...",
-    "votes": "83",
+    "votes": "85",
     "url": "/k/kyi9yzt",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
@@ -42,7 +42,7 @@
   {
     "title": "常见分布式系统设计图解",
     "description": "",
-    "votes": "75",
+    "votes": "77",
     "url": "/k/osewvaz",
     "avatar": "https://img.toutiao.io/subject/ae2b74c589814b769c1bebad92c2fb9a/thumb",
     "avatarAlt": "架构之美 - 独家号",
@@ -72,7 +72,7 @@
   {
     "title": "微服务网关鉴权：gateway使用、网关限流使用、用户密码加密、JWT鉴权",
     "description": "点击上方“芋道源码”，选择“设为星标”管她前浪，还是后浪？能浪的浪，才是好浪！每天 10:33 更新文章，每天掉亿点点头发...源码精品专栏 原创 | Java 2021 超神之路...",
-    "votes": "73",
+    "votes": "76",
     "url": "/k/rdhhq5d",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
@@ -99,40 +99,30 @@
     "subjectName": "近半生少年",
     "homeUrl": "/subjects/403307"
   },
+  {
+    "title": "聊聊 8种 架构模式",
+    "description": "来源：juejin.cn/post/6844904007438172167傅一平评语：这是一篇很好的普及架构知识的文章，对于非科班出身的技术管理者还是很有实际指导意义，我读了获得感...",
+    "votes": "66",
+    "url": "/k/luf0yh6",
+    "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
+    "avatarAlt": "进击的程序猿 - 独家号",
+    "subjectName": "进击的程序猿",
+    "homeUrl": "/subjects/24912"
+  },
   {
     "title": "Netty、Kafka中的零拷贝技术到底有多牛?",
     "description": "👇推荐大家关注一个公众号👇点击上方 \"编程技术圈\"关注, 星标或置顶一起成长后台回复“大礼包”有惊喜礼包！每日英文Man has to be crazy for once, whe...",
-    "votes": "54",
+    "votes": "57",
     "url": "/k/ussdz4q",
     "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
     "avatarAlt": "乱点技能树 - 独家号",
     "subjectName": "乱点技能树",
     "homeUrl": "/subjects/194141"
   },
-  {
-    "title": "面向对象分析与设计的底层逻辑",
-    "description": "01面向对象是符合人认识事物的基本方法Aliware01人是怎么认识事物的在面向对象出现之前，已有面向过程的分析方法，为什么面向对象被提出了呢？究其本质原因，人们发现面向过程并不是...",
-    "votes": "57",
-    "url": "/k/5x9px3n",
-    "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
-    "avatarAlt": "Bloomingroses - 独家号",
-    "subjectName": "Bloomingroses",
-    "homeUrl": "/subjects/98777"
-  },
-  {
-    "title": "一文彻底理解Go语言栈内存/堆内存",
-    "description": "系列导读本文基于64位平台、1Page=8KB、Go1.6本文为《Go语言轻松进阶》系列第二章「内存与垃圾回收」的第三小节。第二章目录：知识预备指针的大小(完结)TCMalloc内...",
-    "votes": "53",
-    "url": "/k/8csj4gy",
-    "avatar": "https://img.toutiao.io/subject/9164e3cc824f44169e06b1774b815ba5/thumb",
-    "avatarAlt": "TIGERB的技术博客 - 独家号",
-    "subjectName": "TIGERB的技术博客",
-    "homeUrl": "/subjects/77815"
-  },
   {
     "title": "SQL优化万能公式：5 大步骤 + 10 个案例",
     "description": "",
-    "votes": "57",
+    "votes": "60",
     "url": "/k/4p8xa6s",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
@@ -219,6 +209,26 @@
     "subjectName": "柳双六",
     "homeUrl": "/subjects/386862"
   },
+  {
+    "title": "如何设计一个消息中心",
+    "description": "如今的内容型产品，不管提供的是什么类型的内容，在其主功能之外，不可避免的会有另一个十分重要的功能——消息中心。而无论是信息流、论坛、信箱，还是私聊、群聊、通知，推拉模型是内容型（包...",
+    "votes": "45",
+    "url": "/k/yxnahvt",
+    "avatar": "https://img.toutiao.io/subject/f49e289c00224ce994449b70f3c6cd5c/thumb",
+    "avatarAlt": "二进制 - 独家号",
+    "subjectName": "二进制",
+    "homeUrl": "/subjects/381811"
+  },
+  {
+    "title": "今天不写代码，聊聊热门的知识图谱技术",
+    "description": "哈喽大家好啊，我是Hydra。前一段时间，boss交给我个任务，让我调研一下知识图谱技术。虽说有点NLP的底子，不过研究起这个来还是满头的包，终于还是在搜集了不少资料后划拉出来50...",
+    "votes": "47",
+    "url": "/k/xcu8n0i",
+    "avatar": "https://img.toutiao.io/subject/d958b6b7b252470c838a8189621b3709/thumb",
+    "avatarAlt": "码农参上 - 独家号",
+    "subjectName": "码农参上",
+    "homeUrl": "/subjects/457899"
+  },
   {
     "title": "掌握这些 SpringBoot 启动扩展点，已经超过 90% 的人了",
     "description": "",
@@ -238,15 +248,5 @@
     "avatarAlt": "文不落 - 独家号",
     "subjectName": "文不落",
     "homeUrl": "/subjects/113701"
-  },
-  {
-    "title": "大厂基本功 | MySQL 三大日志 ( binlog、redo log 和 undo log ) 的作用？",
-    "description": "",
-    "votes": "40",
-    "url": "/k/o1494l7",
-    "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
-    "avatarAlt": "浪客用react,java全栈 - 独家号",
-    "subjectName": "浪客用react,java全栈",
-    "homeUrl": "/subjects/132403"
   }
 ]