@wcj/github-rank 22.6.6 → 22.6.9

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": "40",
+    "title": "CSS 实现头像名称首字符自动占位",
+    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
+    "url": "https://segmentfault.com/a/1190000041940807",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
     "rank": 1
   },
   {
-    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
-    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
-    "url": "https://segmentfault.com/a/1190000041925107",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "22",
+    "title": "文字轮播与图片轮播？CSS 不在话下",
+    "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
+    "url": "https://segmentfault.com/a/1190000041947673",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
     "rank": 2
   },
   {
-    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926662",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "13",
+    "title": "全球顶级交易所前端二面",
+    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
+    "url": "https://segmentfault.com/a/1190000041934586",
+    "author": "Peter谭老师",
+    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "votes": "7",
     "rank": 3
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
-    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
-    "url": "https://segmentfault.com/a/1190000041921498",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "12",
+    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
+    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
+    "url": "https://segmentfault.com/a/1190000041943100",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "6",
     "rank": 4
   },
   {
-    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
-    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
-    "url": "https://segmentfault.com/a/1190000041926694",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
+    "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",
     "rank": 5
   },
   {
-    "title": "全球顶级交易所前端二面",
-    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
-    "url": "https://segmentfault.com/a/1190000041934586",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "5",
+    "title": "一文搞懂四种 WebSocket 使用方式，建议收藏！！！",
+    "description": "在上家公司做IM消息系统的时候，一直是使用 WebSocket 作为收发消息的基础组件，今天就和大家聊聊在 Java 中，使用 WebSocket 所常见的四种姿势，如果大家以后或者现在碰到有要使用 WebSoocket 的情况可以做个参考。",
+    "url": "https://segmentfault.com/a/1190000041944842",
+    "author": "和耳朵",
+    "home_url": "https://segmentfault.com/u/heerduo",
+    "votes": "9",
     "rank": 6
   },
   {
-    "title": "CSS 变量自动变色技术",
-    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
-    "url": "https://segmentfault.com/a/1190000041914954",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "9",
+    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
+    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
+    "url": "https://segmentfault.com/a/1190000041953821",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "3",
     "rank": 7
   },
   {
-    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
-    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
-    "url": "https://segmentfault.com/a/1190000041921943",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "9",
+    "title": "原来项目打包也有这么技巧 - 浅谈 Tree Shaking 机制",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041810859",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "锁定项目 Node 版本和包管理器",
-    "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
-    "url": "https://segmentfault.com/a/1190000041918155",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "8",
+    "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": "4",
     "rank": 9
   },
   {
-    "title": "Golang 常见设计模式之单例模式",
-    "description": "之前我们已经看过了 Golang 常见设计模式中的装饰和选项模式，今天要看的是 Golang 设计模式里最简单的单例模式。单例模式的作用是确保无论对象被实例化多少次，全局都只有一个实例存在。根据这一特性，我们可以...",
-    "url": "https://segmentfault.com/a/1190000041926032",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "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": "2",
     "rank": 10
   },
   {
-    "title": "十年老友记 | @Dont：可以说我是看着思否从小长大的",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926424",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "5",
+    "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",
     "rank": 11
   },
   {
-    "title": "3000帧动画图解MySQL为什么需要binlog、redo log和undo log",
-    "description": "全文建立在MySQL的存储引擎为InnoDB的基础上先看一条SQL如何入库的：这是一条很简单的更新SQL，从MySQL服务端接收到SQL到落盘，先后经过了MySQL Server层和InnoDB存储引擎。Server层就像一个产品经理，分析客户的...",
-    "url": "https://segmentfault.com/a/1190000041919298",
-    "author": "CoderW",
-    "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
-    "votes": "7",
+    "title": "精读《type challenges - easy》",
+    "description": "TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...",
+    "url": "https://segmentfault.com/a/1190000041941889",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "2",
     "rank": 12
   },
   {
-    "title": "十年老友记 | @边城：恰当的编程是会产生幸福感的",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926643",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "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": "4",
     "rank": 13
   },
   {
-    "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": "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": 14
   },
   {
-    "title": "Kafka到底有多高可靠？（RNG NB）",
-    "description": "在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...",
-    "url": "https://segmentfault.com/a/1190000041913011",
-    "author": "敖丙",
-    "home_url": "https://segmentfault.com/u/aobing",
-    "votes": "4",
+    "title": "Android对so体积优化的探索与实践",
+    "description": "减小应用安装包的体积，对提升用户体验和下载转化率都大有益处。本文将结合美团平台的实践经验，分享 so 体积优化的思路、收益，以及工程实践中的注意事项。",
+    "url": "https://segmentfault.com/a/1190000041941513",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "2",
     "rank": 15
   },
   {
-    "title": "地表最强 Markdown 文本编辑工具——Obsidian",
-    "description": "沈从文先生在给张兆和的情书中，有写道：“我一辈子走过许多地方的路，行过许多地方的桥，看过许多形状的云，喝过许多种类的酒，却只爱过一个正当最好年龄的人”。近十年，写文章或文档，用过非常多基于 Markdown ...",
-    "url": "https://segmentfault.com/a/1190000041923452",
-    "author": "jeffjade",
-    "home_url": "https://segmentfault.com/u/jeffjade",
+    "title": "MySQL-排序数据",
+    "description": "按某一列排序经过SELECT筛选后的数据，会直接以底层表中出现的顺序显示（收到数据存入的顺序、数据增删更新等影响）SQL由子句构成，有些子句是必须的，有些事可选的。可以使用ORDER BY 子句对SELECT检索出的数据...",
+    "url": "https://segmentfault.com/a/1190000041935959",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "3",
     "rank": 16
   },
   {
-    "title": "十年老友记 | @杨成功：没有什么能比写代码更让我快乐",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926606",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "3",
+    "title": "用原生JavaScript写一个贪吃蛇",
+    "description": "看到掘金上有这样一种效果，感觉很好看，就是那种毛玻璃效果，于是想试试写一个登录页面并且实现遮罩，但是写成了开始游戏，可是光一个开始游戏也没意思，干脆写一个小游戏吧，直接试试贪吃蛇。",
+    "url": "https://segmentfault.com/a/1190000041933671",
+    "author": "JanYork_小简",
+    "home_url": "https://segmentfault.com/u/amin_624fd35aeb42d",
+    "votes": "2",
     "rank": 17
   },
   {
-    "title": "多线程下载、数学求解器... Edge，你还有多少惊喜是我不知道的？",
-    "description": "自 2010 年谷歌 Chrome 浏览器发布后，其凭借“首款支持 Windows、Linux 操作系统稳定版本“的强大背景迅速占领全球市场。而 Edge 浏览器发布于 2015 年，这些年 Edge 浏览器一路“摸爬滚打”，直到现在终于能和 Chro...",
-    "url": "https://segmentfault.com/a/1190000041914844",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "2",
+    "title": "杭漂5年前端感受-白驹过隙，人生如梦",
+    "description": "高中物理老师每次开年级大会的时候，开场白总是喜欢说一句：”人生如梦！“，当时没有什么感受，直到工作了几年以后，这种感受尤为强烈。算上读大学的时间，来杭州已经9年了，4年读大学+5年工作，可以说是资深杭漂...",
+    "url": "https://segmentfault.com/a/1190000041933855",
+    "author": "趁你还年轻",
+    "home_url": "https://segmentfault.com/u/chennihuannianqing",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "冴羽答读者问：如果有机会，你会选择脱产学习深造吗？",
-    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...",
-    "url": "https://segmentfault.com/a/1190000041918444",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "3",
+    "title": "面试官：说说执行 JavaScript 的 V8 引擎做了什么？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041911583",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
     "rank": 19
   },
   {
-    "title": "11个常用JS小小技巧",
-    "description": "在我们的日常开发过程中，我们经常会遇到数字与字符串转换，检查对象中是否存在对应值，条件性操作对象数据，过滤数组中的错误值，等等这类处理。在这里，整理出了一些常用的小技巧，这些技巧是我比较喜欢的❤️，...",
-    "url": "https://segmentfault.com/a/1190000041923141",
-    "author": "前端荣耀",
-    "home_url": "https://segmentfault.com/u/lengxing",
-    "votes": "6",
+    "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": 20
   },
   {
-    "title": "'return await promise' 与 'return promise' 这细微的区别",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041913353",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "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": "3",
     "rank": 21
   },
   {
-    "title": "2022年你不知道的CSS新特性",
-    "description": "虽然2022年已经过去了三分之一，但是也不妨碍我们来聊一聊，在今年CSS都会新增哪些新特性。其中有些特性已经在主流浏览器中得到了支持，有些还在实验性阶段，但也会随着时间的推移慢慢而来。",
-    "url": "https://segmentfault.com/a/1190000041926813",
-    "author": "阳呀呀",
-    "home_url": "https://segmentfault.com/u/yangyaya",
+    "title": "微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF",
+    "description": "每个业务模块相对独立，各有独立的业务体系，单个模块体积较大，项目整体采用SPA + iframe的架构模式，其中的工单系统就是通过iframe嵌套的。在客服业务不断迭代的过程中，SPA + iframe的架构模式暴露出了很多问...",
+    "url": "https://segmentfault.com/a/1190000041942759",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "2",
     "rank": 22
   },
   {
-    "title": "React 发明的 server component 居然和 server-side render不是一个东西",
-    "description": "React 发明的 server component 居然和 server-side render不是一个东西，是用一种JSON数据把页面描述出来，让浏览器渲染的技术。",
-    "url": "https://segmentfault.com/a/1190000041923139",
-    "author": "知心哥哥",
-    "home_url": "https://segmentfault.com/u/loki",
-    "votes": "2",
+    "title": "Spring是如何支持多数据源的",
+    "description": "上篇介绍了数据源基础，并实现了基于两套DataSource，两套mybatis配置的多数据源，从基础知识层面阐述了多数据源的实现思路。不了解的同学请戳→同学，你的多数据源事务失效了！",
+    "url": "https://segmentfault.com/a/1190000041935752",
+    "author": "Java课代表",
+    "home_url": "https://segmentfault.com/u/zhengxl5566",
+    "votes": "4",
     "rank": 23
   },
   {
-    "title": "精读《web reflow》",
-    "description": "网页渲染会经历 DOM -> CSSOM -> Layout(重排 or reflow) -> Paint(重绘) -> Composite(合成)，其中 Composite 在 精读《深入了解现代浏览器四》 详细介绍过，是在 GPU 进行光栅化。",
-    "url": "https://segmentfault.com/a/1190000041913824",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "4",
+    "title": "如何写出高性能代码之优化数据访问",
+    "description": "同一份逻辑，不同人的实现的代码性能会出现数量级的差异； 同一份代码，你可能微调几个字符或者某行代码的顺序，就会有数倍的性能提升；同一份代码，也可能在不同处理器上运行也会有几倍的性能差异；...",
+    "url": "https://segmentfault.com/a/1190000041940931",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
+    "votes": "1",
     "rank": 24
   },
   {
-    "title": "前端需要了解的色彩知识",
-    "description": "在前端领域，我们常常需要跟色彩打交道，除了一部分从设计转过来的前端外（ps：历史原因），后来的新生代前端绝大多数基本都是学理工科出身的，一般没有经过专门的设计训练和培养，这样在还原设计图的过程中对于...",
-    "url": "https://segmentfault.com/a/1190000041918026",
-    "author": "野林",
-    "home_url": "https://segmentfault.com/u/vleedesigntheory",
-    "votes": "5",
+    "title": "MySQL-创建计算字段",
+    "description": "定义：根据需要，使用排列组合将已有的字段组合成新的字段拼接字段比如，要将学校和位置是两个字段，但现在需要合并成学校（地址）的格式，就可以用Concat()函数实现： {代码...} 另外，为了除去字段多余的空格，...",
+    "url": "https://segmentfault.com/a/1190000041943235",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "3",
     "rank": 25
   },
   {
-    "title": "绿色城市智慧运营：Web 3D 垃圾分类 GIS 系统",
-    "description": "《上海市生活垃圾管理条例》施行至今已有两年多，上海市民践行绿色低碳理念、主动参与生活垃圾分类的习惯基本养成，分类实效逐步趋于稳定，湿垃圾分类量稳定在日均 9000 吨以上，可回收物回收量保持在日均 7000 ...",
-    "url": "https://segmentfault.com/a/1190000041917022",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
-    "votes": "2",
+    "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",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "3",
     "rank": 26
   },
   {
-    "title": "杭漂5年前端感受-白驹过隙，人生如梦",
-    "description": "高中物理老师每次开年级大会的时候，开场白总是喜欢说一句：”人生如梦！“，当时没有什么感受，直到工作了几年以后，这种感受尤为强烈。算上读大学的时间，来杭州已经9年了，4年读大学+5年工作，可以说是资深杭漂...",
-    "url": "https://segmentfault.com/a/1190000041933855",
-    "author": "趁你还年轻",
-    "home_url": "https://segmentfault.com/u/chennihuannianqing",
-    "votes": "2",
+    "title": "MySQL-日期和数据处理函数",
+    "description": "在用WHERE子句比较的时候如果需要用到的是日期，请使用Date()。这样可以避免在同一天，但是时分秒不是00:00:00导致的错误，例如: {代码...}",
+    "url": "https://segmentfault.com/a/1190000041944864",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "3",
     "rank": 27
   },
   {
-    "title": "linux-ext4格式文件误删除，该如何恢复？",
-    "description": "在开始进行实验之前，我已经新建了一个空目录/data，并将该目录挂载了一块新硬盘，将硬盘分区格式化为ext4的格式，所以当我操作/data目录下的文件及文件夹的时候，实际上就是针对新挂载的硬盘进行数据读写操作。...",
-    "url": "https://segmentfault.com/a/1190000041919742",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
-    "votes": "2",
+    "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",
     "rank": 28
   },
   {
-    "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": "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": "2",
     "rank": 29
   },
   {
-    "title": "原来项目打包也有这么技巧 - 浅谈 Tree Shaking 机制",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041810859",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
+    "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": 30
   }
 ]