@wcj/github-rank 22.9.27 → 22.9.29

package/dist/sifou-weekly.json

@@ -1,30 +1,21 @@
 [
-  {
-    "title": "那些你不知道的炫酷按钮交互效果",
-    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
-    "url": "https://segmentfault.com/a/1190000042517595",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "10",
-    "rank": 1
-  },
-  {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "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
+    "votes": "13",
+    "rank": 1
+  },
+  {
+    "title": "CSS transition 小技巧！如何保留 hover 的状态？",
+    "description": "欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...",
+    "url": "https://segmentfault.com/a/1190000042547772",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 2
   },
   {
     "title": "当你 git push 时，极狐GitLab上发生了什么？",
@@ -33,7 +24,7 @@
     "author": "极狐GitLab",
     "home_url": "https://segmentfault.com/u/jihu_gitlab",
     "votes": "8",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
@@ -42,16 +33,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 5
-  },
-  {
-    "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
+    "rank": 4
   },
   {
     "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
@@ -59,26 +41,17 @@
     "url": "https://segmentfault.com/a/1190000042531829",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
-    "rank": 7
-  },
-  {
-    "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": 8
+    "votes": "5",
+    "rank": 5
   },
   {
-    "title": "停止像这样使用 \"async/await\"，改用原版",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042512976",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
-    "rank": 9
+    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
+    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
+    "url": "https://segmentfault.com/a/1190000042550192",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "6",
+    "rank": 6
   },
   {
     "title": "「🌟技术探索🌟」借助 CI / CD 实现前端应用的快速回滚",
@@ -87,6 +60,33 @@
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "2",
+    "rank": 7
+  },
+  {
+    "title": "前端必读：如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件",
+    "description": "JavaScript在前端领域占据着绝对的统治地位，目前更是从浏览器到服务端，移动端，嵌入式，几乎所有的所有的应用领域都可以使用它。技术圈有一句很经典的话“凡是能用JavaScript实现的东西，最后都会用JavaScript实...",
+    "url": "https://segmentfault.com/a/1190000042529858",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
+    "rank": 8
+  },
+  {
+    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
+    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
+    "url": "https://segmentfault.com/a/1190000042554569",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "2",
+    "rank": 9
+  },
+  {
+    "title": "前端必读3.0：如何在 Angular 中使用SpreadJS实现导入和导出 Excel 文件",
+    "description": "在之前的文章中，我们为大家分别详细介绍了在JavaScript、React中使用SpreadJS导入和导出Excel文件的方法，作为带给广大前端开发者的“三部曲”，本文我们将为大家介绍该问题在Angular中的实现。Excel 电子表格自 1...",
+    "url": "https://segmentfault.com/a/1190000042538156",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
     "rank": 10
   },
   {
@@ -98,15 +98,6 @@
     "votes": "1",
     "rank": 11
   },
-  {
-    "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": 12
-  },
   {
     "title": "基于canvas实现的多功能画板",
     "description": "前言最近空闲时间比较多，就想做点小工具玩玩，方案选了好几个，最终决定做一个基于canvas的画板，目前已经完成了第一版，有以下主要功能画笔（动态宽度设置，颜色设置）橡皮擦撤回，反撤回，清除画板，保存画板...",
@@ -114,44 +105,35 @@
     "author": "LH_S",
     "home_url": "https://segmentfault.com/u/lh_s",
     "votes": "2",
+    "rank": 12
+  },
+  {
+    "title": "面试说：聊聊JavaScript中的数据类型",
+    "description": "答：Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。",
+    "url": "https://segmentfault.com/a/1190000042539876",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "5",
     "rank": 13
   },
   {
-    "title": "前端必读：如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件",
-    "description": "JavaScript在前端领域占据着绝对的统治地位，目前更是从浏览器到服务端，移动端，嵌入式，几乎所有的所有的应用领域都可以使用它。技术圈有一句很经典的话“凡是能用JavaScript实现的东西，最后都会用JavaScript实...",
-    "url": "https://segmentfault.com/a/1190000042529858",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
+    "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": "3",
     "rank": 14
   },
   {
-    "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",
+    "title": "别整一坨 CSS 代码了，试试这几个实用函数",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042540445",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 15
   },
-  {
-    "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": 16
-  },
-  {
-    "title": "共码未来 | 助力实现事半功倍的前端开发体验",
-    "description": "谷歌赋能开发者高效开发通过提供简单易用且相互协同的开发工具助力开发者轻松快速的完成开发工作专注于构建用户喜爱的产品 一起来看看有哪些“事半功倍”的工具能够为开发者带来更好的前端开发体验  Flutter: 高效...",
-    "url": "https://segmentfault.com/a/1190000042517434",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
-    "rank": 17
-  },
   {
     "title": "共码未来 | 以科技之新见人文之美",
     "description": "科技创新推动社会发展也让人们的生活更便利、更多彩  感受有温度的技术解锁不一样的旅程让我们一起了解谷歌艺术与文化、Google 教育合作所带来的人文之美  谷歌艺术与文化：让艺术焕发新生为让更多艺术瑰宝焕发新...",
@@ -159,7 +141,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "共码未来 | 多维助力企业扬帆起航，制胜海外",
@@ -168,104 +150,122 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 19
+    "rank": 17
   },
   {
-    "title": "共码未来 | 提供运营数据库工作负载的优越平台",
-    "description": "云技术可为组织提供敏捷性和差异化功能并帮助节省成本预计今年会有 75% 的数据库迁移至云平台 Google Cloud 助力客户实现现代化从旧的专有数据库迁移至标准化的开源数据库一起来了解相关技术更新吧 AlloyDB for P...",
-    "url": "https://segmentfault.com/a/1190000042528779",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "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": 18
+  },
+  {
+    "title": "微信跳转到支付宝App自动领取赏金红包",
+    "description": "关于支付宝赏金红包这件事，其实已经好几年了，我记得2018年就已经有这个了，当初通过一个链接在微信点击，就会自动跳转到支付宝领取赏金，当初我也写过一篇：[链接] 那一年我的赏金就已经赚了2w多，后来支付宝为...",
+    "url": "https://segmentfault.com/a/1190000042535910",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
     "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "SegmentFault 2022 年社区周报 Vol.9",
+    "description": "hello，本喵又回来啦，距离国庆假期只剩 3 个工作日啦，想想都很激动，我承认我是有点提前兴奋了，回归主题，来给大家来汇报一下社区近期发生的事儿～",
+    "url": "https://segmentfault.com/a/1190000042552230",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "爆肝撸了个“羊了个羊”通关助手",
-    "description": "最近，羊了个羊甚是火爆，以至于在上市几天后作者就在广东全款买了两套房，作为一个非游戏迷我对这一情况真是不解，不就一个开心消消乐游戏，为啥会如此火爆呢？或许这就是小游戏的魅力吧，一如之前的QQ农场、Fly...",
-    "url": "https://segmentfault.com/a/1190000042518477",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "title": "一个新视角：前端框架们都卷错方向了？",
+    "description": "大家好，我卡颂。近几年，前端领域出现了很多新框架，比如Svelte、 Solid.js、Astro、Qwik等。伴随他们出现的，还有很多高大上的新概念 —— 运行时/编译时框架、Islands架构、Selective Hydration......这些概念的...",
+    "url": "https://segmentfault.com/a/1190000042549062",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "2",
     "rank": 21
   },
   {
-    "title": "Go 代码风格没人喜欢？不对，Gofmt 是所有人的最爱...",
-    "description": "大家好，我是煎鱼。在任何语言进行编程开发时，只要涉及到多人协作。就一定会遇到一个旷世斗争的大问题。那就是：编码风格。Go 的，PHP 的，Java 的，C++ 的；初级、中级、高级、管理的风格；传统的、互联网的又...",
-    "url": "https://segmentfault.com/a/1190000042514754",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
+    "title": "uniapp开发的技能点整理",
+    "description": "图形验证码的请求方式 {代码...} 倒计时60s {代码...} switch-case的优化写法 {代码...} 修改uview框架中组件默认样式的方式 {代码...} 导航栏的高度 {代码...} 空格&nbsp;阻止事件透传 {代码...} 返回顶部 {...",
+    "url": "https://segmentfault.com/a/1190000042533005",
+    "author": "蓝光95",
+    "home_url": "https://segmentfault.com/u/wsnjw",
     "votes": "2",
     "rank": 22
   },
   {
-    "title": "SegmentFault 思否技术周刊 — 你还想学 Go 语言吗 ？",
-    "description": "运算符重载其实并不是一个常用的功能；因为会改变运算符的语义，比如明明是加法却在重载函数中写为减法。这会使得代码阅读起来困难，但在某些情况下我们又非常希望语言本身能支持运算符重载。比如在 Go 中常用的...",
-    "url": "https://segmentfault.com/a/1190000042513773",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "3",
+    "title": "Wasmtime1.0发布：更稳定、超安全、超快速",
+    "description": "美东时间 9 月 20 日，Bytecode Alliance 宣布经过三年开发，正式迎来 Wasmtime 1.0 版本。Wasmtime 是创建在编译器 Cranelift 之上的 WebAssembly Runtime。Wasmtime 利用 Rust 编程语言，完全开源并符合 WASI。...",
+    "url": "https://segmentfault.com/a/1190000042536292",
+    "author": "松宝写代码",
+    "home_url": "https://segmentfault.com/u/saucxs",
+    "votes": "1",
     "rank": 23
   },
   {
-    "title": "通用ORM的设计与实现",
-    "description": "我们通用的ORM，基本模式都是想要脱离数据库的，几乎都在编程语言层面建立模型，由程序去与数据库打交道。虽然脱离了数据库的具体操作，但我们要建立各种模型文档，用代码去写表之间的关系等等操作，让初学者一时...",
-    "url": "https://segmentfault.com/a/1190000042513101",
-    "author": "zhoutk",
-    "home_url": "https://segmentfault.com/u/zhoutk",
-    "votes": "1",
+    "title": "PHP实现单用户登录",
+    "description": "2、在验证用户是否登录的模块中，若用户已登录，将用户数据库中的token取出，并且制作一个最新的token，两者判断是否相等，若不相等，用户下线；",
+    "url": "https://segmentfault.com/a/1190000042540322",
+    "author": "阿山",
+    "home_url": "https://segmentfault.com/u/a_shan",
+    "votes": "2",
     "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",
+    "title": "Python项目管理： Poetry",
+    "description": "Poetry 是Python 中用于依赖管理和打包的工具。它允许您声明项目所依赖的库，并将为您管理（安装/更新）它们。Poetry 提供了一个锁定文件以确保可重复安装，并且可以构建您的项目以进行分发。",
+    "url": "https://segmentfault.com/a/1190000042542063",
+    "author": "冷冻工厂",
+    "home_url": "https://segmentfault.com/u/gone_63231de16383b",
+    "votes": "1",
     "rank": 25
   },
   {
-    "title": "从前端到全栈 -- 最全面向对象总结",
-    "description": "从事前端的这两年中，也接触了后端领域，像 PHP Node, 并且都用它们做过一些 demo 和 私活 ,站在职业发展道路上来讲，了解后端是好的，自己可以熟练前后的开发流程，整条链路下来，很清晰，懂了后端，在自己以后...",
-    "url": "https://segmentfault.com/a/1190000042517735",
-    "author": "程序员海军",
-    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
-    "votes": "3",
+    "title": "如何解决--在渲染函数之外调用插槽的问题",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042442449",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "微信跳转到支付宝App自动领取赏金红包",
-    "description": "关于支付宝赏金红包这件事，其实已经好几年了，我记得2018年就已经有这个了，当初通过一个链接在微信点击，就会自动跳转到支付宝领取赏金，当初我也写过一篇：[链接] 那一年我的赏金就已经赚了2w多，后来支付宝为...",
-    "url": "https://segmentfault.com/a/1190000042535910",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
+    "title": "React Hooks之useDebugValue - 代替console.log来调试Hook",
+    "description": "而useDebugValue的优势在于，用useDebugValue输出的值，是和DevTools中的Hook状态一起动态显示的，不需要在DevTools和Console面板中切换查看Hook状态和console.log输出。",
+    "url": "https://segmentfault.com/a/1190000042535705",
+    "author": "jinling",
+    "home_url": "https://segmentfault.com/u/liushuigs",
     "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",
+    "title": "Eclipse Theia技术揭秘——构建桌面IDE",
+    "description": "在上一篇文章 Eclipse Theia技术揭秘——初识Theia 简单介绍了一下Eclipse Theia这套IDE平台，这篇文章介绍一下如何基于Eclipse Theia构建桌面IDE。",
+    "url": "https://segmentfault.com/a/1190000042536405",
+    "author": "码出世界",
+    "home_url": "https://segmentfault.com/u/codeteenager",
+    "votes": "1",
     "rank": 28
   },
   {
-    "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",
+    "title": "前端开发文档",
+    "description": "HTML元素语义化标签CSS选择器继承属性核心模块背景图像清除浮动定位BFC使用 attr()展示 tooltipJavaScript基础知识实用技巧内存管理JS 思维导图学习 JS 的 8 张思维导图jQuery 的 deferred 对象jQuery 学习笔记Pr...",
+    "url": "https://segmentfault.com/a/1190000042529848",
+    "author": "寒青",
+    "home_url": "https://segmentfault.com/u/whjin",
+    "votes": "3",
     "rank": 29
   },
   {
-    "title": "神器！你不可错过的几款超牛逼终端工具",
-    "description": "PuTTY 是一款集成虚拟终端、系统控制台和网络文件传输为一体的自由及开放源代码的程序。它支持多种网络协议，包括 SCP，SSH，Telnet，rlogin 和原始的套接字连接。它也可以连接到串行端口。其软件名字“PuTTY”没有...",
-    "url": "https://segmentfault.com/a/1190000042529010",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "title": "golang中的选项模式",
+    "description": "索引[链接]当我在使用go-zero时，我看到了好多像下面这样的代码： {代码...} 我们可以把重点放在RouteOption上面。这里就使用了选项模式。什么是选项模式？选项模式是一种函数式编程模式，用于为可用于修改其行为...",
+    "url": "https://segmentfault.com/a/1190000042532595",
+    "author": "liuyuede",
+    "home_url": "https://segmentfault.com/u/liuyuede123",
     "votes": "1",
     "rank": 30
   }

package/dist/toutiao-30.json

@@ -2,7 +2,7 @@
   {
     "title": "1.8w 字的 SQL 优化大全",
     "description": "↓推荐关注↓分享一篇关于SQL优化的硬核文章，全文有点长，建议收藏后慢慢看。很多朋友在做数据分析时，分析两分钟，跑数两小时？在使用SQL过程中不仅要关注数据结果，同样要注意SQL语...",
-    "votes": "160",
+    "votes": "161",
     "url": "/k/tz7p6nl",
     "avatar": "https://img.toutiao.io/subject/ca32be3cbe13422a9fc08989bf5378d9/thumb",
     "avatarAlt": "文不落 - 独家号",
@@ -12,23 +12,13 @@
   {
     "title": "Redis高可用方案",
     "description": "鉴于上一篇文章提出了，Redis的性能瓶颈在于内存和网络IO上，针对内存上的性能瓶颈，Redis总共采用了三种技术方案，分别是增加内存、内存淘汰策略以及集群。集群不仅解决了内存瓶颈...",
-    "votes": "108",
+    "votes": "109",
     "url": "/k/3hh68yl",
     "avatar": "https://img.toutiao.io/subject/d165ed853e794176806a8cdf2e343338/thumb",
     "avatarAlt": "林晓编程 - 独家号",
     "subjectName": "林晓编程",
     "homeUrl": "/subjects/242088"
   },
-  {
-    "title": "什么是顶级的思维？",
-    "description": "分享几个非常适合职场人的顶级思维1、麦肯锡七步成诗：解决问题的7个步骤ProcessOn模板社区-麦肯锡解决问题的七个步骤2、SWOT分析法：基于竞争环境和竞争条件的态势分析3、T...",
-    "votes": "85",
-    "url": "/k/ulqvlcd",
-    "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
-    "avatarAlt": "Bloomingroses - 独家号",
-    "subjectName": "Bloomingroses",
-    "homeUrl": "/subjects/98777"
-  },
   {
     "title": "公司40k招的架构师写的API网关选型总结，就是牛逼！",
     "description": "文章来源：https://developer.aliyun.com/article/889271?spm=a2c6h.13262185.profile.26.c3a25a75TpX...",
@@ -42,7 +32,7 @@
   {
     "title": "常见分布式系统设计图解",
     "description": "",
-    "votes": "79",
+    "votes": "81",
     "url": "/k/osewvaz",
     "avatar": "https://img.toutiao.io/subject/ae2b74c589814b769c1bebad92c2fb9a/thumb",
     "avatarAlt": "架构之美 - 独家号",
@@ -59,30 +49,30 @@
     "subjectName": "服务架构及中台",
     "homeUrl": "/subjects/26578"
   },
-  {
-    "title": "聊聊数据库建表的15个小技巧",
-    "description": " 大家好，我是苏三，又跟大家见面了。 前言 对于后端开发同学来说，访问数据库，是代码中必不可少的一个环节。系统中收集到用户的核心数据，为了安全性，我们一般会存储到数据库，比如：my...",
-    "votes": "83",
-    "url": "/k/uym7cfr",
-    "avatar": "https://img.toutiao.io/subject/0a66350d491141748ab4dd49be144252/thumb",
-    "avatarAlt": "苏三说技术 - 独家号",
-    "subjectName": "苏三说技术",
-    "homeUrl": "/subjects/453205"
-  },
   {
     "title": "微服务网关鉴权：gateway使用、网关限流使用、用户密码加密、JWT鉴权",
     "description": "点击上方“芋道源码”，选择“设为星标”管她前浪，还是后浪？能浪的浪，才是好浪！每天 10:33 更新文章，每天掉亿点点头发...源码精品专栏 原创 | Java 2021 超神之路...",
-    "votes": "77",
+    "votes": "78",
     "url": "/k/rdhhq5d",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
     "subjectName": "Bloomingroses",
     "homeUrl": "/subjects/98777"
   },
+  {
+    "title": "分享16个我总结的思维模型（程序员必读，受用终身）",
+    "description": "人们在围绕软件开发的讨论中，几乎不可避免会随口引用一两条原则。你可能听过人们说：“这行不通，因为‘X法则’！”。或者“你不知道‘Y原则’吗？”你是哪种类型的软件开发人员？有许多规律...",
+    "votes": "70",
+    "url": "/k/f7r13v5",
+    "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
+    "avatarAlt": "乱点技能树 - 独家号",
+    "subjectName": "乱点技能树",
+    "homeUrl": "/subjects/194141"
+  },
   {
     "title": "Netty、Kafka中的零拷贝技术到底有多牛?",
     "description": "👇推荐大家关注一个公众号👇点击上方 \"编程技术圈\"关注, 星标或置顶一起成长后台回复“大礼包”有惊喜礼包！每日英文Man has to be crazy for once, whe...",
-    "votes": "65",
+    "votes": "66",
     "url": "/k/ussdz4q",
     "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
     "avatarAlt": "乱点技能树 - 独家号",
@@ -120,24 +110,14 @@
     "homeUrl": "/subjects/98777"
   },
   {
-    "title": "分享16个我总结的思维模型（程序员必读，受用终身）",
-    "description": "人们在围绕软件开发的讨论中，几乎不可避免会随口引用一两条原则。你可能听过人们说：“这行不通，因为‘X法则’！”。或者“你不知道‘Y原则’吗？”你是哪种类型的软件开发人员？有许多规律...",
-    "votes": "53",
-    "url": "/k/f7r13v5",
-    "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
-    "avatarAlt": "乱点技能树 - 独家号",
-    "subjectName": "乱点技能树",
-    "homeUrl": "/subjects/194141"
-  },
-  {
-    "title": "万字详解：推荐系统的知识与整体框架",
-    "description": "",
-    "votes": "52",
-    "url": "/k/hdnyagr",
-    "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
-    "avatarAlt": "进击的程序猿 - 独家号",
-    "subjectName": "进击的程序猿",
-    "homeUrl": "/subjects/24912"
+    "title": "从我在阿里带队的得与失，谈技术管理如何避免瞎折腾",
+    "description": "曾子曰：吾日三省吾身，反思是人类进化出来的一项异常宝贵的能力。我在阿里带团队也有四年多的时间，有必要总结一下此间得失；另外，前几天和一个刚开始带团队的同学聊天，他觉得角色转变对于他...",
+    "votes": "63",
+    "url": "/k/g205ze9",
+    "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
+    "avatarAlt": "Bloomingroses - 独家号",
+    "subjectName": "Bloomingroses",
+    "homeUrl": "/subjects/98777"
   },
   {
     "title": "优雅的使用 Dockerfile 定制镜像，1.5W 字长文，值得收藏！",
@@ -170,10 +150,10 @@
     "homeUrl": "/subjects/472073"
   },
   {
-    "title": "从我在阿里带队的得与失，谈技术管理如何避免瞎折腾",
-    "description": "曾子曰：吾日三省吾身，反思是人类进化出来的一项异常宝贵的能力。我在阿里带团队也有四年多的时间，有必要总结一下此间得失；另外，前几天和一个刚开始带团队的同学聊天，他觉得角色转变对于他...",
-    "votes": "62",
-    "url": "/k/g205ze9",
+    "title": "项目上线一年，整理了一份SpringBoot性能优化方案！",
+    "description": "",
+    "votes": "52",
+    "url": "/k/3ueuxa0",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
     "subjectName": "Bloomingroses",
@@ -200,14 +180,14 @@
     "homeUrl": "/subjects/475601"
   },
   {
-    "title": "Kafka 面试连环炮, 看你能撑到哪一步?",
-    "description": "本系列总共4万多字，本篇是中篇，阅读本文大约需要 40 分钟。大家好，我是华仔, 又跟大家见面了。之前有粉丝留言说能否总结和分享一些 Kafka 相关的面试题。今天我们就来安排一期...",
-    "votes": "51",
-    "url": "/k/kd4d4fd",
-    "avatar": "https://img.toutiao.io/subject/c1103a714a594e4eafc17c5c14cbab4d/thumb",
-    "avatarAlt": "小渣的独家号 - 独家号",
-    "subjectName": "小渣的独家号",
-    "homeUrl": "/subjects/476437"
+    "title": "Kafka 精妙设计撑起百万 TPS",
+    "description": "",
+    "votes": "47",
+    "url": "/k/g4ey2vk",
+    "avatar": "https://img.toutiao.io/subject/32a46f705bae4535a9f804161b0bda51/thumb",
+    "avatarAlt": "技术and生活 - 独家号",
+    "subjectName": "技术and生活",
+    "homeUrl": "/subjects/31250"
   },
   {
     "title": "如何设计一个消息中心",
@@ -229,6 +209,16 @@
     "subjectName": "码农参上",
     "homeUrl": "/subjects/457899"
   },
+  {
+    "title": "性能优化必备——火焰图",
+    "description": "引言本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。 结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。背景当前...",
+    "votes": "47",
+    "url": "/k/azf7ub6",
+    "avatar": "https://img.toutiao.io/subject/8d1fd69b9a2a49e79f68a1e3c8fc0138/thumb",
+    "avatarAlt": "咕咕鸡技术专栏 - 独家号",
+    "subjectName": "咕咕鸡技术专栏",
+    "homeUrl": "/subjects/477457"
+  },
   {
     "title": "掌握这些 SpringBoot 启动扩展点，已经超过 90% 的人了",
     "description": "",
@@ -240,13 +230,23 @@
     "homeUrl": "/subjects/403307"
   },
   {
-    "title": "面试：你知道Java性能优化有哪些手段？",
-    "description": "你好，我是田哥前两天，一位群里的朋友找我聊，面试中被问到性能优化手段该如何回答，今天我们就聊聊。本文主要侧重于理论分析，我们从整体上看一下 Java 性能优化都有哪些可以遵循的规律...",
-    "votes": "46",
-    "url": "/k/9spc6yd",
-    "avatar": "https://img.toutiao.io/subject/ca32be3cbe13422a9fc08989bf5378d9/thumb",
-    "avatarAlt": "文不落 - 独家号",
-    "subjectName": "文不落",
-    "homeUrl": "/subjects/113701"
+    "title": "万字长文，SpringSecurity实现权限系统设计",
+    "description": "",
+    "votes": "43",
+    "url": "/k/rb5lzmf",
+    "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
+    "avatarAlt": "浪客用react,java全栈 - 独家号",
+    "subjectName": "浪客用react,java全栈",
+    "homeUrl": "/subjects/132403"
+  },
+  {
+    "title": "分布式中灰度方案实践",
+    "description": "让请求在导航的服务节上点执行；一、背景简介分布式系统中会存在这样的开发场景，不同需求可能涉及到对同一个服务的开发，那么该服务在研发期间就会存在多个版本并行的状态，为了保持不同版本之...",
+    "votes": "43",
+    "url": "/k/jpnejcx",
+    "avatar": "https://img.toutiao.io/subject/b82e66f0d4464d78b30e0db3cfad0dd8/thumb",
+    "avatarAlt": "知了一笑 - 独家号",
+    "subjectName": "知了一笑",
+    "homeUrl": "/subjects/416733"
   }
 ]