@wcj/github-rank 22.6.2 → 22.6.5

package/web/data/sifou-daily.json

@@ -1,119 +1,47 @@
 [
   {
-    "title": "为我们的 10 周年喝彩",
-    "description": "10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...",
-    "url": "https://segmentfault.com/a/1190000041925065",
-    "author": "joyqi",
-    "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "39",
+    "title": "ELK搭建指南",
+    "description": "很久没有发文了，今天水一篇操作文章分享一下经验吧，后续陆续推出深度好文springboot+logStash+elasticsearch+kibana版本elasticsearch 7.4.2logStash 7.4.2springboot 2.1.10下载地址选择下载的产品和版本，进...",
+    "url": "https://segmentfault.com/a/1190000041938846",
+    "author": "醉鱼",
+    "home_url": "https://segmentfault.com/u/17970",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
-    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
-    "url": "https://segmentfault.com/a/1190000041925107",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "20",
+    "title": "springBoot+react+mysql排课系统",
+    "description": "环境需要1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可4.硬件环境：windows ...",
+    "url": "https://segmentfault.com/a/1190000041938461",
+    "author": "欧阳小白",
+    "home_url": "https://segmentfault.com/u/ouyangxiaobai",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
-    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
-    "url": "https://segmentfault.com/a/1190000041926694",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
+    "title": "Go net/http 以及io/ioutil包的使用",
+    "description": "tips:这可能是最简易的web后端开发demo在goland中创建一个main.go然后按照http包的使用说明编写代码如下： {代码...} 接下来在terminal执行go run main.go然后在浏览器输入http://127.0.0.1:9090/hello即可看到当...",
+    "url": "https://segmentfault.com/a/1190000041938392",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "Golang 常见设计模式之单例模式",
-    "description": "之前我们已经看过了 Golang 常见设计模式中的装饰和选项模式，今天要看的是 Golang 设计模式里最简单的单例模式。单例模式的作用是确保无论对象被实例化多少次，全局都只有一个实例存在。根据这一特性，我们可以...",
-    "url": "https://segmentfault.com/a/1190000041926032",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "title": "MySQL-通配符(wildcard)",
+    "description": "在MySQL中使用LIKE操作符就是告诉MySQL，后面的搜索模式利用通配符进行匹配。百分号通配符百分号代表任意字符出现任意次数，例如下面这句sql可以找到producets中所有以apple开头的p_name商品: {代码...} 注意尾空...",
+    "url": "https://segmentfault.com/a/1190000041937637",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，俨然长...",
-    "url": "https://segmentfault.com/a/1190000041926662",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "5",
-    "rank": 5
-  },
-  {
-    "title": "十年老友记 | @边城：恰当的编程是会产生幸福感的",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，俨然长...",
-    "url": "https://segmentfault.com/a/1190000041926643",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "MySQL-WHERE子句 以及 逻辑操作符",
+    "description": "WHERE子句我们一般使用where子句进行数据过滤，比如： {代码...} 使用ORDER BY应该放在WHERE之后 否则会报错。WHERE子句的操作符除了有大于小于等于之外还有不等于(不等于有两种写法：<>和!=)以及闭区间内B...",
+    "url": "https://segmentfault.com/a/1190000041937479",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "十年老友记 | @杨成功：没有什么能比写代码更让我快乐",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，俨然长...",
-    "url": "https://segmentfault.com/a/1190000041926606",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
-    "rank": 7
-  },
-  {
-    "title": "十年老友记 | @民工哥：梦想是动力，但人终究要认清现实",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，俨然长...",
-    "url": "https://segmentfault.com/a/1190000041926629",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "十年老友记 | @Dont：可以说我是看着思否从小长大的",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，俨然长...",
-    "url": "https://segmentfault.com/a/1190000041926424",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "为什么没有开源就不可能有云计算？",
-    "description": "然而，开源对云计算的影响可能更加明显。PostgreSQL 开发人员 Paul Ramsey认为，如果没有开源，“我们所理解的云就不会存在”。Selenium 和 Tapster 创始人 Jason Huggins认为，纯粹基于经济学，如果没有开源，云将...",
-    "url": "https://segmentfault.com/a/1190000041925169",
-    "author": "云联壹云",
-    "home_url": "https://segmentfault.com/u/yunion",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "年度技术盛宴，Apache APISIX Summit 2022 精彩回顾",
-    "description": "随着云计算、大数据、人工智能等技术的蓬勃发展，移动互联网、物联网产业加速创新，移动设备持有量不断增加，Web 应用、移动应用已融入生产生活的各个领域。这一过程中，API 作为数据传输流转的重要通道发挥着举...",
-    "url": "https://segmentfault.com/a/1190000041927427",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "即时通讯为企业办公带来了怎样的便利？",
-    "description": "互联网时代越来越多的生活和办公条件得到了便利，特别是在即时通讯软件方面的发展，更是让我们从日常人际交往到工作交流都变得更加便捷。即时通讯为我们办公创造了怎样的便利条件？",
-    "url": "https://segmentfault.com/a/1190000041929211",
-    "author": "skywsy缘",
-    "home_url": "https://segmentfault.com/u/skywsyyuan",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "百万IT毕业生的心声：IT专业大学生毕业前必做的十件事",
-    "description": "Linux是一个开源的操作系统，但总是拿开源说事的话，对于没有深入了解的同学来说可能不是能很清楚的认识这个概念。这里我换个角度用大白话聊一聊linux，linux其实是属于喜欢“折腾”的人的，而恰恰我们计算机相关专...",
-    "url": "https://segmentfault.com/a/1190000041925407",
-    "author": "嘉莉妹妹",
-    "home_url": "https://segmentfault.com/u/jialimeimei_62675b8ec40f9",
-    "votes": "1",
-    "rank": 13
+    "rank": 5
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,29 +1,29 @@
 [
   {
-    "title": "10",
-    "description": "各位 SegmentFault 思否社区的小伙伴们，相信大家已经从多个渠道了解到 SegmentFault 将加入 ONES 的消息。而今年正好也是 SegmentFault 社区创立的 10 周年，有趣的是 “10” 这个数字不论在十进制还是计算机世界...",
-    "url": "https://segmentfault.com/a/1190000041790801",
-    "author": "joyqi",
-    "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "82",
+    "title": "现代 CSS 解决方案：CSS 数学函数",
+    "description": "在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...",
+    "url": "https://segmentfault.com/a/1190000041826742",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "48",
     "rank": 1
   },
   {
-    "title": "SegmentFault 思否加入 ONES",
-    "description": "ONES 成立于 2015 年，是国内领先的企业级研发管理解决方案提供商。2021 年，ONES 连续完成 3 轮总计近 1 亿美元融资，是国内研发管理领域累计融资金额最多、历史融资速度最快的公司。",
-    "url": "https://segmentfault.com/a/1190000041790775",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "41",
+    "title": "为我们的 10 周年喝彩",
+    "description": "10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...",
+    "url": "https://segmentfault.com/a/1190000041925065",
+    "author": "joyqi",
+    "home_url": "https://segmentfault.com/u/joyqi",
+    "votes": "40",
     "rank": 2
   },
   {
-    "title": "现代 CSS 解决方案：CSS 数学函数",
-    "description": "在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...",
-    "url": "https://segmentfault.com/a/1190000041826742",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "45",
+    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
+    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
+    "url": "https://segmentfault.com/a/1190000041881142",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "24",
     "rank": 3
   },
   {
@@ -41,44 +41,26 @@
     "url": "https://segmentfault.com/a/1190000041833326",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "29",
+    "votes": "30",
     "rank": 5
   },
-  {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "23",
-    "rank": 6
-  },
-  {
-    "title": "为我们的 10 周年喝彩",
-    "description": "10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...",
-    "url": "https://segmentfault.com/a/1190000041925065",
-    "author": "joyqi",
-    "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "39",
-    "rank": 7
-  },
   {
     "title": "妙啊！动画还可以这样控制？",
     "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
     "url": "https://segmentfault.com/a/1190000041887820",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 8
+    "votes": "26",
+    "rank": 6
   },
   {
-    "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
-    "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
-    "url": "https://segmentfault.com/a/1190000041791819",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
-    "rank": 9
+    "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
+    "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
+    "url": "https://segmentfault.com/a/1190000041861125",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "22",
+    "rank": 7
   },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
@@ -86,17 +68,17 @@
     "url": "https://segmentfault.com/a/1190000041806654",
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "30",
-    "rank": 10
+    "votes": "32",
+    "rank": 8
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
-    "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
-    "url": "https://segmentfault.com/a/1190000041861125",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "21",
-    "rank": 11
+    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
+    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
+    "url": "https://segmentfault.com/a/1190000041860587",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "25",
+    "rank": 9
   },
   {
     "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -104,8 +86,17 @@
     "url": "https://segmentfault.com/a/1190000041819579",
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "24",
-    "rank": 12
+    "votes": "25",
+    "rank": 10
+  },
+  {
+    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
+    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
+    "url": "https://segmentfault.com/a/1190000041925107",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "22",
+    "rank": 11
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
@@ -114,16 +105,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "23",
-    "rank": 13
-  },
-  {
-    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
-    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
-    "url": "https://segmentfault.com/a/1190000041860587",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "React官方团队出手，补齐原生Hook短板",
@@ -132,7 +114,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 15
+    "rank": 13
   },
   {
     "title": "前端监控的搭建步骤，别再一头雾水了！",
@@ -141,7 +123,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "19",
-    "rank": 16
+    "rank": 14
   },
   {
     "title": "CSS 穿墙术！太强了",
@@ -150,16 +132,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "21",
-    "rank": 17
-  },
-  {
-    "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
-    "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
-    "url": "https://segmentfault.com/a/1190000041794241",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "11",
-    "rank": 18
+    "rank": 15
   },
   {
     "title": "关于代码评审(CodeReview)那些不得不说的事儿",
@@ -167,8 +140,8 @@
     "url": "https://segmentfault.com/a/1190000041885333",
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "16",
-    "rank": 19
+    "votes": "17",
+    "rank": 16
   },
   {
     "title": "如何做新人引导功能？",
@@ -177,7 +150,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -186,7 +159,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "实现聚焦效果",
@@ -195,16 +168,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 22
-  },
-  {
-    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
-    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
-    "url": "https://segmentfault.com/a/1190000041925107",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "20",
-    "rank": 23
+    "rank": 19
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -213,7 +177,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "10",
-    "rank": 24
+    "rank": 20
   },
   {
     "title": "python又搞事情 想一统天下？",
@@ -222,7 +186,7 @@
     "author": "我的小熊不见了",
     "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
     "votes": "11",
-    "rank": 25
+    "rank": 21
   },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
@@ -231,7 +195,7 @@
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
     "votes": "9",
-    "rank": 26
+    "rank": 22
   },
   {
     "title": "移动端常见适配方案",
@@ -240,7 +204,7 @@
     "author": "深红",
     "home_url": "https://segmentfault.com/u/deepred5",
     "votes": "11",
-    "rank": 27
+    "rank": 23
   },
   {
     "title": "它来了！Flutter3.0发布全解析",
@@ -249,24 +213,60 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "6",
+    "rank": 24
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
+    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
+    "url": "https://segmentfault.com/a/1190000041921498",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "9",
+    "rank": 25
+  },
+  {
+    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
+    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
+    "url": "https://segmentfault.com/a/1190000041926662",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "11",
+    "rank": 26
+  },
+  {
+    "title": "云原生时代 PHP/Golang 项目如何实现微服务",
+    "description": "在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...",
+    "url": "https://segmentfault.com/a/1190000041905055",
+    "author": "韩天峰",
+    "home_url": "https://segmentfault.com/u/hantianfeng",
+    "votes": "8",
+    "rank": 27
+  },
+  {
+    "title": "Base64 编码知识，一文打尽！",
+    "description": "现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...",
+    "url": "https://segmentfault.com/a/1190000041894263",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "11",
     "rank": 28
   },
   {
-    "title": "代码写得好，Reduce 方法少不了",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041790709",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
+    "title": "如何自定义 drag 样式",
+    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
+    "url": "https://segmentfault.com/a/1190000041881296",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
     "rank": 29
   },
   {
-    "title": "互联网后端技术大全！建议收藏",
-    "description": "工欲善其事，必先利其器；士欲宣其义，必先读其书。后台开发作为互联网技术领域的掌上明珠，一直都是开发者们的追逐的高峰。本文将从后台开发所涉及到的技术术语出发，基于系统开发、架构设计、网络通信等几个方...",
-    "url": "https://segmentfault.com/a/1190000041794118",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "9",
+    "title": "js面试题(进阶)梳理",
+    "description": "1、undeclared 与 undefined的区别？ {代码...} 2、let & const与 var 的区别？ {代码...} 3、获取DOM元素有哪些方法？方法描述document.getElementById(id)通过id获取domdocument.getElementsByTagName(tagName)...",
+    "url": "https://segmentfault.com/a/1190000041855296",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "13",
     "rank": 30
   }
 ]