@wcj/github-rank 22.10.7 → 22.10.9

package/web/data/sifou-weekly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！",
-    "description": "我重度使用了2天，无论从颜值，性能，效率和创新上，都碾压同类的终端工具。我完全找不到任何理由来放弃这么优秀的一款工具。整个使用的体验非常舒服，甚至于觉得，这，就是我心中现代化终端工具该有的样子！",
-    "url": "https://segmentfault.com/a/1190000042565433",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "4",
+    "title": "这些js原型及原型链面试题你能做对几道",
+    "description": "一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...",
+    "url": "https://segmentfault.com/a/1190000042569583",
+    "author": "腹黑的可乐",
+    "home_url": "https://segmentfault.com/u/fuheidekele",
+    "votes": "14",
     "rank": 1
   },
   {
@@ -27,29 +27,29 @@
     "rank": 3
   },
   {
-    "title": "2022年 SegmentFault 思否程序员大调查",
-    "description": "国庆长假来啦！进到这个页面的朋友，相信都是非常热爱学习的友友们👍来 SegmentFault 思否社区，不仅可以吸收技术知识充电，填写这份关于「程序员」的调查问卷，还有机会领取思否定制周边礼品！立即填写问卷👉戳链...",
-    "url": "https://segmentfault.com/a/1190000042566696",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "2",
+    "title": "sofa模块化隔离",
+    "description": "传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...",
+    "url": "https://segmentfault.com/a/1190000042574759",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "通过Node + SSE 做了一个构建日志推送",
-    "description": "SSE 全称是 Server Sent Event，翻译过来的意思就是 服务器派发事件。一个网页获取新的数据通常需要发送一个请求到服务器，也就是向服务器请求的页面。使用 server-sent 事件，服务器可以在任何时刻向我们的 Web ...",
-    "url": "https://segmentfault.com/a/1190000042564706",
-    "author": "悲伤日记",
-    "home_url": "https://segmentfault.com/u/beishangriji",
-    "votes": "1",
+    "title": "总结本周遇到的问题",
+    "description": "报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。",
+    "url": "https://segmentfault.com/a/1190000042573964",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "votes": "3",
     "rank": 5
   },
   {
-    "title": "Golang 单例模式与sync.Once",
-    "description": "在 Golang 中变量或说明实例只初始化一次的效果通过init函数是可以实现的，包在被引入时就会执行一次init函数且无论同一包被引入多少次也都只执行一次。",
-    "url": "https://segmentfault.com/a/1190000042567477",
-    "author": "Jeffid",
-    "home_url": "https://segmentfault.com/u/jeffid",
+    "title": "从零开始Wails2编写Web桌面应用",
+    "description": "前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...",
+    "url": "https://segmentfault.com/a/1190000042572133",
+    "author": "LnEoi",
+    "home_url": "https://segmentfault.com/u/lneoi",
     "votes": "1",
     "rank": 6
   },
@@ -63,210 +63,192 @@
     "rank": 7
   },
   {
-    "title": "漫谈 Web Storage API 既本地存储的 8 个 Features 和 20 个 BUG",
-    "description": "Storage 是种简单又复杂的本地数据存储方法，简单在于它使用方便，复杂在于它有无数的 BUG，为了能够安心的使用它，XJ 花了很多时间，写了一个开源的 xj.storage 插件，但在这篇文章中，插件并不是重点，XJ 在编...",
-    "url": "https://segmentfault.com/a/1190000042567817",
-    "author": "xjArea",
-    "home_url": "https://segmentfault.com/u/xjarea",
-    "votes": "0",
+    "title": "JavaScript中this指向哪儿？如何确定this？-前端面试进阶",
+    "description": "只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题...",
+    "url": "https://segmentfault.com/a/1190000042569595",
+    "author": "腹黑的可乐",
+    "home_url": "https://segmentfault.com/u/fuheidekele",
+    "votes": "10",
     "rank": 8
   },
   {
-    "title": "使用gorm写入time.Time的类型时的问题",
-    "description": "很大一部分gopher都是用过gorm，而time.Time类型也是大家常用的类型，今天我就主要介绍一个在使用过程中遇到的一个比较奇怪的问题。",
-    "url": "https://segmentfault.com/a/1190000042567349",
-    "author": "润雨冰雪",
-    "home_url": "https://segmentfault.com/u/runyubingxue",
-    "votes": "1",
+    "title": "Linux三剑客：grep、sed、awk基础入门学习笔记",
+    "description": "正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。",
+    "url": "https://segmentfault.com/a/1190000042572545",
+    "author": "生信分析笔记",
+    "home_url": "https://segmentfault.com/u/jewin",
+    "votes": "2",
     "rank": 9
   },
   {
-    "title": "总结本周遇到的问题",
-    "description": "报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。",
-    "url": "https://segmentfault.com/a/1190000042573964",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
-    "votes": "3",
+    "title": "麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）",
+    "description": "类别：笔记本型号：中国长城 UF712硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,PKS,银河麒麟,飞腾,arm64,arm,everything,fsearch,find",
+    "url": "https://segmentfault.com/a/1190000042575016",
+    "author": "码上世界",
+    "home_url": "https://segmentfault.com/u/code4world",
+    "votes": "1",
     "rank": 10
   },
   {
-    "title": "源码学习之MyBatis的底层查询原理",
-    "description": "本文通过MyBatis一个低版本的bug（3.4.5之前的版本）入手，分析MyBatis的一次完整的查询流程，从配置文件的解析到一个查询的完整执行过程详细解读MyBatis的一次查询流程，通过本文可以详细了解MyBatis的一次查询...",
-    "url": "https://segmentfault.com/a/1190000042564259",
-    "author": "京东云开发者",
-    "home_url": "https://segmentfault.com/u/jdcdevloper",
+    "title": "实现《羊了个羊-美女版》小游戏（低配版）",
+    "description": "前面有总结过一篇《简易动物版的羊了个羊》的实现，今天参考了鱼皮大佬的鱼了个鱼,我好奇研究了一下他的源码实现，并结合自己的理解，也用react + antd实现了一版，在实现的过程中，我只是简单修改了一下核心逻辑...",
+    "url": "https://segmentfault.com/a/1190000042575730",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "2",
     "rank": 11
   },
   {
-    "title": "sofa模块化隔离",
-    "description": "传统项目中有时会Klass service层直接调用Student service层的Bean去实现某些逻辑，当项目变得越来越大时，这种层与层之间的依赖关系变得十分复杂，不利于开发。多个团队同时开发时，本团队只希望关心自己负责的...",
-    "url": "https://segmentfault.com/a/1190000042574759",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "3",
+    "title": "Json序列化以及Infinite recursion",
+    "description": "背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...",
+    "url": "https://segmentfault.com/a/1190000042574739",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "2",
     "rank": 12
   },
   {
-    "title": "[极致用户体验] 多页面应用里，「网页内返回」按钮，何时用 history.back 何时用 replaceState？",
-    "description": "我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...",
-    "url": "https://segmentfault.com/a/1190000042569169",
-    "author": "HullQin",
-    "home_url": "https://segmentfault.com/u/hullqin",
+    "title": "Vue项目单元测试入门",
+    "description": "本文以Jest测试框架为例子，介绍常用的api和用法安装 {代码...} 常用api {代码...} 匹配函数 {代码...} 生命周期 {代码...} 组件 {代码...} 用法 {代码...} 常规测试 {代码...} 分组测试 {代码...} 异步代码测试...",
+    "url": "https://segmentfault.com/a/1190000042570207",
+    "author": "寻雾启示",
+    "home_url": "https://segmentfault.com/u/xin1994",
     "votes": "1",
     "rank": 13
   },
   {
-    "title": "一道React面试题把我整懵了",
-    "description": "提问：react项目中的JSX里，onChange={this.func.bind(this)}的写法，为什么要比非bind的func = () => {}的写法效率高？",
-    "url": "https://segmentfault.com/a/1190000042564033",
-    "author": "紧张的大葱",
-    "home_url": "https://segmentfault.com/u/jinzhangdedacong",
+    "title": "Vue实战必会的几个技巧",
+    "description": "vue 中常见别名有：up/向上箭头、down/向下箭头、left/左箭头、right/右箭头、space/空格、tab/换行、esc/退出、enter/回车、delete/删除",
+    "url": "https://segmentfault.com/a/1190000042571032",
+    "author": "yyds2026",
+    "home_url": "https://segmentfault.com/u/junyidemaodou",
     "votes": "1",
     "rank": 14
   },
   {
-    "title": "React面试：谈谈虚拟DOM，Diff算法与Key机制",
-    "description": "原生的JS DOM操作非常消耗性能，而React把真实原生JS DOM转换成了JavaScript对象。这就是虚拟Dom（Virtual Dom）",
-    "url": "https://segmentfault.com/a/1190000042567864",
-    "author": "紧张的大葱",
-    "home_url": "https://segmentfault.com/u/jinzhangdedacong",
+    "title": "利用Vue自定义指令让你的开发变得更优雅",
+    "description": "前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？",
+    "url": "https://segmentfault.com/a/1190000042574651",
+    "author": "罡风小天",
+    "home_url": "https://segmentfault.com/u/shawnphang",
     "votes": "1",
     "rank": 15
   },
   {
-    "title": "从零开始Wails2编写Web桌面应用",
-    "description": "前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...",
-    "url": "https://segmentfault.com/a/1190000042572133",
-    "author": "LnEoi",
-    "home_url": "https://segmentfault.com/u/lneoi",
+    "title": "面试题-Java基础",
+    "description": "JRE：java运行环境，为java的运行提供了所需环境。具体来说就是JDK其实包含了JRE，同时还提供了编译Java源码的编译器JAVAC，以及很多java程序调试和分析的工具。简单来说：如果你需要运行Java程序，只需安装JRE就...",
+    "url": "https://segmentfault.com/a/1190000042573592",
+    "author": "李博帅",
+    "home_url": "https://segmentfault.com/u/liboshuai",
     "votes": "1",
     "rank": 16
   },
   {
-    "title": "Linux三剑客：grep、sed、awk基础入门学习笔记",
-    "description": "正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。",
-    "url": "https://segmentfault.com/a/1190000042572545",
-    "author": "生信分析笔记",
-    "home_url": "https://segmentfault.com/u/jewin",
-    "votes": "2",
+    "title": "call、apply、bind之间的区别",
+    "description": "3、当我们使用call和apply时，函数会直接被调用，而用bind指定this指向时函数不会立即调用，而是返回一个新函数，这个函数即使被直接调用其this还是指向所绑定的对象。",
+    "url": "https://segmentfault.com/a/1190000042570103",
+    "author": "小卢没烦恼",
+    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
+    "votes": "1",
     "rank": 17
   },
   {
-    "title": "ShardingSphere高CPU消耗的问题",
-    "description": "ShardingSphere官方文档[链接]一、老版本TreeMap问题在5.0.0之前的ShardingResultSet中使用的TreeMap设置的不分大小写导致的，这个源码中写死的。1.1 标志性热点二、5.0.0版本之后去掉了TreeMap在5.0.0版本之后，...",
-    "url": "https://segmentfault.com/a/1190000042567934",
-    "author": "开翻挖掘机",
-    "home_url": "https://segmentfault.com/u/wajueji9527",
+    "title": "解决图片底部白边",
+    "description": "解决图片底部白边当图片的父元素是一个块盒，且父元素高度自动即没有指定值，图片底部和父元素底边之间往往会出现空白。例： {代码...} 效果如下 ：我们可以明显的看到图片与边框存在一个白边，那么我们要如何解...",
+    "url": "https://segmentfault.com/a/1190000042573147",
+    "author": "小卢没烦恼",
+    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
     "votes": "1",
     "rank": 18
   },
   {
-    "title": "JavaScript中this指向哪儿？如何确定this？-前端面试进阶",
-    "description": "只要你踏入JavaScript 的世界，那么你一定会遇到 this 关键词。有许多人所 this 是 JavaScript 中最复杂的东西之一，也有人说 this 其实很简单......但是事实确实，有许多工作了好多年的小伙伴，在 this 指向问题...",
-    "url": "https://segmentfault.com/a/1190000042569595",
-    "author": "腹黑的可乐",
-    "home_url": "https://segmentfault.com/u/fuheidekele",
-    "votes": "9",
+    "title": "CSS3中弹性项目的压缩规则",
+    "description": "得到的结果是item1的宽度为140px,item2的宽度为160px,也就是说，item1的压缩值是60px，item2的压缩值为240px。压缩值算法如下：",
+    "url": "https://segmentfault.com/a/1190000042571352",
+    "author": "小卢没烦恼",
+    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
+    "votes": "1",
     "rank": 19
   },
   {
-    "title": "vue项目性能优化-前端加分项",
-    "description": "Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置...",
-    "url": "https://segmentfault.com/a/1190000042564339",
-    "author": "风度翩翩的红金鱼",
-    "home_url": "https://segmentfault.com/u/fengdudehongjinyu",
-    "votes": "1",
+    "title": "即时通讯社交应用创业",
+    "description": "2011年推出微信，腾讯在打通中国熟人关系链的同时，也在不断打造微信生态，拓展微信支付、小程序等功能。虽然微信生态颇具体量，但尾大不掉也是事实。",
+    "url": "https://segmentfault.com/a/1190000042573321",
+    "author": "雯文",
+    "home_url": "https://segmentfault.com/u/wen_62753939d92c2",
+    "votes": "0",
     "rank": 20
   },
   {
-    "title": "Vue项目单元测试入门",
-    "description": "本文以Jest测试框架为例子，介绍常用的api和用法安装 {代码...} 常用api {代码...} 匹配函数 {代码...} 生命周期 {代码...} 组件 {代码...} 用法 {代码...} 常规测试 {代码...} 分组测试 {代码...} 异步代码测试...",
-    "url": "https://segmentfault.com/a/1190000042570207",
-    "author": "寻雾启示",
-    "home_url": "https://segmentfault.com/u/xin1994",
+    "title": "最全Spring+Boot+MVC+CloudAlibaba学习手册，你想学的全都有",
+    "description": "Spring框架自诞生以来一直备受开发者青睐，有人亲切的称之为：Spring 全家桶。Spring更是避免了重复造轮子的工作并跟随着互联网行业的发展做出不断的更新，很多研发人员把spring看作心目中最好的Java项目，没有之...",
+    "url": "https://segmentfault.com/a/1190000042575782",
+    "author": "Java架构师",
+    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
     "votes": "1",
     "rank": 21
   },
   {
-    "title": "前端面试前端性能优化篇",
-    "description": "不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。Start~一、HTML优化渲染顺序1、CSS样式表置于头部，C...",
-    "url": "https://segmentfault.com/a/1190000042563871",
-    "author": "腹黑的可乐",
-    "home_url": "https://segmentfault.com/u/fuheidekele",
+    "title": "go 酷之viper 配置读取",
+    "description": "引言viper 是一个用于读取配置文件的库。如果你需要读取配置文件，那么 viper 足够好用。项目地址项目地址： [链接] [star:20.7k]使用场景读取配置安装go get github.com/spf13/viper常用方法SetConfigFile 定义...",
+    "url": "https://segmentfault.com/a/1190000042577361",
+    "author": "13sai",
+    "home_url": "https://segmentfault.com/u/13sai",
     "votes": "1",
     "rank": 22
   },
   {
-    "title": "Json序列化以及Infinite recursion",
-    "description": "背景 {代码...} 当时开发的时候报了这个错。看报错就知道是因为，json的相互依赖。比如A 中有一个属性是 B , 而B中也有一个属性是A。 这将造成了json序列化的时候，报相互依赖的异常。而正好，当前的代码就是这么...",
-    "url": "https://segmentfault.com/a/1190000042574739",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "2",
+    "title": "Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么",
+    "description": "Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。",
+    "url": "https://segmentfault.com/a/1190000042577567",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "0",
     "rank": 23
   },
   {
-    "title": "这些js原型及原型链面试题你能做对几道",
-    "description": "一、前言在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！我痛下决心用了两天时间钻研了下原型，弄明白后发现世界都明亮了，原来这么简单 ...",
-    "url": "https://segmentfault.com/a/1190000042569583",
-    "author": "腹黑的可乐",
-    "home_url": "https://segmentfault.com/u/fuheidekele",
-    "votes": "7",
+    "title": "JavaScript 新提案：array.groupBy()",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042578631",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
     "rank": 24
   },
   {
-    "title": "js中的for...in循环",
-    "description": "JavaScript中的for...in循环for...in能遍历对象（数组）中的属性用法： {代码...} 例： {代码...} for...in循环能遍历出原型上的属性与方法例: {代码...} for...in循环是无序的 {代码...} 由此可以看出，for...in...",
-    "url": "https://segmentfault.com/a/1190000042568640",
-    "author": "小卢没烦恼",
-    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
-    "votes": "1",
+    "title": "35+，如果面试让我手写红黑树！",
+    "description": "为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...",
+    "url": "https://segmentfault.com/a/1190000042581816",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "麒麟操作系统 (kylinos) 从入门到精通 - 办公环境- 第三十七篇 资料搜索（windows下everything替代）",
-    "description": "类别：笔记本型号：中国长城 UF712硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,PKS,银河麒麟,飞腾,arm64,arm,everything,fsearch,find",
-    "url": "https://segmentfault.com/a/1190000042575016",
-    "author": "码上世界",
-    "home_url": "https://segmentfault.com/u/code4world",
+    "title": "想学习Web安全，如何入门？",
+    "description": "开始前的思考我真的喜欢搞安全吗?我想通过安全赚钱钱?我不知道做什么就是随便?一辈子做安全吗？\\这些不想清楚会对你以后的发展很不利，与其盲目的学习web安全，不如先做一个长远的计划。否则在我看来都是浪费时间...",
+    "url": "https://segmentfault.com/a/1190000042581060",
+    "author": "代码熬夜敲",
+    "home_url": "https://segmentfault.com/u/2uj39mdb",
     "votes": "1",
     "rank": 26
   },
   {
-    "title": "call、apply、bind之间的区别",
-    "description": "3、当我们使用call和apply时，函数会直接被调用，而用bind指定this指向时函数不会立即调用，而是返回一个新函数，这个函数即使被直接调用其this还是指向所绑定的对象。",
-    "url": "https://segmentfault.com/a/1190000042570103",
-    "author": "小卢没烦恼",
-    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
+    "title": "用自己的编程语言实现了一个网站（增强版）",
+    "description": "看起来确实非常的挫，其实之前一直也想做一个 GScript 的在线 playground ，于是国庆期间学了一点 皮毛 Vue 加上老弟的帮忙（他是前端开发），最终完成了下面这个网站：",
+    "url": "https://segmentfault.com/a/1190000042578505",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "1",
     "rank": 27
   },
   {
-    "title": "利用Vue自定义指令让你的开发变得更优雅",
-    "description": "前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？",
-    "url": "https://segmentfault.com/a/1190000042574651",
-    "author": "罡风小天",
-    "home_url": "https://segmentfault.com/u/shawnphang",
+    "title": "vue项目接入海康威视h5player.js播放器",
+    "description": "最近公司项目需要接入海康视频监控，先后使用了easyplayer.js(只能播放海康视频的hls视频流，加载很慢，放弃),海康自带WEB插件(需要用户安装插件，放弃)，最终决定使用海康H5player.js插件，使用版本V2.12，供大...",
+    "url": "https://segmentfault.com/a/1190000042580894",
+    "author": "瑞瑞同学_",
+    "home_url": "https://segmentfault.com/u/ruiruik",
     "votes": "1",
     "rank": 28
-  },
-  {
-    "title": "解决图片底部白边",
-    "description": "解决图片底部白边当图片的父元素是一个块盒，且父元素高度自动即没有指定值，图片底部和父元素底边之间往往会出现空白。例： {代码...} 效果如下 ：我们可以明显的看到图片与边框存在一个白边，那么我们要如何解...",
-    "url": "https://segmentfault.com/a/1190000042573147",
-    "author": "小卢没烦恼",
-    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
-    "votes": "1",
-    "rank": 29
-  },
-  {
-    "title": "面试题-Java基础",
-    "description": "JRE：java运行环境，为java的运行提供了所需环境。具体来说就是JDK其实包含了JRE，同时还提供了编译Java源码的编译器JAVAC，以及很多java程序调试和分析的工具。简单来说：如果你需要运行Java程序，只需安装JRE就...",
-    "url": "https://segmentfault.com/a/1190000042573592",
-    "author": "李博帅",
-    "home_url": "https://segmentfault.com/u/liboshuai",
-    "votes": "1",
-    "rank": 30
   }
 ]

package/web/data/toutiao-30.json

@@ -22,7 +22,7 @@
   {
     "title": "分享16个我总结的思维模型（程序员必读，受用终身）",
     "description": "人们在围绕软件开发的讨论中，几乎不可避免会随口引用一两条原则。你可能听过人们说：“这行不通，因为‘X法则’！”。或者“你不知道‘Y原则’吗？”你是哪种类型的软件开发人员？有许多规律...",
-    "votes": "85",
+    "votes": "86",
     "url": "/k/f7r13v5",
     "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
     "avatarAlt": "乱点技能树 - 独家号",
@@ -39,16 +39,6 @@
     "subjectName": "架构之美",
     "homeUrl": "/subjects/42200"
   },
-  {
-    "title": "微服务网关鉴权：gateway使用、网关限流使用、用户密码加密、JWT鉴权",
-    "description": "点击上方“芋道源码”，选择“设为星标”管她前浪，还是后浪？能浪的浪，才是好浪！每天 10:33 更新文章，每天掉亿点点头发...源码精品专栏 原创 | Java 2021 超神之路...",
-    "votes": "79",
-    "url": "/k/rdhhq5d",
-    "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
-    "avatarAlt": "Bloomingroses - 独家号",
-    "subjectName": "Bloomingroses",
-    "homeUrl": "/subjects/98777"
-  },
   {
     "title": "性能优化必备——火焰图",
     "description": "引言本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。 结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。背景当前...",
@@ -72,7 +62,7 @@
   {
     "title": "聊聊 8种 架构模式",
     "description": "来源：juejin.cn/post/6844904007438172167傅一平评语：这是一篇很好的普及架构知识的文章，对于非科班出身的技术管理者还是很有实际指导意义，我读了获得感...",
-    "votes": "68",
+    "votes": "69",
     "url": "/k/luf0yh6",
     "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
     "avatarAlt": "进击的程序猿 - 独家号",
@@ -89,16 +79,6 @@
     "subjectName": "Bloomingroses",
     "homeUrl": "/subjects/98777"
   },
-  {
-    "title": "SQL优化万能公式：5 大步骤 + 10 个案例",
-    "description": "",
-    "votes": "63",
-    "url": "/k/4p8xa6s",
-    "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
-    "avatarAlt": "Bloomingroses - 独家号",
-    "subjectName": "Bloomingroses",
-    "homeUrl": "/subjects/98777"
-  },
   {
     "title": "从我在阿里带队的得与失，谈技术管理如何避免瞎折腾",
     "description": "曾子曰：吾日三省吾身，反思是人类进化出来的一项异常宝贵的能力。我在阿里带团队也有四年多的时间，有必要总结一下此间得失；另外，前几天和一个刚开始带团队的同学聊天，他觉得角色转变对于他...",
@@ -130,14 +110,14 @@
     "homeUrl": "/subjects/31250"
   },
   {
-    "title": "已入字节的大佬各厂三年Go面经",
+    "title": "万字长文，SpringSecurity实现权限系统设计",
     "description": "",
-    "votes": "51",
-    "url": "/k/a39rox2",
-    "avatar": "https://img.toutiao.io/subject/3f69ffc3bdf6496e86439348166e3ed7/thumb",
-    "avatarAlt": "GoHackers - 独家号",
-    "subjectName": "GoHackers",
-    "homeUrl": "/subjects/1385"
+    "votes": "48",
+    "url": "/k/rb5lzmf",
+    "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
+    "avatarAlt": "浪客用react,java全栈 - 独家号",
+    "subjectName": "浪客用react,java全栈",
+    "homeUrl": "/subjects/132403"
   },
   {
     "title": "我是怎么读代码的",
@@ -149,16 +129,6 @@
     "subjectName": "架构之美",
     "homeUrl": "/subjects/42200"
   },
-  {
-    "title": "万字长文，SpringSecurity实现权限系统设计",
-    "description": "",
-    "votes": "47",
-    "url": "/k/rb5lzmf",
-    "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
-    "avatarAlt": "浪客用react,java全栈 - 独家号",
-    "subjectName": "浪客用react,java全栈",
-    "homeUrl": "/subjects/132403"
-  },
   {
     "title": "如何设计一个消息中心",
     "description": "如今的内容型产品，不管提供的是什么类型的内容，在其主功能之外，不可避免的会有另一个十分重要的功能——消息中心。而无论是信息流、论坛、信箱，还是私聊、群聊、通知，推拉模型是内容型（包...",
@@ -179,6 +149,16 @@
     "subjectName": "码农参上",
     "homeUrl": "/subjects/457899"
   },
+  {
+    "title": "从0到1000万：哔哩哔哩直播架构演进史",
+    "description": "本期作者  赵海林B端技术中心资深开发工程师 01 前言 哔哩哔哩直播成立于 2014 年，经过 8 年时间的发展已经从最初的业务试水成长为公司重要的业务板块之一。技术架构也从一个...",
+    "votes": "50",
+    "url": "/k/c1wadvv",
+    "avatar": "https://img.toutiao.io/default-avatar.png",
+    "avatarAlt": "u485925的独家号 - 独家号",
+    "subjectName": "u485925的独家号",
+    "homeUrl": "/subjects/361937"
+  },
   {
     "title": "20 图 ｜6 千字｜缓存实战（上篇）",
     "description": "回复 PDF 领取资料 这是悟空的第 96 篇原创文章作者 | 悟空聊架构来源 | 悟空聊架构（ID：PassJava666）转载请联系授权（微信ID：PassJava）前言先说个...",
@@ -200,14 +180,14 @@
     "homeUrl": "/subjects/416733"
   },
   {
-    "title": "从0到1000万：哔哩哔哩直播架构演进史",
-    "description": "本期作者  赵海林B端技术中心资深开发工程师 01 前言 哔哩哔哩直播成立于 2014 年，经过 8 年时间的发展已经从最初的业务试水成长为公司重要的业务板块之一。技术架构也从一个...",
-    "votes": "47",
-    "url": "/k/c1wadvv",
-    "avatar": "https://img.toutiao.io/default-avatar.png",
-    "avatarAlt": "u485925的独家号 - 独家号",
-    "subjectName": "u485925的独家号",
-    "homeUrl": "/subjects/361937"
+    "title": "慢查询 MySQL 定位优化技巧，从10s优化到300ms",
+    "description": "大家好，我是不才陈某~ 今天分享一下如何快速定位慢查询SQL以及优化1.如何定位并优化慢查询SQL？ 一般有3个思考方向：根据慢日志定位慢查询sql使用explain等工具分析sq...",
+    "votes": "42",
+    "url": "/k/3re4xuy",
+    "avatar": "https://img.toutiao.io/subject/ca32be3cbe13422a9fc08989bf5378d9/thumb",
+    "avatarAlt": "文不落 - 独家号",
+    "subjectName": "文不落",
+    "homeUrl": "/subjects/113701"
   },
   {
     "title": "2022 年了，我才开始学 TypeScript ，晚吗？（7.5k字总结）",
@@ -220,14 +200,14 @@
     "homeUrl": "/subjects/7076"
   },
   {
-    "title": "慢查询 MySQL 定位优化技巧，从10s优化到300ms",
-    "description": "大家好，我是不才陈某~ 今天分享一下如何快速定位慢查询SQL以及优化1.如何定位并优化慢查询SQL？ 一般有3个思考方向：根据慢日志定位慢查询sql使用explain等工具分析sq...",
-    "votes": "40",
-    "url": "/k/3re4xuy",
-    "avatar": "https://img.toutiao.io/subject/ca32be3cbe13422a9fc08989bf5378d9/thumb",
-    "avatarAlt": "文不落 - 独家号",
-    "subjectName": "文不落",
-    "homeUrl": "/subjects/113701"
+    "title": "如何利用 MySQL 5.7 提供的虚拟列来提高查询效率",
+    "description": " 点击上方蓝字关注我们 01前言 在我们日常开发过程中，有时候因为对索引列进行函数调用，导致索引失效。举个例子，比如我们要按月查询记录，而当我们 表中只存时间，如果我们使用如下语句...",
+    "votes": "39",
+    "url": "/k/o8wbfmb",
+    "avatar": "https://img.toutiao.io/subject/f13d5c901ebe4d5f9509d20e36f1ee33/thumb",
+    "avatarAlt": "linyb极客之路 - 独家号",
+    "subjectName": "linyb极客之路",
+    "homeUrl": "/subjects/406737"
   },
   {
     "title": "5大主流方案对比：MySQL千亿级数据线上平滑扩容实战",
@@ -248,5 +228,25 @@
     "avatarAlt": "文不落 - 独家号",
     "subjectName": "文不落",
     "homeUrl": "/subjects/113701"
+  },
+  {
+    "title": "MySQL 上亿大表优化实践",
+    "description": "👇推荐大家关注一个公众号👇点击上方 \"编程技术圈\"关注, 星标或置顶一起成长后台回复“大礼包”有惊喜礼包！每日英文Man has to be crazy for once, whe...",
+    "votes": "43",
+    "url": "/k/8d5235l",
+    "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
+    "avatarAlt": "乱点技能树 - 独家号",
+    "subjectName": "乱点技能树",
+    "homeUrl": "/subjects/194141"
+  },
+  {
+    "title": "字节二面：Redis 的大 Key 对持久化有什么影响？",
+    "description": "",
+    "votes": "37",
+    "url": "/k/dwzvr51",
+    "avatar": "https://img.toutiao.io/subject/5677c886e56b479194e85580c577d68a/thumb",
+    "avatarAlt": "编程爱好者(网络编程) - 独家号",
+    "subjectName": "编程爱好者(网络编程)",
+    "homeUrl": "/subjects/134283"
   }
 ]