@wcj/github-rank 22.6.8 → 22.6.11

package/web/data/sifou-weekly.json

@@ -1,272 +1,272 @@
 [
   {
-    "title": "为我们的 10 周年喝彩",
-    "description": "10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...",
-    "url": "https://segmentfault.com/a/1190000041925065",
-    "author": "joyqi",
-    "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "42",
+    "title": "文字轮播与图片轮播？CSS 不在话下",
+    "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
+    "url": "https://segmentfault.com/a/1190000041947673",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
     "rank": 1
   },
   {
-    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
-    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
-    "url": "https://segmentfault.com/a/1190000041925107",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "24",
+    "title": "CSS 实现头像名称首字符自动占位",
+    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
+    "url": "https://segmentfault.com/a/1190000041940807",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "20",
     "rank": 2
   },
   {
-    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926662",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "16",
+    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
+    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
+    "url": "https://segmentfault.com/a/1190000041953821",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "6",
     "rank": 3
   },
   {
-    "title": "CSS 实现头像名称首字符自动占位",
-    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
-    "url": "https://segmentfault.com/a/1190000041940807",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
+    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
+    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
+    "url": "https://segmentfault.com/a/1190000041943100",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "8",
     "rank": 4
   },
   {
-    "title": "全球顶级交易所前端二面",
-    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
-    "url": "https://segmentfault.com/a/1190000041934586",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "7",
+    "title": "JavaScript精度丢失原因以及解决方案",
+    "description": "由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...",
+    "url": "https://segmentfault.com/a/1190000041941297",
+    "author": "沉静地闪光",
+    "home_url": "https://segmentfault.com/u/007008",
+    "votes": "8",
     "rank": 5
   },
   {
-    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
-    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
-    "url": "https://segmentfault.com/a/1190000041926694",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
+    "title": "构建基于React18的电子表格程序",
+    "description": "2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。",
+    "url": "https://segmentfault.com/a/1190000041959594",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "3",
     "rank": 6
   },
   {
-    "title": "Flutter与webview通信桥梁开发",
-    "description": "最近业务有需求需要在flutter内使用webview进行内嵌H5进行展示，此时需要涉及到H5与flutter之间额通信问题。比如发送消息或者H5调用Flutter的相机等等",
-    "url": "https://segmentfault.com/a/1190000041933782",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "3",
+    "title": "一文搞懂四种 WebSocket 使用方式，建议收藏！！！",
+    "description": "在上家公司做IM消息系统的时候，一直是使用 WebSocket 作为收发消息的基础组件，今天就和大家聊聊在 Java 中，使用 WebSocket 所常见的四种姿势，如果大家以后或者现在碰到有要使用 WebSoocket 的情况可以做个参考。",
+    "url": "https://segmentfault.com/a/1190000041944842",
+    "author": "和耳朵",
+    "home_url": "https://segmentfault.com/u/heerduo",
+    "votes": "11",
     "rank": 7
   },
   {
-    "title": "Golang 常见设计模式之单例模式",
-    "description": "之前我们已经看过了 Golang 常见设计模式中的装饰和选项模式，今天要看的是 Golang 设计模式里最简单的单例模式。单例模式的作用是确保无论对象被实例化多少次，全局都只有一个实例存在。根据这一特性，我们可以...",
-    "url": "https://segmentfault.com/a/1190000041926032",
+    "title": "解决跨海高并发崩溃难题？so easy",
+    "description": "近年来随着互联网强势的发展浪潮，越来越多的企业选择跨境出海，扩展海外市场。而想要在一个陌生市场最快速地吸引到用户，一定不能缺少的就是丰富多样的各类活动。然而活动在带来大流量的同时，也带来了一些问题...",
+    "url": "https://segmentfault.com/a/1190000041952886",
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "votes": "4",
     "rank": 8
   },
   {
-    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
-    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
-    "url": "https://segmentfault.com/a/1190000041943100",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "6",
+    "title": "精读《type challenges - easy》",
+    "description": "TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...",
+    "url": "https://segmentfault.com/a/1190000041941889",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "3",
     "rank": 9
   },
   {
-    "title": "十年老友记 | @Dont：可以说我是看着思否从小长大的",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926424",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "5",
+    "title": "Spring是如何支持多数据源的",
+    "description": "上篇介绍了数据源基础，并实现了基于两套DataSource，两套mybatis配置的多数据源，从基础知识层面阐述了多数据源的实现思路。不了解的同学请戳→同学，你的多数据源事务失效了！",
+    "url": "https://segmentfault.com/a/1190000041935752",
+    "author": "Java课代表",
+    "home_url": "https://segmentfault.com/u/zhengxl5566",
+    "votes": "6",
     "rank": 10
   },
   {
-    "title": "十年老友记 | @边城：恰当的编程是会产生幸福感的",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926643",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "4",
+    "title": "「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！",
+    "description": "随着区块链技术的成熟落地以及创新开发团队的涌现，行业开始催生出了新一代互联网技术 —— 去年以来，伴随元宇宙后火起来的 Web3 热度一度风靡全球，且被看作是是互联网的未来。",
+    "url": "https://segmentfault.com/a/1190000041961319",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
     "rank": 11
   },
   {
-    "title": "不要用100vh做移动响应",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041911703",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
+    "title": "微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF",
+    "description": "每个业务模块相对独立，各有独立的业务体系，单个模块体积较大，项目整体采用SPA + iframe的架构模式，其中的工单系统就是通过iframe嵌套的。在客服业务不断迭代的过程中，SPA + iframe的架构模式暴露出了很多问...",
+    "url": "https://segmentfault.com/a/1190000041942759",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "原来项目打包也有这么技巧 - 浅谈 Tree Shaking 机制",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041810859",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "2022 前端开发报告：TypeScript 成 84% Web 开发者的“最爱”|无障碍性、边缘渲染成大趋势",
+    "description": "此次报告，共有来自全球 125 个国家 / 地区、超 3700+ 名前端开发专业人士填写了调查，同时也融合了来自前端技术开发领域的 19 位专家的观点与分享，并对前端 2020 年和 2022 年的数据并排呈现作对比后最终得出了...",
+    "url": "https://segmentfault.com/a/1190000041943445",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "5",
     "rank": 13
   },
   {
-    "title": "十年老友记 | @杨成功：没有什么能比写代码更让我快乐",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926606",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "15分钟学会Go语言",
+    "description": "它从具有静态类型的命令式语言中汲取概念。它编译速度快，执行速度快，它增加了易于理解的并发性，因为现在多核 CPU 很常见，并且它成功地用于大型代码库（Google 有大约 1 亿行Go代码）。",
+    "url": "https://segmentfault.com/a/1190000041938731",
+    "author": "Yujiaao",
+    "home_url": "https://segmentfault.com/u/yujiaao",
     "votes": "3",
     "rank": 14
   },
   {
-    "title": "2022年你不知道的CSS新特性",
-    "description": "虽然2022年已经过去了三分之一，但是也不妨碍我们来聊一聊，在今年CSS都会新增哪些新特性。其中有些特性已经在主流浏览器中得到了支持，有些还在实验性阶段，但也会随着时间的推移慢慢而来。",
-    "url": "https://segmentfault.com/a/1190000041926813",
-    "author": "阳呀呀",
-    "home_url": "https://segmentfault.com/u/yangyaya",
+    "title": "BI　如何让SaaS产品具有 “安全感”和“敏锐感”（上）",
+    "description": "SaaS模式一经推出，凭借自身的高性价比、低维护成本，无需软硬件维护、无需运维等明晃晃的优点，得到了爆发式的增长，甚至全面改变了软件的开发模式。各位老总的问候语，不知从什么时候开始，都变成了：“你上云了...",
+    "url": "https://segmentfault.com/a/1190000041954455",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
     "rank": 15
   },
   {
-    "title": "15分钟学会Go语言",
-    "description": "它从具有静态类型的命令式语言中汲取概念。它编译速度快，执行速度快，它增加了易于理解的并发性，因为现在多核 CPU 很常见，并且它成功地用于大型代码库（Google 有大约 1 亿行Go代码）。",
-    "url": "https://segmentfault.com/a/1190000041938731",
-    "author": "Yujiaao",
-    "home_url": "https://segmentfault.com/u/yujiaao",
-    "votes": "2",
+    "title": "【Java面试】请说一下Mysql索引的优点和缺点？",
+    "description": "今天分享的这道面试题，让一个工作4年的小伙子去大众点评拿了60W年薪。这道面试题是： ”请你说一下Mysql索引的优点和缺点“关于这道题，看看普通人和高手的回答",
+    "url": "https://segmentfault.com/a/1190000041945597",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "3",
     "rank": 16
   },
   {
-    "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",
+    "title": "基于Gin框架的web后端开发（一）:RestFul API开发",
+    "description": "mac一开始安装Gin的时候如果有timeout报错，可以借鉴这篇博客解决：安装好之后就可以开始下面的步骤了：和上一篇博客类似，这里利用Gin框架先实现一下最简易的后端服务： {代码...} 运行代码，结果如下：RestFul ...",
+    "url": "https://segmentfault.com/a/1190000041938895",
     "author": "LiberHome",
     "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "4",
     "rank": 17
   },
   {
-    "title": "MySQL-排序数据",
-    "description": "按某一列排序经过SELECT筛选后的数据，会直接以底层表中出现的顺序显示（收到数据存入的顺序、数据增删更新等影响）SQL由子句构成，有些子句是必须的，有些事可选的。可以使用ORDER BY 子句对SELECT检索出的数据...",
-    "url": "https://segmentfault.com/a/1190000041935959",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
+    "title": "react-router-middleware-plus开源啦 | 基于react-router v6的零成本式路由权限解决方案",
+    "description": "一、你的苦恼~~你还在为react-router的路由权限控制而烦恼吗？你还在翻遍了社区react路由权限相关文章发现都是V4、V5版本的而烦恼吗？你还在为自行适配react-router v6版本的权限步骤繁杂，多重鉴权逻辑嵌套而烦...",
+    "url": "https://segmentfault.com/a/1190000041958877",
+    "author": "胡哥有话说",
+    "home_url": "https://segmentfault.com/u/justbecoder",
     "votes": "3",
     "rank": 18
   },
   {
-    "title": "杭漂5年前端感受-白驹过隙，人生如梦",
-    "description": "高中物理老师每次开年级大会的时候，开场白总是喜欢说一句：”人生如梦！“，当时没有什么感受，直到工作了几年以后，这种感受尤为强烈。算上读大学的时间，来杭州已经9年了，4年读大学+5年工作，可以说是资深杭漂...",
-    "url": "https://segmentfault.com/a/1190000041933855",
-    "author": "趁你还年轻",
-    "home_url": "https://segmentfault.com/u/chennihuannianqing",
-    "votes": "3",
+    "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": "4",
     "rank": 19
   },
   {
-    "title": "MySQL-正则表达式详解",
-    "description": "和LIKE操作符用法相似，REGEXP告诉MySQL，后面跟的是正则表达式。基本字符匹配在正则表达式中 “.” 这个符号表示匹配任意一个字符，例如： {代码...} 这句话就可以匹配500和300等p_name或匹配搜索两个串之一，类似...",
-    "url": "https://segmentfault.com/a/1190000041938786",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "3",
+    "title": "Android对so体积优化的探索与实践",
+    "description": "减小应用安装包的体积，对提升用户体验和下载转化率都大有益处。本文将结合美团平台的实践经验，分享 so 体积优化的思路、收益，以及工程实践中的注意事项。",
+    "url": "https://segmentfault.com/a/1190000041941513",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "2",
     "rank": 20
   },
   {
-    "title": "基于Gin框架的web后端开发（一）:RestFul API开发",
-    "description": "mac一开始安装Gin的时候如果有timeout报错，可以借鉴这篇博客解决：安装好之后就可以开始下面的步骤了：和上一篇博客类似，这里利用Gin框架先实现一下最简易的后端服务： {代码...} 运行代码，结果如下：RestFul ...",
-    "url": "https://segmentfault.com/a/1190000041938895",
+    "title": "基于Gin框架的web后端开发（四）: 获取FORM表单参数",
+    "description": "我们常用POST请求发送FORM表单数据，这种方式相对于GET方式更加安全。这里先放一个我写的简陋的水平居中的登录页面 {代码...} 登录页的效果是这样的：好了，接下来，把form表单发送给服务器的post请求也加上： {...",
+    "url": "https://segmentfault.com/a/1190000041951432",
     "author": "LiberHome",
     "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "3",
+    "votes": "5",
     "rank": 21
   },
   {
-    "title": "精读《type challenges - easy》",
-    "description": "TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...",
-    "url": "https://segmentfault.com/a/1190000041941889",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "2",
+    "title": "面试官：说说执行 JavaScript 的 V8 引擎做了什么？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041911583",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 22
   },
   {
-    "title": "一起学习React18 新特性",
-    "description": "The React 17 release is unusual because it doesn’t add any new developer-facing features. Instead, this release is primarily focused on making it easier to upgrade React itself.",
-    "url": "https://segmentfault.com/a/1190000041936220",
-    "author": "Denzel",
-    "home_url": "https://segmentfault.com/u/denzel",
-    "votes": "1",
+    "title": "二极管实现或门以及与门的理解",
+    "description": "二极管实现与门还是或门的前提都是利用二极管的钳位作用，二极管的钳位作用说白了就是，在并联电路中，并联电路上的电压会强制被降压到二极管的电压，以常见的硅二极管来说，二极管接入电路中分担电压大概为0.7V...",
+    "url": "https://segmentfault.com/a/1190000041950968",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
+    "votes": "2",
     "rank": 23
   },
   {
-    "title": "Spring是如何支持多数据源的",
-    "description": "上篇介绍了数据源基础，并实现了基于两套DataSource，两套mybatis配置的多数据源，从基础知识层面阐述了多数据源的实现思路。不了解的同学请戳→同学，你的多数据源事务失效了！",
-    "url": "https://segmentfault.com/a/1190000041935752",
-    "author": "Java课代表",
-    "home_url": "https://segmentfault.com/u/zhengxl5566",
-    "votes": "4",
+    "title": "JS自动生成24小时时间区间，时间跨度为60或30分钟",
+    "description": "1、时间跨度为60分钟（1）时间区间为字符串有时候可能需要用到24小时的时间区间，跨度为60分钟，比如下面这样的： {代码...} 如果手动去写，则有点麻烦，这个时候可以使用一个简单的 JS 函数去自动生成，示例代码...",
+    "url": "https://segmentfault.com/a/1190000041954650",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "1",
     "rank": 24
   },
   {
-    "title": "基于Gin框架的web后端开发（三）: 获取queryString参数",
-    "description": "tips:获取queryString我们经常使用GET请求go mod tidy 可以分析代码中依赖的第三方包，然后在go.mod中将这些以来记录下来。例如：想要获取query字段中的杨超越：http://127.0.0.1:9090/web?query=杨超越方式一：Q...",
-    "url": "https://segmentfault.com/a/1190000041941035",
+    "title": "MySQL-正则表达式详解",
+    "description": "和LIKE操作符用法相似，REGEXP告诉MySQL，后面跟的是正则表达式。基本字符匹配在正则表达式中 “.” 这个符号表示匹配任意一个字符，例如： {代码...} 这句话就可以匹配500和300等p_name或匹配搜索两个串之一，类似...",
+    "url": "https://segmentfault.com/a/1190000041938786",
     "author": "LiberHome",
     "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "3",
     "rank": 25
   },
   {
-    "title": "MySQL-检索数据",
-    "description": "检索单个列SELECT p_name FROM products这里返回结果的顺序可能不同，可能是数据存入的顺序，也可能不是。这样写将返回所有的行，既没有被筛选过滤，也没有被排序。虽然不要强制求，但关键字大写是一种被推崇的编...",
-    "url": "https://segmentfault.com/a/1190000041930680",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "1",
+    "title": "得物技术埋点自动化验证的探索和最佳实践",
+    "description": "埋点对电商类app的业务发展一直有着重要的指导作用，但是其复杂的数据组成使得它的稳定性难以得到保障，往往业务逻辑的一些重构就会导致一些埋点属性甚至是整个埋点的丢失。",
+    "url": "https://segmentfault.com/a/1190000041953639",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "如何写出高性能代码之优化数据访问",
-    "description": "同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；...",
-    "url": "https://segmentfault.com/a/1190000041940931",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "1",
+    "title": "css 如何把元素固定在容器底部？（四种方式）",
+    "description": "前几天被人问，「如何把元素固定在容器底部」。（本来想直接把 demo 地址给他，结果没找到，那么今天我们来补一下）Demo 地址想法&思路如果是页面底部，我们可以直接 position: fixed;bottom: 0; 基于浏览器定位...",
+    "url": "https://segmentfault.com/a/1190000041944132",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "3",
     "rank": 27
   },
   {
-    "title": "十年老友记 | @民工哥：梦想是动力，但人终究要认清现实",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926629",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "JSONP 跨域原理及实现",
+    "description": "如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源例如，下表给出了相对于 http://www.test.com/index.html 页面的同源检测：",
+    "url": "https://segmentfault.com/a/1190000041946934",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF",
-    "description": "每个业务模块相对独立，各有独立的业务体系，单个模块体积较大，项目整体采用SPA + iframe的架构模式，其中的工单系统就是通过iframe嵌套的。在客服业务不断迭代的过程中，SPA + iframe的架构模式暴露出了很多问...",
-    "url": "https://segmentfault.com/a/1190000041942759",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "如何写出高性能代码之优化数据访问",
+    "description": "同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；...",
+    "url": "https://segmentfault.com/a/1190000041940931",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
     "votes": "1",
     "rank": 29
   },
   {
-    "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": "3",
+    "title": "用 Go 快速开发一个 RESTful API 服务",
+    "description": "对于很多初创公司来说，业务的早期我们更应该关注于业务价值的交付，而单体服务具有架构简单，部署简单，开发成本低等优点，可以帮助我们快速实现产品需求。我们在使用单体服务快速交付业务价值的同时，也需要为...",
+    "url": "https://segmentfault.com/a/1190000041947212",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "2",
     "rank": 30
   }
 ]