@wcj/github-rank 22.7.1 → 22.7.4

package/web/data/sifou-daily.json

@@ -1,65 +1,92 @@
 [
   {
-    "title": "如何使用插件化机制优雅的封装你的请求hook",
-    "description": "本文是深入浅出 ahooks 源码系列文章的第二篇，这个系列的目标主要有以下几点：加深对 React hooks 的理解。学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。培养阅读学习源码的习惯，工具库是一...",
-    "url": "https://segmentfault.com/a/1190000042051905",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "1",
+    "title": "web 跨域请求安全问题",
+    "description": "说起前端安全问题，大部分都听过 XSS 和 CSRF 这两个名词，前端面试中我们也经常会问这两个点作为 web 安全的一些基础考察。但大部分只是从浅谈辄止，停留在基本词义，很少有人真正去主动实践过安全，并且思考背...",
+    "url": "https://segmentfault.com/a/1190000042062676",
+    "author": "混沌福王",
+    "home_url": "https://segmentfault.com/u/flywang",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "JavaScript扩展原型链浅析",
-    "description": "前言上文对原型和原型链做了一些简单的概念介绍和解析，本文将浅析一些原型链的扩展。javaScript原型和原型链[链接]扩展原型链使用new操作符利用原型是对象的特性，实例化对象的时候，继承多个构造函数的属性和方...",
-    "url": "https://segmentfault.com/a/1190000042051801",
-    "author": "程序猿布欧",
-    "home_url": "https://segmentfault.com/u/lewyon",
+    "title": "压缩 js 代码就用 terser",
+    "description": "在 webpack 配置文件 webpack.config.js 中通过将 mode 设置为 development 或者 production，会对代码进行不同的处理。",
+    "url": "https://segmentfault.com/a/1190000042063402",
+    "author": "一颗冰淇淋",
+    "home_url": "https://segmentfault.com/u/icecreamlj",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "冴羽答读者问：如何在工作中打造影响力，带动同事？",
-    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文什么是影响力呢？引用百度百科的解释：影响力是用一种别人所乐于接受的方式，改变他人的思想和行动的能...",
-    "url": "https://segmentfault.com/a/1190000042054629",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "2",
+    "title": "vue,首页优化",
+    "description": "问题,首页sql group by,导致速度慢, 一天大概10万数据上线半年左右,sql变10s+方案首页sql, group数据单独查询 {代码...}",
+    "url": "https://segmentfault.com/a/1190000042063186",
+    "author": "张泽",
+    "home_url": "https://segmentfault.com/u/zhangze_5da81e69b6108",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "开源人物专访：OpenFunction 的独特“处世之道”，开源“实干家精神”从 0 到 1 的突破",
-    "description": "采访整理：SegmentFault 思否 | 编辑 朱玲采访嘉宾：霍秉杰 霍秉杰，哈尔滨工业大学计算机科技与技术硕士，曾任职于金山软件从事大数据技术研发，2016年加入青云科技。现为 KubeSphere 云原生 FaaS 项目 OpenFunc...",
-    "url": "https://segmentfault.com/a/1190000042053265",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "如何通过缩短客服响应时间来避免潜在客户的流失",
+    "description": "大多数客户愿意在诉求快速响应的企业上投入更多，我们认为这是优质服务，公司足够重视客户的需求，有一家权威机构通过调研62% 的公司根本不及时回复客户的诉求！令人遗憾的是，很多企业未能意识到这个风险。",
+    "url": "https://segmentfault.com/a/1190000042063110",
+    "author": "MicroStone",
+    "home_url": "https://segmentfault.com/u/microstone",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "2022 年编程语言趋势：Swift、Kotlin 热度持续增长，收入最高的 5 种编程语言竟是它们",
-    "description": "随着低代码和无代码平台的兴起，2022 年编程语言的世界正在悄然发生着变化。如今，大多数开发人员对最常用的常规编程语言有着透彻的了解，但掌握不常见的编程语言也能帮助开发者获得高薪的工作。特别是如软件开发...",
-    "url": "https://segmentfault.com/a/1190000042053038",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "全网都在疯传的《老板管理手册》（转）",
+    "description": "《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...",
+    "url": "https://segmentfault.com/a/1190000042063056",
+    "author": "Young",
+    "home_url": "https://segmentfault.com/u/young_6082714523e64",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "switch 有四样写法你知道么",
-    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
-    "url": "https://segmentfault.com/a/1190000042055258",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "title": "聊聊支付流程的设计与实现逻辑",
+    "description": "通常在业务体系中，都会或多或少的涉及到支付相关的功能；对于一些经验欠缺同学来说，最紧张的就是面对这类支付结算的逻辑，因为流程中的任何细节问题，都可能引发对账异常的情况；",
+    "url": "https://segmentfault.com/a/1190000042063037",
+    "author": "知了一笑",
+    "home_url": "https://segmentfault.com/u/cicadasmile",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "《网络是怎么样连接的》读书笔记 - 汇总篇",
-    "description": "其实就是把之前的内容汇总到一个文章方便阅读。为了节省大家的时间，建议挑自己感兴趣的内容看，而不是从上往下看，建议看一切文字材料都保持这样的习惯。",
-    "url": "https://segmentfault.com/a/1190000042053583",
-    "author": "lazytimes",
-    "home_url": "https://segmentfault.com/u/lazytimes",
+    "title": "今天聊聊电商系统中红包活动设计！",
+    "description": "红包雨是一个典型的高并发场景，短时间内有海量请求访问服务端，技术团队为了让系统运行顺畅，抢红包采用了基于 Redis + Lua 脚本的设计方案。",
+    "url": "https://segmentfault.com/a/1190000042062726",
+    "author": "Java架构师",
+    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
     "votes": "1",
     "rank": 7
+  },
+  {
+    "title": "微信小程序ssm电影院购票+后台管理系统|前后分离VUE",
+    "description": "​ 博主介绍：✌在职Java研发工程师、专注于程序设计、源码分享、技术交流、专注于Java技术领域和毕业设计✌项目名称微信小程序ssm电影院购票+后台管理系统|前后分离VUE系统说明本系统包含微信小程序前台和Java做的...",
+    "url": "https://segmentfault.com/a/1190000042062552",
+    "author": "欧阳小白",
+    "home_url": "https://segmentfault.com/u/ouyangxiaobai",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "servlet徐州旅游网站管理系统",
+    "description": "​ 博主介绍：✌在职Java研发工程师、专注于程序设计、源码分享、技术交流、专注于Java技术领域和毕业设计✌项目名称servlet徐州旅游网站管理系统视频效果[链接]系统说明4.2.1 前台界面显示界面,其功能如下:(1)徐州...",
+    "url": "https://segmentfault.com/a/1190000042062539",
+    "author": "欧阳小白",
+    "home_url": "https://segmentfault.com/u/ouyangxiaobai",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "Linux：top命令 – 实时显示系统运行状态",
+    "description": "语法格式 {代码...} 常用参数参数释义-d <秒>改变显示的更新速度-c切换显示模式-s安全模式，不允许交互式指令-i不显示任何闲置或僵死的行程-n设定显示的总次数，完成后将会自动退出-b批处理模式，不进行交...",
+    "url": "https://segmentfault.com/a/1190000042062498",
+    "author": "banbogou",
+    "home_url": "https://segmentfault.com/u/tianl",
+    "votes": "1",
+    "rank": 10
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,13 +1,4 @@
 [
-  {
-    "title": "为我们的 10 周年喝彩",
-    "description": "10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...",
-    "url": "https://segmentfault.com/a/1190000041925065",
-    "author": "joyqi",
-    "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "49",
-    "rank": 1
-  },
   {
     "title": "文字轮播与图片轮播？CSS 不在话下",
     "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
@@ -15,16 +6,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "43",
-    "rank": 2
-  },
-  {
-    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
-    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
-    "url": "https://segmentfault.com/a/1190000041925107",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "30",
-    "rank": 3
+    "rank": 1
   },
   {
     "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
@@ -33,7 +15,7 @@
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
     "votes": "29",
-    "rank": 4
+    "rank": 2
   },
   {
     "title": "CSS 实现头像名称首字符自动占位",
@@ -42,16 +24,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "25",
-    "rank": 5
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
-    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
-    "url": "https://segmentfault.com/a/1190000041921498",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "21",
-    "rank": 6
+    "rank": 3
   },
   {
     "title": "搭建前端监控，如何采集异常数据？",
@@ -59,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041962607",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "19",
-    "rank": 7
+    "votes": "20",
+    "rank": 4
   },
   {
     "title": "CSS实现可拉伸调整尺寸的分栏布局",
@@ -68,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000042006775",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "26",
-    "rank": 8
+    "votes": "27",
+    "rank": 5
   },
   {
     "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
@@ -77,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041998615",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "21",
-    "rank": 9
+    "votes": "22",
+    "rank": 6
   },
   {
     "title": "如何移除你项目中99%的JS代码",
@@ -87,16 +60,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 10
+    "rank": 7
   },
   {
-    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926662",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "16",
-    "rank": 11
+    "title": "JS实现将文本或JSON内容下载到文件中",
+    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
+    "url": "https://segmentfault.com/a/1190000041965165",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "11",
+    "rank": 8
   },
   {
     "title": "让拖拽更加人性化？如何自定义dragover样式",
@@ -105,7 +78,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "干货合集│最好用的 python 库都在这",
@@ -114,7 +87,7 @@
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "11",
-    "rank": 13
+    "rank": 10
   },
   {
     "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
@@ -123,16 +96,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "12",
-    "rank": 14
-  },
-  {
-    "title": "JS实现将文本或JSON内容下载到文件中",
-    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
-    "url": "https://segmentfault.com/a/1190000041965165",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "10",
-    "rank": 15
+    "rank": 11
   },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
@@ -141,7 +105,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 16
+    "rank": 12
   },
   {
     "title": "Redis都有哪些使用场景",
@@ -150,7 +114,7 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "9",
-    "rank": 17
+    "rank": 13
   },
   {
     "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
@@ -159,7 +123,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 18
+    "rank": 14
   },
   {
     "title": "视觉还原小技巧！CSS 实现角标效果",
@@ -167,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000042038058",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
-    "rank": 19
+    "votes": "14",
+    "rank": 15
   },
   {
     "title": "有意思的鼠标指针交互探究",
@@ -177,7 +141,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
-    "rank": 20
+    "rank": 16
   },
   {
     "title": "前端性能监测，Runtime Performance Debug 技巧",
@@ -186,43 +150,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "11",
-    "rank": 21
-  },
-  {
-    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
-    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
-    "url": "https://segmentfault.com/a/1190000041921943",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "13",
-    "rank": 22
-  },
-  {
-    "title": "全球顶级交易所前端二面",
-    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
-    "url": "https://segmentfault.com/a/1190000041934586",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "8",
-    "rank": 23
+    "rank": 17
   },
   {
-    "title": "11个常用JS小小技巧",
-    "description": "在我们的日常开发过程中，我们经常会遇到数字与字符串转换，检查对象中是否存在对应值，条件性操作对象数据，过滤数组中的错误值，等等这类处理。在这里，整理出了一些常用的小技巧，这些技巧是我比较喜欢的❤️，...",
-    "url": "https://segmentfault.com/a/1190000041923141",
-    "author": "前端荣耀",
-    "home_url": "https://segmentfault.com/u/lengxing",
-    "votes": "12",
-    "rank": 24
+    "title": "switch 有四样写法你知道么",
+    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
+    "url": "https://segmentfault.com/a/1190000042055258",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "9",
+    "rank": 18
   },
   {
     "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
+    "description": "【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...",
     "url": "https://segmentfault.com/a/1190000042012599",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 25
+    "rank": 19
   },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
@@ -231,7 +177,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "9",
-    "rank": 26
+    "rank": 20
   },
   {
     "title": "JavaScript精度丢失原因以及解决方案",
@@ -240,7 +186,16 @@
     "author": "沉静地闪光",
     "home_url": "https://segmentfault.com/u/007008",
     "votes": "10",
-    "rank": 27
+    "rank": 21
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
+    "description": "Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...",
+    "url": "https://segmentfault.com/a/1190000042048392",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "7",
+    "rank": 22
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？",
@@ -249,16 +204,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "6",
-    "rank": 28
+    "rank": 23
   },
   {
-    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
-    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
-    "url": "https://segmentfault.com/a/1190000041926694",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
-    "rank": 29
+    "title": "玩转 AbortController 控制器",
+    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
+    "url": "https://segmentfault.com/a/1190000042001788",
+    "author": "jump__jump",
+    "home_url": "https://segmentfault.com/u/jump_and_jump",
+    "votes": "6",
+    "rank": 24
   },
   {
     "title": "构建基于React18的电子表格程序",
@@ -267,6 +222,51 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
+    "rank": 25
+  },
+  {
+    "title": "精读《type challenges - easy》",
+    "description": "TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...",
+    "url": "https://segmentfault.com/a/1190000041941889",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "5",
+    "rank": 26
+  },
+  {
+    "title": "为什么Hook没有ErrorBoundary？",
+    "description": "在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。",
+    "url": "https://segmentfault.com/a/1190000041974765",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "4",
+    "rank": 27
+  },
+  {
+    "title": "使用 content-visibility 优化渲染性能",
+    "description": "content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。",
+    "url": "https://segmentfault.com/a/1190000041980427",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 28
+  },
+  {
+    "title": "几百行代码实现一个 JSON 解析器",
+    "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
+    "url": "https://segmentfault.com/a/1190000042042002",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "5",
+    "rank": 29
+  },
+  {
+    "title": "Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队",
+    "description": "2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。",
+    "url": "https://segmentfault.com/a/1190000041995552",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "7",
     "rank": 30
   }
 ]