@wcj/github-rank 22.5.29 → 22.5.30

package/web/data/sifou-daily.json

@@ -1,20 +1,11 @@
 [
   {
-    "title": "【Java面试】如何中断一个正在运行的线程？",
-    "description": "一个去京东面试的工作了5年的粉丝来找我说：Mic老师，你说并发编程很重要，果然我今天又挂在一道并发编程的面试题上了。我问他问题是什么，他说：”如何中断一个正在运行中的线程？“。我说这个问题很多工作2年的人...",
-    "url": "https://segmentfault.com/a/1190000041909488",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "2",
-    "rank": 1
-  },
-  {
-    "title": "JavaScript 之原型、原型链",
-    "description": "其他编程语言如 Java 等使用 new 命令时，都会调用“类”的构造函数。但是，JavaScript没有“类”，本身并不提供一个 class 实现（虽然在ES6中提供了class 关键字，但其只是语法糖，JavaScript仍然是基于原型的）。于...",
-    "url": "https://segmentfault.com/a/1190000041910095",
-    "author": "佩奇烹饪家",
-    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "title": "Mysql-基本的规则与规范",
+    "description": "DDL（Data Definition Language）包括CREATE、DROP、ALTER、RENAME、TRUNCATE等用来创建、删除、修改数据库和数据表的结构的关键字。",
+    "url": "https://segmentfault.com/a/1190000041912321",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "1",
-    "rank": 2
+    "rank": 1
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041790801",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "80",
+    "votes": "82",
     "rank": 1
   },
   {
@@ -62,6 +62,15 @@
     "votes": "21",
     "rank": 7
   },
+  {
+    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
+    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
+    "url": "https://segmentfault.com/a/1190000041881142",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "20",
+    "rank": 8
+  },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
     "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
@@ -69,7 +78,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "20",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -78,7 +87,7 @@
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
     "votes": "23",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "React官方团队出手，补齐原生Hook短板",
@@ -87,7 +96,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
@@ -96,15 +105,6 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "21",
-    "rank": 11
-  },
-  {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "18",
     "rank": 12
   },
   {
@@ -125,6 +125,15 @@
     "votes": "26",
     "rank": 14
   },
+  {
+    "title": "前端监控的搭建步骤，别再一头雾水了！",
+    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
+    "url": "https://segmentfault.com/a/1190000041879217",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "17",
+    "rank": 15
+  },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
     "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
@@ -132,24 +141,15 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "11",
-    "rank": 15
-  },
-  {
-    "title": "这些CSS提效技巧，你需要知道！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041711730",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
     "rank": 16
   },
   {
-    "title": "前端监控的搭建步骤，别再一头雾水了！",
-    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
-    "url": "https://segmentfault.com/a/1190000041879217",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "16",
+    "title": "妙啊！动画还可以这样控制？",
+    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
+    "url": "https://segmentfault.com/a/1190000041887820",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
     "rank": 17
   },
   {
@@ -161,15 +161,6 @@
     "votes": "16",
     "rank": 18
   },
-  {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 19
-  },
   {
     "title": "如何做新人引导功能？",
     "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
@@ -177,7 +168,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "12",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -186,16 +177,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 21
-  },
-  {
-    "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
-    "description": "CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...",
-    "url": "https://segmentfault.com/a/1190000041771296",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "关于代码评审(CodeReview)那些不得不说的事儿",
@@ -204,7 +186,7 @@
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
     "votes": "12",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "实现聚焦效果",
@@ -213,7 +195,16 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 24
+    "rank": 22
+  },
+  {
+    "title": "python又搞事情 想一统天下？",
+    "description": "python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目： git地址.并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看pyscript官网, 这家伙不仅模仿了JavaScript的名字，甚...",
+    "url": "https://segmentfault.com/a/1190000041819433",
+    "author": "我的小熊不见了",
+    "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
+    "votes": "10",
+    "rank": 23
   },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
@@ -222,7 +213,7 @@
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
     "votes": "8",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "没有框架怎么办？原生 CSS + JS 实现一个标签输入框",
@@ -231,6 +222,15 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
+    "rank": 25
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- 进击的 React",
+    "description": "React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...",
+    "url": "https://segmentfault.com/a/1190000041892645",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "8",
     "rank": 26
   },
   {
@@ -242,15 +242,6 @@
     "votes": "6",
     "rank": 27
   },
-  {
-    "title": "python又搞事情 想一统天下？",
-    "description": "python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目： git地址.并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看pyscript官网, 这家伙不仅模仿了JavaScript的名字，甚...",
-    "url": "https://segmentfault.com/a/1190000041819433",
-    "author": "我的小熊不见了",
-    "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
-    "votes": "9",
-    "rank": 28
-  },
   {
     "title": "代码写得好，Reduce 方法少不了",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -258,7 +249,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "互联网后端技术大全！建议收藏",
@@ -267,6 +258,15 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "移动端常见适配方案",
+    "description": "做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案。基础网上已经有非常多的基础知识总结，不再赘诉，详情可以见《关于移动端适配，你必须要知道的》《不要再问我移动适配的问题了》其中容易搞混...",
+    "url": "https://segmentfault.com/a/1190000041831493",
+    "author": "深红",
+    "home_url": "https://segmentfault.com/u/deepred5",
+    "votes": "9",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -1,22 +1,13 @@
 [
   {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "18",
+    "title": "妙啊！动画还可以这样控制？",
+    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
+    "url": "https://segmentfault.com/a/1190000041887820",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
     "rank": 1
   },
-  {
-    "title": "前端监控的搭建步骤，别再一头雾水了！",
-    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
-    "url": "https://segmentfault.com/a/1190000041879217",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "16",
-    "rank": 2
-  },
   {
     "title": "CSS 穿墙术！太强了",
     "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
@@ -24,16 +15,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "16",
-    "rank": 3
-  },
-  {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 4
+    "rank": 2
   },
   {
     "title": "关于代码评审(CodeReview)那些不得不说的事儿",
@@ -42,7 +24,7 @@
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
     "votes": "12",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -50,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041892645",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "6",
-    "rank": 6
+    "votes": "8",
+    "rank": 4
   },
   {
     "title": "如何自定义 drag 样式",
@@ -60,7 +42,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "10",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "Base64 编码知识，一文打尽！",
@@ -69,7 +51,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "8",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -78,7 +60,7 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "6",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "13 个Typescript 实用类型：开发人员的备忘单",
@@ -87,7 +69,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "Change Buffer 只适用于非唯一索引页？错",
@@ -96,7 +78,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "5",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "HTTP cookie 完整指南",
@@ -105,7 +87,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "我爱上了这个网站！",
@@ -114,7 +96,7 @@
     "author": "程序员cxuan",
     "home_url": "https://segmentfault.com/u/cxuan",
     "votes": "2",
-    "rank": 13
+    "rank": 11
   },
   {
     "title": "总结一下最近遇到的问题",
@@ -123,16 +105,7 @@
     "author": "李明",
     "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
     "votes": "4",
-    "rank": 14
-  },
-  {
-    "title": "【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题",
-    "description": "Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...",
-    "url": "https://segmentfault.com/a/1190000041885369",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "4",
-    "rank": 15
+    "rank": 12
   },
   {
     "title": "记录后台遇到的两个小问题",
@@ -141,7 +114,16 @@
     "author": "weiewiyi",
     "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "4",
-    "rank": 16
+    "rank": 13
+  },
+  {
+    "title": "【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题",
+    "description": "Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...",
+    "url": "https://segmentfault.com/a/1190000041885369",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "4",
+    "rank": 14
   },
   {
     "title": "angular 多选表单数据绑定",
@@ -150,7 +132,7 @@
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "4",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "js 生成UUID的几种方法",
@@ -159,7 +141,7 @@
     "author": "墨城",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "5",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”",
@@ -168,16 +150,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "分享一个 SpringCloud Feign 中所埋藏的坑",
-    "description": "前段时间同事碰到一个问题，需要在 SpringCloud 的 Feign 调用中使用自定义的 URL；通常情况下是没有这个需求的；毕竟都用了 SpringCloud 的了，那服务之间的调用都是走注册中心的，不会需要自定义 URL 的情况。",
-    "url": "https://segmentfault.com/a/1190000041885021",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "4",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "低代码开源， 一键设计稿生成代码，帮您解决生产痛点",
@@ -186,7 +159,16 @@
     "author": "左盐",
     "home_url": "https://segmentfault.com/u/zuoyan",
     "votes": "4",
-    "rank": 21
+    "rank": 18
+  },
+  {
+    "title": "分享一个 SpringCloud Feign 中所埋藏的坑",
+    "description": "前段时间同事碰到一个问题，需要在 SpringCloud 的 Feign 调用中使用自定义的 URL；通常情况下是没有这个需求的；毕竟都用了 SpringCloud 的了，那服务之间的调用都是走注册中心的，不会需要自定义 URL 的情况。",
+    "url": "https://segmentfault.com/a/1190000041885021",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "4",
+    "rank": 19
   },
   {
     "title": "精读《react-snippets - Router 源码》",
@@ -195,7 +177,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "1",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "CSS阴影效果三剑客",
@@ -204,7 +186,16 @@
     "author": "沉静地闪光",
     "home_url": "https://segmentfault.com/u/007008",
     "votes": "3",
-    "rank": 23
+    "rank": 21
+  },
+  {
+    "title": "常见文件MIME对照表",
+    "description": "在html的input标签type=file类型时，accept属性可以过滤文件类型。以下是常见文件的MIME对照表 {代码...} 以上梳理,方便后期使用",
+    "url": "https://segmentfault.com/a/1190000041895580",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "1",
+    "rank": 22
   },
   {
     "title": "如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结",
@@ -213,34 +204,16 @@
     "author": "腾讯云加社区",
     "home_url": "https://segmentfault.com/u/qcloudcommunity",
     "votes": "1",
-    "rank": 24
-  },
-  {
-    "title": "「前端 BUG 录」变更 UI 库主题引发的问题",
-    "description": "最近有个项目（就叫他 P 项目）做了一次 UI 视觉统一。之前是个小项目用的是默认主题 theme-d ，这次需求还针对性的发布了一套 theme-p 主题。然后出事故了，更新了主题之后我们的 dialog 显示异常了。使用控制台...",
-    "url": "https://segmentfault.com/a/1190000041880872",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "1",
-    "rank": 25
-  },
-  {
-    "title": "推荐一些有趣实用的前端可视化工具库，助力可视化开发",
-    "description": "前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发效率自然也就提升了。",
-    "url": "https://segmentfault.com/a/1190000041880527",
-    "author": "xmanlin",
-    "home_url": "https://segmentfault.com/u/dxpang",
-    "votes": "2",
-    "rank": 26
+    "rank": 23
   },
   {
-    "title": "Spring 中 @EnableXXX 注解的套路",
-    "description": "在 Spring 框架中有很多实用的功能，不需要写大量的配置代码，只需添加几个注解即可开启。 其中一个重要原因是那些 @EnableXXX 注解，它可以让你通过在配置类加上简单的注解来快速地开启诸如事务管理（@EnableTra...",
-    "url": "https://segmentfault.com/a/1190000041879583",
-    "author": "mghio",
-    "home_url": "https://segmentfault.com/u/mghio",
+    "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
+    "description": "深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...",
+    "url": "https://segmentfault.com/a/1190000041903331",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "2",
-    "rank": 27
+    "rank": 24
   },
   {
     "title": "那些常用的服务器在线PING检测工具整理",
@@ -249,7 +222,16 @@
     "author": "徐三刀",
     "home_url": "https://segmentfault.com/u/9b3sps2b",
     "votes": "3",
-    "rank": 28
+    "rank": 25
+  },
+  {
+    "title": "Go学习笔记-Gin常用功能",
+    "description": "路由gin 框架中采用的路由库是基于httprouter做的Restful风格的APIRepresentational State Transfer 表现层状态转化，是一种互联网应用程序的API设计理念：URL定位资源，用HTTP描述操作增 POST / 删 DELETE / 改 ...",
+    "url": "https://segmentfault.com/a/1190000041896595",
+    "author": "IT小马",
+    "home_url": "https://segmentfault.com/u/itxiaoma",
+    "votes": "3",
+    "rank": 26
   },
   {
     "title": "服务启动过程性能波动的分析与解决方案",
@@ -258,15 +240,33 @@
     "author": "云音乐技术团队",
     "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "2",
-    "rank": 29
+    "rank": 27
   },
   {
-    "title": "硬核！程序员延寿指南",
-    "description": "以下内容转载自：[链接]1. 术语ACM: All-Cause Mortality / 全因死亡率2. 目标稳健地活得更久3. 关键结果降低66.67%全因死亡率增加\\~20年预期寿命维持多巴胺于中轴4. 分析主要参考：对ACM的学术文献相对较多，可...",
-    "url": "https://segmentfault.com/a/1190000041879384",
-    "author": "我的小熊不见了",
-    "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
+    "title": "Go 关闭chanel & chanel的range循环",
+    "description": "发送者这边可以发送一个close(ch),接收方收到之后就知道发送方之后都不会再发送信息了。接收者这边可以通过一个额外的变量，检测通道是否已经关闭。类似这样：v, ok := <- ch这里的ok为false就代表我们从一个...",
+    "url": "https://segmentfault.com/a/1190000041890797",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "4",
+    "rank": 28
+  },
+  {
+    "title": "App低代码开发的最终形态？APICloud可视化开发初体验",
+    "description": "2、通过组件拖拽出的页面可实时生成对应的前端代码，而且是没有冗余的代码，可直接使用，或进行再优化开发。因此如果产品通过这个工具来设计原型，生成的代码，可提供给开发直接使用。对于技术小白，又想快速做出...",
+    "url": "https://segmentfault.com/a/1190000041883299",
+    "author": "海的尽头",
+    "home_url": "https://segmentfault.com/u/haikuopingyuyue",
     "votes": "0",
+    "rank": 29
+  },
+  {
+    "title": "冴羽答读者问：怎么平衡工作与生活？",
+    "description": "想像人生是一场在空中不停抛接五个球的游戏，这五个球分别是工作、家庭、健康、朋友以及心灵，而你不能让任何一个球落地。 你很快会发现，工作是一个橡皮球，如果它掉下来，会弹回去，而其他四个球是玻璃做的，如...",
+    "url": "https://segmentfault.com/a/1190000041906954",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "1",
     "rank": 30
   }
 ]