@wcj/github-rank 22.10.11 → 22.10.13

package/web/data/sifou-weekly.json

@@ -5,17 +5,26 @@
     "url": "https://segmentfault.com/a/1190000042584599",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "9",
+    "votes": "13",
     "rank": 1
   },
+  {
+    "title": "超强的纯 CSS 鼠标点击拖拽效果",
+    "description": "背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...",
+    "url": "https://segmentfault.com/a/1190000042589774",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "10",
+    "rank": 2
+  },
   {
     "title": "35+，如果面试让我手写红黑树！",
     "description": "为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...",
     "url": "https://segmentfault.com/a/1190000042581816",
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "6",
-    "rank": 2
+    "votes": "8",
+    "rank": 3
   },
   {
     "title": "华为王泽锋：协作创新、开源的魅力所在",
@@ -24,61 +33,25 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
-    "rank": 3
-  },
-  {
-    "title": "JavaScript 新提案：array.groupBy()",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042578631",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
     "rank": 4
   },
-  {
-    "title": "牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II",
-    "description": "首先，考虑特殊情况，如果链表为空或者只有一个结点，不会有重复的元素，返回原链表。否则，遍历链表判断是否有重复元素，处理过程如下：首先，因为头结点也可能重复，所以使用一个虚拟头结点dummyNode；然后，用...",
-    "url": "https://segmentfault.com/a/1190000042572573",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
-    "rank": 5
-  },
   {
     "title": "「数字无限人生」：技术人的精彩时代",
     "description": "18世纪，蒸汽机的发明，引发第一次科技革命19世纪，电力的发明， 引发第二次科技革命20世纪，电脑、能源、新材料、空间、生物等新兴技术，引发第三次科技革命21世纪，电子和信息技术，引发第四次科技革命2022，数...",
     "url": "https://segmentfault.com/a/1190000042582695",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "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": 7
-  },
-  {
-    "title": "总结本周遇到的问题",
-    "description": "报错如下：搜索后发现此类错误和数据库的字符集有关系之所以之前没发现此类问题是因为之前测试时只测试了保存英文字符，然而当我们存储中文字符时就会出现此类错误。",
-    "url": "https://segmentfault.com/a/1190000042573964",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
     "votes": "3",
-    "rank": 8
+    "rank": 5
   },
   {
-    "title": "从零开始Wails2编写Web桌面应用",
-    "description": "前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...",
-    "url": "https://segmentfault.com/a/1190000042572133",
-    "author": "LnEoi",
-    "home_url": "https://segmentfault.com/u/lneoi",
-    "votes": "1",
-    "rank": 9
+    "title": "JavaScript 新提案：array.groupBy()",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042578631",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
+    "rank": 6
   },
   {
     "title": "实现《羊了个羊-美女版》小游戏（低配版）",
@@ -86,8 +59,17 @@
     "url": "https://segmentfault.com/a/1190000042575730",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "3",
-    "rank": 10
+    "votes": "5",
+    "rank": 7
+  },
+  {
+    "title": "想要字体图标设计师却给了SVG？没关系，自己转",
+    "description": "本文为Varlet组件库源码主题阅读系列第三篇，读完本篇，你可以了解到如何将svg图标转换成字体图标文件，以及如何设计一个简洁的Vue图标组件。",
+    "url": "https://segmentfault.com/a/1190000042588745",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "2",
+    "rank": 8
   },
   {
     "title": "浅析React中的state",
@@ -95,9 +77,36 @@
     "url": "https://segmentfault.com/a/1190000042583784",
     "author": "Itnd",
     "home_url": "https://segmentfault.com/u/54r9rxzy",
-    "votes": "2",
+    "votes": "3",
+    "rank": 9
+  },
+  {
+    "title": "详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？",
+    "description": "嵌入式分析是使任何应用程序或用户更容易获得数据分析和商业智能的技术。商业智能是通过分析业务数据辅助决策获取数据背后的 0信息。商业智能软件和技术包含了报表查询，OLAP，数据挖掘及高级数据分析，最终用户...",
+    "url": "https://segmentfault.com/a/1190000042607367",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "创建现代npm包的最佳实践",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042554239",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
     "rank": 11
   },
+  {
+    "title": "致「独一无二」的你｜1024 程序员节系列活动启动",
+    "description": "不知道刚过完小长假的大家，有没有假期模式切换回（连上 7 天班的）工作模式呢？😶‍🌫️ 10 月可不止有国庆节，还有咱们开发者群体不可错过的「1024 程序员节」～",
+    "url": "https://segmentfault.com/a/1190000042598682",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "2",
+    "rank": 12
+  },
   {
     "title": "用自己的编程语言实现了一个网站（增强版）",
     "description": "看起来确实非常的挫，其实之前一直也想做一个 GScript 的在线 playground ，于是国庆期间学了一点 皮毛 Vue 加上老弟的帮忙（他是前端开发），最终完成了下面这个网站：",
@@ -105,7 +114,16 @@
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "1",
-    "rank": 12
+    "rank": 13
+  },
+  {
+    "title": "前端框架：性能与灵活性的取舍",
+    "description": "大家好，我卡颂。针对前端框架，长期存在着各种纷争。其中争论比较大的是下面两项：性能之争API设计之争比如，各大新兴框架都会掏出benchmark证明自己优秀的运行时性能，在这些benchmark中React通常是垫底的存在...",
+    "url": "https://segmentfault.com/a/1190000042598225",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "3",
+    "rank": 14
   },
   {
     "title": "想学习Web安全，如何入门？",
@@ -114,53 +132,17 @@
     "author": "代码熬夜敲",
     "home_url": "https://segmentfault.com/u/2uj39mdb",
     "votes": "1",
-    "rank": 13
-  },
-  {
-    "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": 14
-  },
-  {
-    "title": "想要字体图标设计师却给了SVG？没关系，自己转",
-    "description": "本文为Varlet组件库源码主题阅读系列第三篇，读完本篇，你可以了解到如何将svg图标转换成字体图标文件，以及如何设计一个简洁的Vue图标组件。",
-    "url": "https://segmentfault.com/a/1190000042588745",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "2",
     "rank": 15
   },
   {
-    "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",
+    "title": "SegmentFault 思否技术周刊 — 浅谈如何使用 Webpack ？",
+    "description": "最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来 build。构建之后的组件，会合并成单个的 js 文件，而且代码会被...",
+    "url": "https://segmentfault.com/a/1190000042598383",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "2",
     "rank": 16
   },
-  {
-    "title": "Linux三剑客：grep、sed、awk基础入门学习笔记",
-    "description": "正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。",
-    "url": "https://segmentfault.com/a/1190000042572545",
-    "author": "生信分析笔记",
-    "home_url": "https://segmentfault.com/u/jewin",
-    "votes": "2",
-    "rank": 17
-  },
-  {
-    "title": "创建现代npm包的最佳实践",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042554239",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 18
-  },
   {
     "title": "9 月更新 | Visual Studio Code Python",
     "description": "我们很高兴地宣布，2022 年 9 月发布的适用于 Visual Studio Code Python和Jupyter扩展现已推出！此版本包括以下改进：改进了对 Jupyter 笔记本的 IntelliSense 支持一个新的 Flake8 扩展试行功能：改进的单元测...",
@@ -168,7 +150,7 @@
     "author": "微软技术栈",
     "home_url": "https://segmentfault.com/u/mstech",
     "votes": "1",
-    "rank": 19
+    "rank": 17
   },
   {
     "title": "面试官：哪些浏览器事件不会冒泡？",
@@ -177,95 +159,113 @@
     "author": "罡风小天",
     "home_url": "https://segmentfault.com/u/shawnphang",
     "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "如何快速学习Go的struct数据类型",
+    "description": "结构是表示字段集合的用户定义类型。它可以用于将数据分组为单个单元而不是将每个数据作为单独的值的地方。例如，员工有firstName、lastName和age。将这三个属性分组到一个名为Employee。",
+    "url": "https://segmentfault.com/a/1190000042589069",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "新一波 JavaScript 框架",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042558282",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 20
   },
   {
-    "title": "go性能工具pprof",
-    "description": "net/http/pprof对于在线服务，对于一个 HTTP Server，访问 pprof 提供的 HTTP 接口，获得性能数据。当然，实际上这里底层也是调用的 runtime/pprof 提供的函数，封装成接口对外提供网络访问。",
-    "url": "https://segmentfault.com/a/1190000042574162",
-    "author": "13sai",
-    "home_url": "https://segmentfault.com/u/13sai",
+    "title": "🤖️ 如何逐步关闭 MIUI 无处不在的广告",
+    "description": "在 2022 年，Android 系统对手机权限的进一步限制，一些过往的卡顿问题都得到了一定的解决。但是在国内的定制版 Android 机上，和原生 Android 系统还是多了一些特色的东西：",
+    "url": "https://segmentfault.com/a/1190000042583953",
+    "author": "卤代烃",
+    "home_url": "https://segmentfault.com/u/skychx",
     "votes": "1",
     "rank": 21
   },
   {
-    "title": "利用Vue自定义指令让你的开发变得更优雅",
-    "description": "前段时间在用框架开发H5页面时，碰到框架中的组件内置了一个属性用于适配异形屏，虽然是组件内部实现的，但这个方式让我萌生一个想法：能不能自己写一个属性来实现这样的功能？",
-    "url": "https://segmentfault.com/a/1190000042574651",
-    "author": "罡风小天",
-    "home_url": "https://segmentfault.com/u/shawnphang",
+    "title": "快速了解 inert 属性",
+    "description": "欢迎关注我的公众号：前端侦探介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧一、iner...",
+    "url": "https://segmentfault.com/a/1190000042595978",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "1",
     "rank": 22
   },
   {
-    "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",
+    "title": "h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码",
+    "description": "有时候我们有这样的需求，就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率，提高效率。对图片进行裁剪符合上传需求。（现在手机拍照分辨率很高，直接拿来用比较大。)前端对图片进行压缩...",
+    "url": "https://segmentfault.com/a/1190000042587161",
+    "author": "farmerz",
+    "home_url": "https://segmentfault.com/u/farmerz",
+    "votes": "2",
     "rank": 23
   },
   {
-    "title": "API接口监控实用工具 - WGCLOUD",
-    "description": "随着微服务的流行，系统组件之间每天产生越来越多的接口，每个接口的运行是否正常健康，慢慢的越来越引起我们的关注那么如何管理API接口的状态，保证这些接口API都是正常稳定的运行状态",
-    "url": "https://segmentfault.com/a/1190000042584134",
-    "author": "一往情深",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "title": "详解webpack构建优化",
+    "description": "当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，下面我们就从速度和体积两方面来探讨构建优化的策略。",
+    "url": "https://segmentfault.com/a/1190000042595326",
+    "author": "gogo2027",
+    "home_url": "https://segmentfault.com/u/bakuaifujideguantou",
     "votes": "1",
     "rank": 24
   },
   {
-    "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",
+    "title": "Go语言学习笔记：Http请求--Gorequest使用",
+    "description": "最近几天部署代理池的时候，用Python写了requests请求测试IP地址检测连通性的脚本。但是发现了一个问题，requests.get带代理请求有时候请求不通。我初步认为代理的问题，但是之后我用了curl请求发现代理是正常的...",
+    "url": "https://segmentfault.com/a/1190000042602198",
+    "author": "ipidea",
+    "home_url": "https://segmentfault.com/u/ipidea",
     "votes": "1",
     "rank": 25
   },
   {
-    "title": "h5中使用javascript在客户端对图片进行压缩和尺寸处理，附ts代码",
-    "description": "有时候我们有这样的需求，就是对前端选中的图片进行压缩处理。这样处理的原因可能是。减少带宽占用率，提高效率。对图片进行裁剪符合上传需求。（现在手机拍照分辨率很高，直接拿来用比较大。)前端对图片进行压缩...",
-    "url": "https://segmentfault.com/a/1190000042587161",
-    "author": "farmerz",
-    "home_url": "https://segmentfault.com/u/farmerz",
+    "title": "API接口监控实用工具 - WGCLOUD",
+    "description": "随着微服务的流行，系统组件之间每天产生越来越多的接口，每个接口的运行是否正常健康，慢慢的越来越引起我们的关注那么如何管理API接口的状态，保证这些接口API都是正常稳定的运行状态",
+    "url": "https://segmentfault.com/a/1190000042584134",
+    "author": "一往情深",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
     "votes": "1",
     "rank": 26
   },
   {
-    "title": "Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么",
-    "description": "Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。",
-    "url": "https://segmentfault.com/a/1190000042577567",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "0",
+    "title": "前端常见问题整理（持续更新）",
+    "description": "作用域就是代码的执行环境，全局执行环境就是全局作用域，函数的执行环境就是私有作用域，它们都是栈内存。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的...",
+    "url": "https://segmentfault.com/a/1190000042588416",
+    "author": "LunanticSky",
+    "home_url": "https://segmentfault.com/u/lunanticsky",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "解决图片底部白边",
-    "description": "解决图片底部白边当图片的父元素是一个块盒，且父元素高度自动即没有指定值，图片底部和父元素底边之间往往会出现空白。例： {代码...} 效果如下 ：我们可以明显的看到图片与边框存在一个白边，那么我们要如何解...",
-    "url": "https://segmentfault.com/a/1190000042573147",
-    "author": "小卢没烦恼",
-    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
+    "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": 28
   },
   {
-    "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",
+    "title": "element 动态表格新增删除行、列闪现问题",
+    "description": "无论是新增行列还是删除行列，vue 都需要重新计算单元格的高度和宽度，然后再重新渲染到页面上。因为这个过程被直接反馈到了页面上，所以导致了 table 发生闪烁。",
+    "url": "https://segmentfault.com/a/1190000042593644",
+    "author": "tenSe7en",
+    "home_url": "https://segmentfault.com/u/potato_5896cd102b6fe",
+    "votes": "8",
     "rank": 29
   },
   {
-    "title": "即时通讯社交应用创业",
-    "description": "2011年推出微信，腾讯在打通中国熟人关系链的同时，也在不断打造微信生态，拓展微信支付、小程序等功能。虽然微信生态颇具体量，但尾大不掉也是事实。",
-    "url": "https://segmentfault.com/a/1190000042573321",
-    "author": "雯文",
-    "home_url": "https://segmentfault.com/u/wen_62753939d92c2",
+    "title": "浅谈移动端单屏解决方案",
+    "description": "文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常...",
+    "url": "https://segmentfault.com/a/1190000042587022",
+    "author": "深红",
+    "home_url": "https://segmentfault.com/u/deepred5",
     "votes": "0",
     "rank": 30
   }

package/web/data/toutiao-30.json

@@ -9,20 +9,10 @@
     "subjectName": "文不落",
     "homeUrl": "/subjects/113701"
   },
-  {
-    "title": "Redis高可用方案",
-    "description": "鉴于上一篇文章提出了，Redis的性能瓶颈在于内存和网络IO上，针对内存上的性能瓶颈，Redis总共采用了三种技术方案，分别是增加内存、内存淘汰策略以及集群。集群不仅解决了内存瓶颈...",
-    "votes": "110",
-    "url": "/k/3hh68yl",
-    "avatar": "https://img.toutiao.io/subject/d165ed853e794176806a8cdf2e343338/thumb",
-    "avatarAlt": "林晓编程 - 独家号",
-    "subjectName": "林晓编程",
-    "homeUrl": "/subjects/242088"
-  },
   {
     "title": "分享16个我总结的思维模型（程序员必读，受用终身）",
     "description": "人们在围绕软件开发的讨论中，几乎不可避免会随口引用一两条原则。你可能听过人们说：“这行不通，因为‘X法则’！”。或者“你不知道‘Y原则’吗？”你是哪种类型的软件开发人员？有许多规律...",
-    "votes": "87",
+    "votes": "88",
     "url": "/k/f7r13v5",
     "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
     "avatarAlt": "乱点技能树 - 独家号",
@@ -32,13 +22,23 @@
   {
     "title": "性能优化必备——火焰图",
     "description": "引言本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。 结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。背景当前...",
-    "votes": "80",
+    "votes": "81",
     "url": "/k/azf7ub6",
     "avatar": "https://img.toutiao.io/subject/8d1fd69b9a2a49e79f68a1e3c8fc0138/thumb",
     "avatarAlt": "咕咕鸡技术专栏 - 独家号",
     "subjectName": "咕咕鸡技术专栏",
     "homeUrl": "/subjects/477457"
   },
+  {
+    "title": "7000 字 + 24 张图带你彻底弄懂线程池",
+    "description": "今天跟大家聊一聊无论是在工作中常用还是在面试中常问的线程池，通过画图的方式来彻底弄懂线程池的工作原理，以及在实际项目中该如何自定义适合业务的线程池。一、什么是线程池 线程池其实是一...",
+    "votes": "76",
+    "url": "/k/wci1eno",
+    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
+    "avatarAlt": "服务架构及中台 - 独家号",
+    "subjectName": "服务架构及中台",
+    "homeUrl": "/subjects/26578"
+  },
   {
     "title": "Netty、Kafka中的零拷贝技术到底有多牛?",
     "description": "👇推荐大家关注一个公众号👇点击上方 \"编程技术圈\"关注, 星标或置顶一起成长后台回复“大礼包”有惊喜礼包！每日英文Man has to be crazy for once, whe...",
@@ -79,6 +79,16 @@
     "subjectName": "Bloomingroses",
     "homeUrl": "/subjects/98777"
   },
+  {
+    "title": "超实用！整理了 34 个 Python 自动化办公库",
+    "description": "人生苦短，快学Python！本次内容涵盖了Excel、Word、PPT、ODF、PDF、邮件、微信、文件处理等所有能在办公场景实现自动化的库，希望能够对大家有所帮助。PythonE...",
+    "votes": "55",
+    "url": "/k/5wihja2",
+    "avatar": "https://img.toutiao.io/subject/9ddc6d126f4c4becb5224f2a64f2b998/thumb",
+    "avatarAlt": "好玩有趣有料的项目 - 独家号",
+    "subjectName": "好玩有趣有料的项目",
+    "homeUrl": "/subjects/24061"
+  },
   {
     "title": "优雅的使用 Dockerfile 定制镜像，1.5W 字长文，值得收藏！",
     "description": "",
@@ -99,6 +109,26 @@
     "subjectName": "技术and生活",
     "homeUrl": "/subjects/31250"
   },
+  {
+    "title": "从0到1000万：哔哩哔哩直播架构演进史",
+    "description": "本期作者  赵海林B端技术中心资深开发工程师 01 前言 哔哩哔哩直播成立于 2014 年，经过 8 年时间的发展已经从最初的业务试水成长为公司重要的业务板块之一。技术架构也从一个...",
+    "votes": "56",
+    "url": "/k/c1wadvv",
+    "avatar": "https://img.toutiao.io/default-avatar.png",
+    "avatarAlt": "u485925的独家号 - 独家号",
+    "subjectName": "u485925的独家号",
+    "homeUrl": "/subjects/361937"
+  },
+  {
+    "title": "聊聊Spring中最常用的11个扩展点",
+    "description": "大家好，我是苏三，又跟大家见面了。前言我们一说到spring，可能第一个想到的是IOC（控制反转） 和AOP（面向切面编程）。没错，它们是spring的基石，得益于它们的优秀设计，...",
+    "votes": "50",
+    "url": "/k/dsdovcg",
+    "avatar": "https://img.toutiao.io/subject/0a66350d491141748ab4dd49be144252/thumb",
+    "avatarAlt": "苏三说技术 - 独家号",
+    "subjectName": "苏三说技术",
+    "homeUrl": "/subjects/453205"
+  },
   {
     "title": "万字长文，SpringSecurity实现权限系统设计",
     "description": "",
@@ -109,16 +139,6 @@
     "subjectName": "浪客用react,java全栈",
     "homeUrl": "/subjects/132403"
   },
-  {
-    "title": "从0到1000万：哔哩哔哩直播架构演进史",
-    "description": "本期作者  赵海林B端技术中心资深开发工程师 01 前言 哔哩哔哩直播成立于 2014 年，经过 8 年时间的发展已经从最初的业务试水成长为公司重要的业务板块之一。技术架构也从一个...",
-    "votes": "54",
-    "url": "/k/c1wadvv",
-    "avatar": "https://img.toutiao.io/default-avatar.png",
-    "avatarAlt": "u485925的独家号 - 独家号",
-    "subjectName": "u485925的独家号",
-    "homeUrl": "/subjects/361937"
-  },
   {
     "title": "我是怎么读代码的",
     "description": "",
@@ -129,26 +149,6 @@
     "subjectName": "架构之美",
     "homeUrl": "/subjects/42200"
   },
-  {
-    "title": "超实用！整理了 34 个 Python 自动化办公库",
-    "description": "人生苦短，快学Python！本次内容涵盖了Excel、Word、PPT、ODF、PDF、邮件、微信、文件处理等所有能在办公场景实现自动化的库，希望能够对大家有所帮助。PythonE...",
-    "votes": "45",
-    "url": "/k/5wihja2",
-    "avatar": "https://img.toutiao.io/subject/9ddc6d126f4c4becb5224f2a64f2b998/thumb",
-    "avatarAlt": "好玩有趣有料的项目 - 独家号",
-    "subjectName": "好玩有趣有料的项目",
-    "homeUrl": "/subjects/24061"
-  },
-  {
-    "title": "如何设计一个消息中心",
-    "description": "如今的内容型产品，不管提供的是什么类型的内容，在其主功能之外，不可避免的会有另一个十分重要的功能——消息中心。而无论是信息流、论坛、信箱，还是私聊、群聊、通知，推拉模型是内容型（包...",
-    "votes": "46",
-    "url": "/k/yxnahvt",
-    "avatar": "https://img.toutiao.io/subject/f49e289c00224ce994449b70f3c6cd5c/thumb",
-    "avatarAlt": "二进制 - 独家号",
-    "subjectName": "二进制",
-    "homeUrl": "/subjects/381811"
-  },
   {
     "title": "慢查询 MySQL 定位优化技巧，从10s优化到300ms",
     "description": "大家好，我是不才陈某~ 今天分享一下如何快速定位慢查询SQL以及优化1.如何定位并优化慢查询SQL？ 一般有3个思考方向：根据慢日志定位慢查询sql使用explain等工具分析sq...",
@@ -169,16 +169,6 @@
     "subjectName": "码农参上",
     "homeUrl": "/subjects/457899"
   },
-  {
-    "title": "分布式中灰度方案实践",
-    "description": "让请求在导航的服务节上点执行；一、背景简介分布式系统中会存在这样的开发场景，不同需求可能涉及到对同一个服务的开发，那么该服务在研发期间就会存在多个版本并行的状态，为了保持不同版本之...",
-    "votes": "47",
-    "url": "/k/jpnejcx",
-    "avatar": "https://img.toutiao.io/subject/b82e66f0d4464d78b30e0db3cfad0dd8/thumb",
-    "avatarAlt": "知了一笑 - 独家号",
-    "subjectName": "知了一笑",
-    "homeUrl": "/subjects/416733"
-  },
   {
     "title": "20 图 ｜6 千字｜缓存实战（上篇）",
     "description": "回复 PDF 领取资料 这是悟空的第 96 篇原创文章作者 | 悟空聊架构来源 | 悟空聊架构（ID：PassJava666）转载请联系授权（微信ID：PassJava）前言先说个...",
@@ -190,14 +180,14 @@
     "homeUrl": "/subjects/476437"
   },
   {
-    "title": "聊聊Spring中最常用的11个扩展点",
-    "description": "大家好，我是苏三，又跟大家见面了。前言我们一说到spring，可能第一个想到的是IOC（控制反转） 和AOP（面向切面编程）。没错，它们是spring的基石，得益于它们的优秀设计，...",
+    "title": "常用 Shell 分析服务器日志命令，运维快收藏",
+    "description": "  自己的小网站跑在阿里云的 ECS 上面, 偶尔也去分析分析自己网站服务器日志,看看网站的访问量。看看有没有黑阔搞破坏！于是收集，整理一些服务器日志分析命令，大家可以试试！ 1、...",
     "votes": "44",
-    "url": "/k/dsdovcg",
-    "avatar": "https://img.toutiao.io/subject/0a66350d491141748ab4dd49be144252/thumb",
-    "avatarAlt": "苏三说技术 - 独家号",
-    "subjectName": "苏三说技术",
-    "homeUrl": "/subjects/453205"
+    "url": "/k/y451jnx",
+    "avatar": "https://img.toutiao.io/subject/c71f4a0234be4569bfe2f33b95f710bd/thumb",
+    "avatarAlt": "codebee - 独家号",
+    "subjectName": "codebee",
+    "homeUrl": "/subjects/44250"
   },
   {
     "title": "MySQL 上亿大表优化实践",
@@ -209,6 +199,16 @@
     "subjectName": "乱点技能树",
     "homeUrl": "/subjects/194141"
   },
+  {
+    "title": "面试官：你这数据库表设计的，真垃圾。。。",
+    "description": "文章来源：https://juejin.cn/post/7147135702604447758  前言 作为后端开发，我们经常需要设计数据库表。整理了21个设计MySQL表的经验准...",
+    "votes": "44",
+    "url": "/k/0c7whvz",
+    "avatar": "https://img.toutiao.io/subject/c1103a714a594e4eafc17c5c14cbab4d/thumb",
+    "avatarAlt": "小渣的独家号 - 独家号",
+    "subjectName": "小渣的独家号",
+    "homeUrl": "/subjects/476437"
+  },
   {
     "title": "如何利用 MySQL 5.7 提供的虚拟列来提高查询效率",
     "description": " 点击上方蓝字关注我们 01前言 在我们日常开发过程中，有时候因为对索引列进行函数调用，导致索引失效。举个例子，比如我们要按月查询记录，而当我们 表中只存时间，如果我们使用如下语句...",
@@ -229,16 +229,6 @@
     "subjectName": "架构必知必会",
     "homeUrl": "/subjects/472073"
   },
-  {
-    "title": "2022 年了，我才开始学 TypeScript ，晚吗？（7.5k字总结）",
-    "description": "前言  其实早在初学前端时，就有大致了解过 typescript ,但后面工作中基本 vue2 开发为主，所以真正能够接触到 typescript 的机会其实并不多。尽管在某些间歇...",
-    "votes": "42",
-    "url": "/k/7ppg48s",
-    "avatar": "https://img.toutiao.io/subject/7950b62a884849aaaa2c7d9fb03f3051/thumb",
-    "avatarAlt": "前端智能化 - 独家号",
-    "subjectName": "前端智能化",
-    "homeUrl": "/subjects/7076"
-  },
   {
     "title": "两万字！多线程硬核50问！",
     "description": "",
@@ -248,5 +238,15 @@
     "avatarAlt": "文不落 - 独家号",
     "subjectName": "文不落",
     "homeUrl": "/subjects/113701"
+  },
+  {
+    "title": "字节二面：Redis 的大 Key 对持久化有什么影响？",
+    "description": "",
+    "votes": "38",
+    "url": "/k/dwzvr51",
+    "avatar": "https://img.toutiao.io/subject/5677c886e56b479194e85580c577d68a/thumb",
+    "avatarAlt": "编程爱好者(网络编程) - 独家号",
+    "subjectName": "编程爱好者(网络编程)",
+    "homeUrl": "/subjects/134283"
   }
 ]