@wcj/github-rank 22.9.22 → 22.9.24

package/dist/sifou-weekly.json

@@ -1,85 +1,94 @@
 [
   {
-    "title": "实现《羊了个羊》的小游戏",
-    "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
-    "url": "https://segmentfault.com/a/1190000042502121",
+    "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",
+    "votes": "11",
     "rank": 1
   },
   {
-    "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": "4",
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
     "rank": 2
   },
   {
-    "title": "CSS 有了:has伪类可以做些什么？",
-    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
-    "url": "https://segmentfault.com/a/1190000042490237",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "7",
+    "title": "那些你不知道的炫酷按钮交互效果",
+    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
+    "url": "https://segmentfault.com/a/1190000042517595",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "8",
     "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": 4
-  },
   {
     "title": "微信小程序转为App并上架应用市场",
     "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
     "url": "https://segmentfault.com/a/1190000042503461",
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "3",
-    "rank": 5
+    "votes": "4",
+    "rank": 4
   },
   {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
-    "rank": 6
+    "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": "4",
+    "rank": 5
   },
   {
-    "title": "共码未来 | 助力打造现代、高效、流畅的开发体验",
-    "description": "谷歌借助高效的开发工具和无间的协作致力于为开发者持续打造更加现代、高效、流畅的开发体验一起来看看 2022 Google 开发者大会上 Android、Wear OS by Google 和 ARCore 技术领域有哪些值得重点关注的成果与进展...",
-    "url": "https://segmentfault.com/a/1190000042501529",
+    "title": "代码构建美好生活：聚焦 Code For Better _ Hackathon 大赛的精彩与感动",
+    "description": "2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...",
+    "url": "https://segmentfault.com/a/1190000042514288",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
+    "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",
+    "votes": "4",
     "rank": 7
   },
   {
-    "title": "共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！",
-    "description": "2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...",
-    "url": "https://segmentfault.com/a/1190000042500419",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "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": "2",
     "rank": 8
   },
   {
-    "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": "7",
+    "title": "前端是性能优化(图文并茂，通俗易懂)",
+    "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
+    "url": "https://segmentfault.com/a/1190000042529771",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "4",
     "rank": 9
   },
+  {
+    "title": "与小程序的 2M 空间斗智斗勇之图片优化",
+    "description": "现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...",
+    "url": "https://segmentfault.com/a/1190000042507363",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "2",
+    "rank": 10
+  },
   {
     "title": "共码未来：2022 Google 开发者大会亮点回顾",
     "description": "当前，全球环境正面临着复杂又深刻的变化，而科技创新是数字化浪潮下助力社会不断向前发展的驱动力。用科技和善良创造美好，深耕工程师文化成为越来越多科技企业发展的理念。正如 9 月 14 日刚刚举办的2022 谷歌...",
@@ -87,16 +96,34 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "5",
-    "rank": 10
+    "rank": 11
   },
   {
-    "title": "聊聊单点登录(SSO)中的CAS认证",
-    "description": "随着企业的发展，一个大型系统里可能包含 n 多子系统, 用户在操作不同的系统时，需要多次登录，很麻烦，我们需要一种全新的登录方式来实现多系统应用群的登录，这就是单点登录。",
-    "url": "https://segmentfault.com/a/1190000042489268",
-    "author": "袋鼠云数栈UED",
-    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
-    "votes": "7",
-    "rank": 11
+    "title": "前端必读：如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件",
+    "description": "JavaScript在前端领域占据着绝对的统治地位，目前更是从浏览器到服务端，移动端，嵌入式，几乎所有的所有的应用领域都可以使用它。技术圈有一句很经典的话“凡是能用JavaScript实现的东西，最后都会用JavaScript实...",
+    "url": "https://segmentfault.com/a/1190000042529858",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "停止像这样使用 \"async/await\"，改用原版",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042512976",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
+    "rank": 13
+  },
+  {
+    "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": "共码未来 | 助力实现事半功倍的前端开发体验",
@@ -105,7 +132,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 12
+    "rank": 15
+  },
+  {
+    "title": "共码未来 | 以科技之新见人文之美",
+    "description": "科技创新推动社会发展也让人们的生活更便利、更多彩  感受有温度的技术解锁不一样的旅程让我们一起了解谷歌艺术与文化、Google 教育合作所带来的人文之美  谷歌艺术与文化：让艺术焕发新生为让更多艺术瑰宝焕发新...",
+    "url": "https://segmentfault.com/a/1190000042530275",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
+    "rank": 16
   },
   {
     "title": "共码未来 | 更全面的开源机器学习生态",
@@ -114,16 +150,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 13
-  },
-  {
-    "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": "3",
-    "rank": 14
+    "rank": 17
   },
   {
     "title": "共码未来 | 提供运营数据库工作负载的优越平台",
@@ -132,62 +159,44 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "类型体操的9种类型运算、4种类型套路总结",
-    "description": "今天给大家分享的主题是一起来做类型体操。主要分为 4 个部分进行介绍：类型体操的背景，通过背景了解为什么要在项目中加入类型体操；了解类型体操的主要类型、运算逻辑、和类型套路；类型体操实践，解析 TypeScr...",
-    "url": "https://segmentfault.com/a/1190000042489026",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "2",
-    "rank": 16
+    "rank": 18
   },
   {
-    "title": "webpack学习：webpack把react编译成weapp",
+    "title": "webpack源码-webpack把react编译成weapp",
     "description": "在package.json中可以找到入口文件这个文件的作用就是引入webpack核心函数（lib/webpack.js）以及工具文件，抛出整理好之后的webpack核心函数",
     "url": "https://segmentfault.com/a/1190000042505414",
     "author": "perkz",
     "home_url": "https://segmentfault.com/u/zhoumo_62382eba4b454",
     "votes": "2",
-    "rank": 17
-  },
-  {
-    "title": "与小程序的 2M 空间斗智斗勇之图片优化",
-    "description": "现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...",
-    "url": "https://segmentfault.com/a/1190000042507363",
-    "author": "林小志",
-    "home_url": "https://segmentfault.com/u/linxz",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "停止像这样使用 \"async/await\"，改用原版",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042512976",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
     "rank": 19
   },
   {
-    "title": "分片上传方案",
-    "description": "一、index.ts {代码...} 二、sliceUpload.ts {代码...} 三、demo 集成 {代码...}",
-    "url": "https://segmentfault.com/a/1190000042501942",
-    "author": "lihaixing",
-    "home_url": "https://segmentfault.com/u/lihaixing",
+    "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": 20
   },
   {
-    "title": "Java 并发编程解析 | 基于JDK源码解析Java领域中的并发锁，我们可以从中学习到什么内容？",
-    "description": "苍穹之边，浩瀚之挚，眰恦之美； 悟心悟性，善始善终，惟善惟道！ —— 朝槿《朝槿兮年说》写在开头在Java领域中, 尤其是在并发编程领域，对于多线程并发执行一直有两大核心问题：同步和互斥。其中：互斥(Mutual Ex...",
-    "url": "https://segmentfault.com/a/1190000042503863",
-    "author": "mazhilin",
-    "home_url": "https://segmentfault.com/u/mazhilin_5c1ceeea5edba",
-    "votes": "1",
+    "title": "爆肝撸了个“羊了个羊”通关助手",
+    "description": "最近，羊了个羊甚是火爆，以至于在上市几天后作者就在广东全款买了两套房，作为一个非游戏迷我对这一情况真是不解，不就一个开心消消乐游戏，为啥会如此火爆呢？或许这就是小游戏的魅力吧，一如之前的QQ农场、Fly...",
+    "url": "https://segmentfault.com/a/1190000042518477",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "2",
     "rank": 21
   },
+  {
+    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
+    "url": "https://segmentfault.com/a/1190000042531829",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "3",
+    "rank": 22
+  },
   {
     "title": "Go 内存泄漏，pprof 够用了吗？",
     "description": "文｜朱德江（GitHub ID：doujiang24)MOSN 项目核心开发者、蚂蚁集团技术专家专注于云原生网关研发的相关工作本文 2651 字 阅读 8 分钟MOSN 是主要使用 Go 语言开发的云原生网络代理平台，在蚂蚁集团有着几十万容...",
@@ -195,15 +204,6 @@
     "author": "SOFAStack",
     "home_url": "https://segmentfault.com/u/sofastack",
     "votes": "1",
-    "rank": 22
-  },
-  {
-    "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": 23
   },
   {
@@ -216,31 +216,13 @@
     "rank": 24
   },
   {
-    "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": "1",
-    "rank": 25
-  },
-  {
-    "title": "浅谈 MessageChannel",
-    "description": "MessageChannel 允许两个不同的脚本运行在同一个文档的不同浏览器上下文（例如两个 iframe，文档主体和一个 iframe，使用 SharedWorker 的两个文档，或两个 worker）来直接通讯，在每端使用一个端口（port）通过...",
-    "url": "https://segmentfault.com/a/1190000042501046",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
-    "votes": "1",
-    "rank": 26
-  },
-  {
-    "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": "精读《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": 27
+    "rank": 25
   },
   {
     "title": "SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？",
@@ -249,23 +231,41 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
+    "rank": 26
+  },
+  {
+    "title": "Java19的新特性",
+    "description": "Java语言特性系列Java5的新特性Java6的新特性Java7的新特性Java8的新特性Java9的新特性Java10的新特性Java11的新特性Java12的新特性Java13的新特性Java14的新特性Java15的新特性Java16的新特性Java17的新特性Java...",
+    "url": "https://segmentfault.com/a/1190000042529334",
+    "author": "codecraft",
+    "home_url": "https://segmentfault.com/u/codecraft",
+    "votes": "1",
+    "rank": 27
+  },
+  {
+    "title": "通用ORM的设计与实现",
+    "description": "我们通用的ORM，基本模式都是想要脱离数据库的，几乎都在编程语言层面建立模型，由程序去与数据库打交道。虽然脱离了数据库的具体操作，但我们要建立各种模型文档，用代码去写表之间的关系等等操作，让初学者一时...",
+    "url": "https://segmentfault.com/a/1190000042513101",
+    "author": "zhoutk",
+    "home_url": "https://segmentfault.com/u/zhoutk",
+    "votes": "1",
     "rank": 28
   },
   {
-    "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": "2",
+    "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
+    "description": "作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...",
+    "url": "https://segmentfault.com/a/1190000042504992",
+    "author": "宁在春",
+    "home_url": "https://segmentfault.com/u/wyh_study",
+    "votes": "3",
     "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
   }

package/dist/toutiao-30.json

@@ -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": "84",
+    "votes": "85",
     "url": "/k/kyi9yzt",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
@@ -42,7 +42,7 @@
   {
     "title": "常见分布式系统设计图解",
     "description": "",
-    "votes": "76",
+    "votes": "79",
     "url": "/k/osewvaz",
     "avatar": "https://img.toutiao.io/subject/ae2b74c589814b769c1bebad92c2fb9a/thumb",
     "avatarAlt": "架构之美 - 独家号",
@@ -72,23 +72,13 @@
   {
     "title": "微服务网关鉴权：gateway使用、网关限流使用、用户密码加密、JWT鉴权",
     "description": "点击上方“芋道源码”，选择“设为星标”管她前浪，还是后浪？能浪的浪，才是好浪！每天 10:33 更新文章，每天掉亿点点头发...源码精品专栏 原创 | Java 2021 超神之路...",
-    "votes": "74",
+    "votes": "76",
     "url": "/k/rdhhq5d",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
     "subjectName": "Bloomingroses",
     "homeUrl": "/subjects/98777"
   },
-  {
-    "title": "丢弃掉那些BeanUtils工具类吧，MapStruct真香！！！",
-    "description": "作者 l Hollis来源 l Hollis（ID：hollischuang）在前几天的文章《为什么阿里巴巴禁止使用Apache Beanutils进行属性的copy？》中，我曾经...",
-    "votes": "69",
-    "url": "/k/6muqkam",
-    "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
-    "avatarAlt": "Bloomingroses - 独家号",
-    "subjectName": "Bloomingroses",
-    "homeUrl": "/subjects/98777"
-  },
   {
     "title": "近期 yyds 的 GitHub 项目",
     "description": "9 月 2 日，GitHub 官方发布了一个消息：由于仓库趋势（GitHub Trending）使用率较低，将在 9 月 30 日永久关闭趋势榜。消息一经发出，开发者看到大骂一天，...",
@@ -99,10 +89,20 @@
     "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": "56",
+    "votes": "58",
     "url": "/k/ussdz4q",
     "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
     "avatarAlt": "乱点技能树 - 独家号",
@@ -112,7 +112,7 @@
   {
     "title": "SQL优化万能公式：5 大步骤 + 10 个案例",
     "description": "",
-    "votes": "59",
+    "votes": "61",
     "url": "/k/4p8xa6s",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
@@ -120,14 +120,14 @@
     "homeUrl": "/subjects/98777"
   },
   {
-    "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": "面试官：MySQL 数据库查询慢，除了索引问题还可能是什么原因？",
+    "description": "大家好，我是君哥。mysql查询为什么会慢，关于这个问题，在实际开发经常会遇到，而面试中，也是个高频题。遇到这种问题，我们一般也会想到是因为索引。那除开索引之外，还有哪些因素会导致...",
+    "votes": "55",
+    "url": "/k/4ivnhwu",
+    "avatar": "https://img.toutiao.io/subject/c1103a714a594e4eafc17c5c14cbab4d/thumb",
+    "avatarAlt": "小渣的独家号 - 独家号",
+    "subjectName": "小渣的独家号",
+    "homeUrl": "/subjects/476437"
   },
   {
     "title": "微服务治理热门技术揭秘：动态读写分离",
@@ -149,26 +149,6 @@
     "subjectName": "进击的程序猿",
     "homeUrl": "/subjects/24912"
   },
-  {
-    "title": "聊聊 8种 架构模式",
-    "description": "来源：juejin.cn/post/6844904007438172167傅一平评语：这是一篇很好的普及架构知识的文章，对于非科班出身的技术管理者还是很有实际指导意义，我读了获得感...",
-    "votes": "55",
-    "url": "/k/luf0yh6",
-    "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
-    "avatarAlt": "进击的程序猿 - 独家号",
-    "subjectName": "进击的程序猿",
-    "homeUrl": "/subjects/24912"
-  },
-  {
-    "title": "面试官：MySQL 数据库查询慢，除了索引问题还可能是什么原因？",
-    "description": "大家好，我是君哥。mysql查询为什么会慢，关于这个问题，在实际开发经常会遇到，而面试中，也是个高频题。遇到这种问题，我们一般也会想到是因为索引。那除开索引之外，还有哪些因素会导致...",
-    "votes": "53",
-    "url": "/k/4ivnhwu",
-    "avatar": "https://img.toutiao.io/subject/c1103a714a594e4eafc17c5c14cbab4d/thumb",
-    "avatarAlt": "小渣的独家号 - 独家号",
-    "subjectName": "小渣的独家号",
-    "homeUrl": "/subjects/476437"
-  },
   {
     "title": "已入字节的大佬各厂三年Go面经",
     "description": "",
@@ -219,6 +199,36 @@
     "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": "优雅的使用 Dockerfile 定制镜像，1.5W 字长文，值得收藏！",
+    "description": "",
+    "votes": "48",
+    "url": "/k/ccgjv8r",
+    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
+    "avatarAlt": "服务架构及中台 - 独家号",
+    "subjectName": "服务架构及中台",
+    "homeUrl": "/subjects/26578"
+  },
+  {
+    "title": "今天不写代码，聊聊热门的知识图谱技术",
+    "description": "哈喽大家好啊，我是Hydra。前一段时间，boss交给我个任务，让我调研一下知识图谱技术。虽说有点NLP的底子，不过研究起这个来还是满头的包，终于还是在搜集了不少资料后划拉出来50...",
+    "votes": "48",
+    "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"
   }
 ]