@wcj/github-rank 22.9.23 → 22.9.25

package/web/data/sifou-weekly.json

@@ -1,8 +1,8 @@
 [
   {
-    "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",
@@ -14,72 +14,90 @@
     "url": "https://segmentfault.com/a/1190000042513947",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
+    "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": "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",
+    "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": 4
   },
   {
-    "title": "微信小程序转为App并上架应用市场",
-    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
-    "url": "https://segmentfault.com/a/1190000042503461",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "3",
+    "title": "前端是性能优化(图文并茂，通俗易懂)",
+    "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
+    "url": "https://segmentfault.com/a/1190000042529771",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "5",
     "rank": 5
   },
   {
-    "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": "借助 :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": 6
   },
   {
-    "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": 7
   },
   {
-    "title": "共码未来丨盘点 2022 Google 谷歌开发者大会多重亮点！",
-    "description": "2022 Google 开发者大会集结开发者精彩重聚这场科技盛会干货不断创意灵感，技术收获开发者们满载而归还想深入了解谷歌最新产品动态持续学习行业前沿技术重温大会高光时刻？马上带你全方位盘点大会多重亮点大会向...",
-    "url": "https://segmentfault.com/a/1190000042500419",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "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": 8
   },
   {
-    "title": "那些你不知道的炫酷按钮交互效果",
-    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
-    "url": "https://segmentfault.com/a/1190000042517595",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "5",
+    "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 [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042512976",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
+    "rank": 10
+  },
+  {
+    "title": "与小程序的 2M 空间斗智斗勇之图片优化",
+    "description": "现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...",
+    "url": "https://segmentfault.com/a/1190000042507363",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "2",
+    "rank": 11
+  },
   {
     "title": "共码未来：2022 Google 开发者大会亮点回顾",
     "description": "当前，全球环境正面临着复杂又深刻的变化，而科技创新是数字化浪潮下助力社会不断向前发展的驱动力。用科技和善良创造美好，深耕工程师文化成为越来越多科技企业发展的理念。正如 9 月 14 日刚刚举办的2022 谷歌...",
@@ -87,16 +105,43 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "5",
-    "rank": 10
+    "rank": 12
   },
   {
-    "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",
+    "title": "新指令 v-memo，提高性能的又一利器",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042442388",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
+    "rank": 13
+  },
+  {
+    "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": "2",
-    "rank": 11
+    "rank": 14
+  },
+  {
+    "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": 15
+  },
+  {
+    "title": "「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚",
+    "description": "在 上一轮优化 里， 我们通过优化一些构建工具和流程， 把构建耗时优化到了 4min 左右，整体发布耗时从 15min 优化到了 8 min 左右, 有较大提升， 但是依旧存在提升空间。",
+    "url": "https://segmentfault.com/a/1190000042531062",
+    "author": "皮小蛋",
+    "home_url": "https://segmentfault.com/u/scaukk",
+    "votes": "2",
+    "rank": 16
   },
   {
     "title": "共码未来 | 助力实现事半功倍的前端开发体验",
@@ -105,7 +150,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 12
+    "rank": 17
   },
   {
     "title": "共码未来 | 以科技之新见人文之美",
@@ -114,7 +159,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 13
+    "rank": 18
+  },
+  {
+    "title": "基于canvas实现的多功能画板",
+    "description": "前言最近空闲时间比较多，就想做点小工具玩玩，方案选了好几个，最终决定做一个基于canvas的画板，目前已经完成了第一版，有以下主要功能画笔（动态宽度设置，颜色设置）橡皮擦撤回，反撤回，清除画板，保存画板...",
+    "url": "https://segmentfault.com/a/1190000042533770",
+    "author": "LH_S",
+    "home_url": "https://segmentfault.com/u/lh_s",
+    "votes": "2",
+    "rank": 19
   },
   {
     "title": "共码未来 | 更全面的开源机器学习生态",
@@ -123,7 +177,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 14
+    "rank": 20
+  },
+  {
+    "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": "2",
+    "rank": 21
   },
   {
     "title": "共码未来 | 提供运营数据库工作负载的优越平台",
@@ -132,43 +195,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 15
-  },
-  {
-    "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",
-    "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": 18
-  },
-  {
-    "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
+    "rank": 22
   },
   {
     "title": "手写一个mini版本的React状态管理工具",
@@ -177,43 +204,34 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "2",
-    "rank": 20
+    "rank": 23
   },
   {
-    "title": "分片上传方案",
-    "description": "一、index.ts {代码...} 二、sliceUpload.ts {代码...} 三、demo 集成 {代码...}",
-    "url": "https://segmentfault.com/a/1190000042501942",
-    "author": "lihaixing",
-    "home_url": "https://segmentfault.com/u/lihaixing",
+    "title": "爆肝撸了个“羊了个羊”通关助手",
+    "description": "最近，羊了个羊甚是火爆，以至于在上市几天后作者就在广东全款买了两套房，作为一个非游戏迷我对这一情况真是不解，不就一个开心消消乐游戏，为啥会如此火爆呢？或许这就是小游戏的魅力吧，一如之前的QQ农场、Fly...",
+    "url": "https://segmentfault.com/a/1190000042518477",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "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
+    "rank": 24
   },
   {
-    "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": "Go 代码风格没人喜欢？不对，Gofmt 是所有人的最爱...",
+    "description": "大家好，我是煎鱼。在任何语言进行编程开发时，只要涉及到多人协作。就一定会遇到一个旷世斗争的大问题。那就是：编码风格。Go 的，PHP 的，Java 的，C++ 的；初级、中级、高级、管理的风格；传统的、互联网的又...",
+    "url": "https://segmentfault.com/a/1190000042514754",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "2",
-    "rank": 23
+    "rank": 25
   },
   {
-    "title": "Java 并发编程解析 | 基于JDK源码解析Java领域中的并发锁，我们可以从中学习到什么内容？",
-    "description": "苍穹之边，浩瀚之挚，眰恦之美； 悟心悟性，善始善终，惟善惟道！ —— 朝槿《朝槿兮年说》写在开头在Java领域中, 尤其是在并发编程领域，对于多线程并发执行一直有两大核心问题：同步和互斥。其中：互斥(Mutual Ex...",
-    "url": "https://segmentfault.com/a/1190000042503863",
-    "author": "mazhilin",
-    "home_url": "https://segmentfault.com/u/mazhilin_5c1ceeea5edba",
+    "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": 24
+    "rank": 26
   },
   {
     "title": "SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？",
@@ -222,42 +240,33 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 25
+    "rank": 27
   },
   {
-    "title": "新指令 v-memo，提高性能的又一利器",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042442388",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "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": 26
+    "rank": 28
   },
   {
-    "title": "浅谈 MessageChannel",
-    "description": "MessageChannel 允许两个不同的脚本运行在同一个文档的不同浏览器上下文（例如两个 iframe，文档主体和一个 iframe，使用 SharedWorker 的两个文档，或两个 worker）来直接通讯，在每端使用一个端口（port）通过...",
-    "url": "https://segmentfault.com/a/1190000042501046",
-    "author": "时倾",
-    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "title": "通用ORM的设计与实现",
+    "description": "我们通用的ORM，基本模式都是想要脱离数据库的，几乎都在编程语言层面建立模型，由程序去与数据库打交道。虽然脱离了数据库的具体操作，但我们要建立各种模型文档，用代码去写表之间的关系等等操作，让初学者一时...",
+    "url": "https://segmentfault.com/a/1190000042513101",
+    "author": "zhoutk",
+    "home_url": "https://segmentfault.com/u/zhoutk",
     "votes": "1",
-    "rank": 27
+    "rank": 29
   },
   {
-    "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": 28
-  },
-  {
-    "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": 29
+    "rank": 30
   }
 ]

package/web/data/toutiao-30.json

@@ -2,7 +2,7 @@
   {
     "title": "1.8w 字的 SQL 优化大全",
     "description": "↓推荐关注↓分享一篇关于SQL优化的硬核文章，全文有点长，建议收藏后慢慢看。很多朋友在做数据分析时，分析两分钟，跑数两小时？在使用SQL过程中不仅要关注数据结果，同样要注意SQL语...",
-    "votes": "153",
+    "votes": "156",
     "url": "/k/tz7p6nl",
     "avatar": "https://img.toutiao.io/subject/ca32be3cbe13422a9fc08989bf5378d9/thumb",
     "avatarAlt": "文不落 - 独家号",
@@ -42,13 +42,23 @@
   {
     "title": "常见分布式系统设计图解",
     "description": "",
-    "votes": "77",
+    "votes": "79",
     "url": "/k/osewvaz",
     "avatar": "https://img.toutiao.io/subject/ae2b74c589814b769c1bebad92c2fb9a/thumb",
     "avatarAlt": "架构之美 - 独家号",
     "subjectName": "架构之美",
     "homeUrl": "/subjects/42200"
   },
+  {
+    "title": "SpringBoot 官方强烈推荐，连接池，太快了！",
+    "description": "大家好，现在介绍一款非常强大，高效，并且号称“史上最快连接池”。由此可见他是有多受人喜欢，并且在SpringBoot2.0之后，采用的默认数据库连接池就是Hikari。我们知道的连...",
+    "votes": "76",
+    "url": "/k/zumxh7v",
+    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
+    "avatarAlt": "服务架构及中台 - 独家号",
+    "subjectName": "服务架构及中台",
+    "homeUrl": "/subjects/26578"
+  },
   {
     "title": "聊聊数据库建表的15个小技巧",
     "description": " 大家好，我是苏三，又跟大家见面了。 前言 对于后端开发同学来说，访问数据库，是代码中必不可少的一个环节。系统中收集到用户的核心数据，为了安全性，我们一般会存储到数据库，比如：my...",
@@ -59,20 +69,10 @@
     "subjectName": "苏三说技术",
     "homeUrl": "/subjects/453205"
   },
-  {
-    "title": "SpringBoot 官方强烈推荐，连接池，太快了！",
-    "description": "大家好，现在介绍一款非常强大，高效，并且号称“史上最快连接池”。由此可见他是有多受人喜欢，并且在SpringBoot2.0之后，采用的默认数据库连接池就是Hikari。我们知道的连...",
-    "votes": "75",
-    "url": "/k/zumxh7v",
-    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
-    "avatarAlt": "服务架构及中台 - 独家号",
-    "subjectName": "服务架构及中台",
-    "homeUrl": "/subjects/26578"
-  },
   {
     "title": "微服务网关鉴权：gateway使用、网关限流使用、用户密码加密、JWT鉴权",
     "description": "点击上方“芋道源码”，选择“设为星标”管她前浪，还是后浪？能浪的浪，才是好浪！每天 10:33 更新文章，每天掉亿点点头发...源码精品专栏 原创 | Java 2021 超神之路...",
-    "votes": "76",
+    "votes": "77",
     "url": "/k/rdhhq5d",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
@@ -80,14 +80,14 @@
     "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": "聊聊 8种 架构模式",
+    "description": "来源：juejin.cn/post/6844904007438172167傅一平评语：这是一篇很好的普及架构知识的文章，对于非科班出身的技术管理者还是很有实际指导意义，我读了获得感...",
+    "votes": "68",
+    "url": "/k/luf0yh6",
+    "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
+    "avatarAlt": "进击的程序猿 - 独家号",
+    "subjectName": "进击的程序猿",
+    "homeUrl": "/subjects/24912"
   },
   {
     "title": "近期 yyds 的 GitHub 项目",
@@ -99,20 +99,10 @@
     "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": "57",
+    "votes": "60",
     "url": "/k/ussdz4q",
     "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
     "avatarAlt": "乱点技能树 - 独家号",
@@ -122,13 +112,23 @@
   {
     "title": "SQL优化万能公式：5 大步骤 + 10 个案例",
     "description": "",
-    "votes": "60",
+    "votes": "63",
     "url": "/k/4p8xa6s",
     "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": "微服务治理热门技术揭秘：动态读写分离",
     "description": "我们从应用的视角出发整理抽象了我们在访问、使用数据库时场景的一些稳定性治理、性能优化、提效等方面的实战经验，对于每一个后端应用来说，数据库无疑是重中之重，我们希望通过我们的数据库治...",
@@ -149,16 +149,6 @@
     "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": "",
@@ -169,6 +159,16 @@
     "subjectName": "GoHackers",
     "homeUrl": "/subjects/1385"
   },
+  {
+    "title": "美团二面：加密后的数据如何进行模糊查询",
+    "description": "点击关注公众号，Java干货及时送达我们知道加密后的数据对模糊查询不是很友好，本篇就针对加密数据模糊查询这个问题来展开讲一讲实现的思路，希望对大家有所启发。为了数据安全我们在开发过...",
+    "votes": "50",
+    "url": "/k/4vaukpl",
+    "avatar": "https://img.toutiao.io/user/1f0807c2736a43e1b169599572bf4dcf/thumb",
+    "avatarAlt": "zeng1994 - 独家号",
+    "subjectName": "zeng1994",
+    "homeUrl": "/subjects/475601"
+  },
   {
     "title": "RedisJson 横空出世，这性能杀疯了！",
     "description": "",
@@ -190,24 +190,14 @@
     "homeUrl": "/subjects/476437"
   },
   {
-    "title": "美团二面：加密后的数据如何进行模糊查询",
-    "description": "点击关注公众号，Java干货及时送达我们知道加密后的数据对模糊查询不是很友好，本篇就针对加密数据模糊查询这个问题来展开讲一讲实现的思路，希望对大家有所启发。为了数据安全我们在开发过...",
-    "votes": "49",
-    "url": "/k/4vaukpl",
-    "avatar": "https://img.toutiao.io/user/1f0807c2736a43e1b169599572bf4dcf/thumb",
-    "avatarAlt": "zeng1994 - 独家号",
-    "subjectName": "zeng1994",
-    "homeUrl": "/subjects/475601"
-  },
-  {
-    "title": "全网最通透：MySQL 的 redo log 保证数据不丢的原理",
-    "description": "欢迎关注公众号：柳双六总会有面试官问：你知道 MySQL 如何保障数据不丢的吗？实际上这个问题是十分不准确的，MySQL 保障数据不丢的手段可太多了。但通常面试官想听的内容就是 r...",
+    "title": "优雅的使用 Dockerfile 定制镜像，1.5W 字长文，值得收藏！",
+    "description": "",
     "votes": "50",
-    "url": "/k/1x2qzr6",
-    "avatar": "https://img.toutiao.io/subject/8f429c7a4ecb45c8a8df0c62c5514b8f/thumb",
-    "avatarAlt": "柳双六 - 独家号",
-    "subjectName": "柳双六",
-    "homeUrl": "/subjects/386862"
+    "url": "/k/ccgjv8r",
+    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
+    "avatarAlt": "服务架构及中台 - 独家号",
+    "subjectName": "服务架构及中台",
+    "homeUrl": "/subjects/26578"
   },
   {
     "title": "如何设计一个消息中心",
@@ -222,7 +212,7 @@
   {
     "title": "今天不写代码，聊聊热门的知识图谱技术",
     "description": "哈喽大家好啊，我是Hydra。前一段时间，boss交给我个任务，让我调研一下知识图谱技术。虽说有点NLP的底子，不过研究起这个来还是满头的包，终于还是在搜集了不少资料后划拉出来50...",
-    "votes": "47",
+    "votes": "48",
     "url": "/k/xcu8n0i",
     "avatar": "https://img.toutiao.io/subject/d958b6b7b252470c838a8189621b3709/thumb",
     "avatarAlt": "码农参上 - 独家号",
@@ -248,5 +238,15 @@
     "avatarAlt": "文不落 - 独家号",
     "subjectName": "文不落",
     "homeUrl": "/subjects/113701"
+  },
+  {
+    "title": "从我在阿里带队的得与失，谈技术管理如何避免瞎折腾",
+    "description": "曾子曰：吾日三省吾身，反思是人类进化出来的一项异常宝贵的能力。我在阿里带团队也有四年多的时间，有必要总结一下此间得失；另外，前几天和一个刚开始带团队的同学聊天，他觉得角色转变对于他...",
+    "votes": "48",
+    "url": "/k/g205ze9",
+    "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
+    "avatarAlt": "Bloomingroses - 独家号",
+    "subjectName": "Bloomingroses",
+    "homeUrl": "/subjects/98777"
   }
 ]