@wcj/github-rank 22.7.2 → 22.7.5

package/web/data/sifou-daily.json

@@ -1,83 +1,137 @@
 [
   {
-    "title": "又一款值得推荐的高颜值的服务器探针——WGCLOUD",
-    "description": "支持主机各种指标监测（cpu使用率，cpu温度，内存使用率，磁盘容量，磁盘IO，硬盘SMART健康状态，系统负载，连接数量，网卡流量，硬件系统信息等）。支持监测服务器上的进程应用、文件、端口、日志、DOCKER容器、...",
-    "url": "https://segmentfault.com/a/1190000042059154",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
+    "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
+    "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
+    "url": "https://segmentfault.com/a/1190000042065365",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
     "rank": 1
   },
   {
-    "title": "Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？",
-    "description": "Go 的内存模型已被修订，以使 Go 与 C、C++、Java、JavaScript、Rust 和 Swift 使用的内存模型保持一致。Go 只提供顺序一致的原子学，而不是其他语言中的任何更宽松的形式。",
-    "url": "https://segmentfault.com/a/1190000042057334",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
+    "title": "runc hang 导致 Kubernetes 节点 NotReady",
+    "description": "Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...",
+    "url": "https://segmentfault.com/a/1190000042065327",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "Android动态更换应用图标",
-    "description": "近日，微博官方发布了一项新功能，即可以在App设置中动态更换微博的显示图标样式。根据微博官方的说法，除了最原始的图标外，微博还推出了另外10种不同的样式，既有3D微博、炫彩微博等保留了眼睛造型的新样式，也...",
-    "url": "https://segmentfault.com/a/1190000042059399",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "title": "反爬篇 | 手把手教你处理 JS 逆向之图片伪装",
+    "description": "aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi",
+    "url": "https://segmentfault.com/a/1190000042065274",
+    "author": "Python技术大本营",
+    "home_url": "https://segmentfault.com/u/bianchengdandan",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "【Java面试】简单说一下你对序列化和反序列化的理解",
-    "description": "Hi，大家好，我是Mic一个工作4年的粉丝，投了很多简历好不容易接到一个互联网公司的面试邀约。在面试第一轮就被干掉了，原因是对主流互联网技术理解太浅了。其中就有一个这样的问题：“简单说一下你对序列化和反序...",
-    "url": "https://segmentfault.com/a/1190000042058707",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "title": "如何优雅地实现多数据库的发件箱模式",
+    "description": "一个微服务可能需要执行“存数据库”和“发送事件”两个步骤。例如发布一篇文章后，需要更新作者的发文统计信息。业务上要求两个操作同时失败，或者同时成功，而不能出现一个成功一个失败。假如最终文章发布了，更新...",
+    "url": "https://segmentfault.com/a/1190000042063425",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "6年技术迭代 阿里全球化出海&合规的挑战和探索",
-    "description": "全球化技术根植于全球化业务，经过五个阶段的演进，逐渐发展成为阿里巴巴集团内相对独立的技术体系。本文会首先重点讲解全球化基础设施层的挑战和技术实践。",
-    "url": "https://segmentfault.com/a/1190000042058053",
-    "author": "溜达兔",
-    "home_url": "https://segmentfault.com/u/liudatu",
-    "votes": "2",
+    "title": "Web 应用实时版本检测，这么做最方便",
+    "description": "经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。",
+    "url": "https://segmentfault.com/a/1190000042069210",
+    "author": "Myou_Aki",
+    "home_url": "https://segmentfault.com/u/akimyou",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "Fundebug JavaScript插件支持监控HTTP请求数据",
-    "description": "Fundebug提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于 JavaScript 执行错误以及 HTTP 请求错误。",
-    "url": "https://segmentfault.com/a/1190000042055989",
-    "author": "Fundebug",
-    "home_url": "https://segmentfault.com/u/fundebug",
+    "title": "uniapp 监听消息推送",
+    "description": "1、监听消息推送，后端记得推送的模板是 ： 透传消息！透传消息！透传消息！2、我的需求是根据后端推送的数据，一旦有值就重新调用接口刷新页面数据。3、我这边是监听消息推送即可，所以用不到监听的数据，用了wa...",
+    "url": "https://segmentfault.com/a/1190000042067919",
+    "author": "红尘戏子",
+    "home_url": "https://segmentfault.com/u/nongcha_5f009dd6254e5",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "通过示例了解Vue过渡和动画",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042055924",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "EMQX Newsletter 2022-06｜与 HStreamDB 集成、充电桩通信协议 OCPP 网关开发…",
+    "description": "继 EMQX 5.0.0-rc.4 发布之后，v5.0 的开发工作已经接近尾声。除了继续优化 Dashboard 的 UI/UX 以提升使用体验，和测试并修复各项 Bug 以提升软件稳定性以外，EMQX 团队也在对用户文档进行全面的改进和更新，不...",
+    "url": "https://segmentfault.com/a/1190000042067910",
+    "author": "EMQX",
+    "home_url": "https://segmentfault.com/u/emqx",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "70个Python经典实用练手项目（附源码）",
-    "description": "小二整理了 70 个 Python 实战项目，都有完整且详细的教程，你可以从中选择自己想做的项目进行参考学习练手，你也可以从中寻找灵感去做自己的项目。70 个 Python 练手项目如下所示：",
-    "url": "https://segmentfault.com/a/1190000042057369",
-    "author": "Python小二",
-    "home_url": "https://segmentfault.com/u/ityard",
+    "title": "uniapp PDA广播扫码",
+    "description": "1、需求是：App监听东大PDA内置的扫描工具，通过扫描工具扫描条码，把数据自动赋值在input输入框，无需手动设置或者调用uniapp的uni.scanCode({})去赋值2、这里声明下，在封装的JS里面，你需要知道你的PDA的广播...",
+    "url": "https://segmentfault.com/a/1190000042067688",
+    "author": "红尘戏子",
+    "home_url": "https://segmentfault.com/u/nongcha_5f009dd6254e5",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "webpack从零搭建react应用",
-    "description": "在上一篇文章中我们用webpack与webpack-cli搭建了最简单的前端应用，通常在项目中我们会用vue或者react,我们看下如何利用我们自己搭的工程来适配react",
-    "url": "https://segmentfault.com/a/1190000042055958",
-    "author": "Maic",
-    "home_url": "https://segmentfault.com/u/maicfir",
+    "title": "uniapp 使用websocket请求",
+    "description": "1.此处说下我的需求：是通过websocket接受后端传递的数据，赋值到input输入框，然后再进行一系列的操作，如果websocket链接失败则弹窗提示，并且无限建立心跳链接，不允许断开。废话不多直接代码截图。",
+    "url": "https://segmentfault.com/a/1190000042065187",
+    "author": "红尘戏子",
+    "home_url": "https://segmentfault.com/u/nongcha_5f009dd6254e5",
     "votes": "1",
     "rank": 9
+  },
+  {
+    "title": "K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升",
+    "description": "「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...",
+    "url": "https://segmentfault.com/a/1190000042064534",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "golang 简洁架构介绍",
+    "description": "在 go 开发中，首先遇到的一个问题，应该怎么设计开发架构。一个好的架构可以在后续的项目开发中能够更好的使用项目的推进，同时能够让团队的配合更加的顺利。",
+    "url": "https://segmentfault.com/a/1190000042064332",
+    "author": "ucmir183",
+    "home_url": "https://segmentfault.com/u/ucmir183",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "这个高颜值的开源第三方网易云音乐播放器你值得拥有",
+    "description": "我平时主要的听歌软件是网易云音乐，但是它有很多花里胡哨的功能，比如电台、直播、朋友、播客、云村等等，说实话这些我都不需要，基本也不会用，大部分的时间都只把它当做一个本地播放器，因为它毕竟是一个商业...",
+    "url": "https://segmentfault.com/a/1190000042069019",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "sso单点登录",
+    "description": "sso，Single Sign On，单点登录。简单来说，就是当我们有多个系统时，我们每个系统都需要单独登录非常麻烦，那么我们去单独做一个登录系统，我们叫做sso，这个登录系统可以登录多个其他系统，并且访问多个系统只...",
+    "url": "https://segmentfault.com/a/1190000042068327",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "总结一下本周遇到的问题",
+    "description": "起初认为是我在修改中错误的修改了一些地方，寻找无果后直接用ng new project新建一个项目进行测试，由于我本地的angular cli没有更新，还是之前安装的angular 11 版本，新建完项目后直接执行ng test发现没有任何...",
+    "url": "https://segmentfault.com/a/1190000042067210",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "2022年中总结关键词：裁员、年终奖、晋升、涨薪、疫情",
+    "description": "2022年转眼过去了一半，又到了年中总结的时候。上半年可以概括为在关注公司裁员、等待发年终奖、准备专业晋升、等待聊涨薪、迁移项目、疫情导致在家办公中一点点渡过的。接下来就一一来聊一下吧~",
+    "url": "https://segmentfault.com/a/1190000042065079",
+    "author": "阳呀呀",
+    "home_url": "https://segmentfault.com/u/yangyaya",
+    "votes": "1",
+    "rank": 15
   }
 ]

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,7 +24,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "25",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "搭建前端监控，如何采集异常数据？",
@@ -50,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041962607",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "19",
-    "rank": 6
+    "votes": "20",
+    "rank": 4
   },
   {
     "title": "CSS实现可拉伸调整尺寸的分栏布局",
@@ -59,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000042006775",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "26",
-    "rank": 7
+    "votes": "27",
+    "rank": 5
   },
   {
     "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
@@ -68,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041998615",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "21",
-    "rank": 8
+    "votes": "22",
+    "rank": 6
   },
   {
     "title": "如何移除你项目中99%的JS代码",
@@ -77,17 +59,17 @@
     "url": "https://segmentfault.com/a/1190000042011578",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "16",
-    "rank": 9
+    "votes": "17",
+    "rank": 7
   },
   {
-    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926662",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "16",
-    "rank": 10
+    "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样式",
@@ -96,7 +78,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "干货合集│最好用的 python 库都在这",
@@ -105,7 +87,7 @@
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "11",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
@@ -114,16 +96,25 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "12",
-    "rank": 13
+    "rank": 11
   },
   {
-    "title": "JS实现将文本或JSON内容下载到文件中",
-    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
-    "url": "https://segmentfault.com/a/1190000041965165",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "title": "视觉还原小技巧！CSS 实现角标效果",
+    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
+    "url": "https://segmentfault.com/a/1190000042038058",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
+    "rank": 12
+  },
+  {
+    "title": "Redis都有哪些使用场景",
+    "description": "Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...",
+    "url": "https://segmentfault.com/a/1190000041985101",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
     "votes": "10",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
@@ -132,16 +123,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 15
-  },
-  {
-    "title": "Redis都有哪些使用场景",
-    "description": "Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...",
-    "url": "https://segmentfault.com/a/1190000041985101",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
-    "votes": "9",
-    "rank": 16
+    "rank": 14
   },
   {
     "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
@@ -150,16 +132,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 17
-  },
-  {
-    "title": "视觉还原小技巧！CSS 实现角标效果",
-    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
-    "url": "https://segmentfault.com/a/1190000042038058",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
-    "rank": 18
+    "rank": 15
   },
   {
     "title": "有意思的鼠标指针交互探究",
@@ -167,8 +140,8 @@
     "url": "https://segmentfault.com/a/1190000042012558",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 19
+    "votes": "12",
+    "rank": 16
   },
   {
     "title": "前端性能监测，Runtime Performance Debug 技巧",
@@ -177,16 +150,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "11",
-    "rank": 20
+    "rank": 17
   },
   {
-    "title": "全球顶级交易所前端二面",
-    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
-    "url": "https://segmentfault.com/a/1190000041934586",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "title": "switch 有四样写法你知道么",
+    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
+    "url": "https://segmentfault.com/a/1190000042055258",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "9",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
@@ -195,7 +168,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 22
+    "rank": 19
   },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
@@ -204,7 +177,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "9",
-    "rank": 23
+    "rank": 20
   },
   {
     "title": "JavaScript精度丢失原因以及解决方案",
@@ -213,7 +186,16 @@
     "author": "沉静地闪光",
     "home_url": "https://segmentfault.com/u/007008",
     "votes": "10",
-    "rank": 24
+    "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": "6",
+    "rank": 22
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？",
@@ -222,16 +204,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "6",
-    "rank": 25
-  },
-  {
-    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
-    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
-    "url": "https://segmentfault.com/a/1190000041926694",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
-    "rank": 26
+    "rank": 23
   },
   {
     "title": "玩转 AbortController 控制器",
@@ -240,7 +213,16 @@
     "author": "jump__jump",
     "home_url": "https://segmentfault.com/u/jump_and_jump",
     "votes": "6",
-    "rank": 27
+    "rank": 24
+  },
+  {
+    "title": "精读《type challenges - easy》",
+    "description": "TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...",
+    "url": "https://segmentfault.com/a/1190000041941889",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "5",
+    "rank": 25
   },
   {
     "title": "构建基于React18的电子表格程序",
@@ -249,24 +231,42 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "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": "精读《type challenges - easy》",
-    "description": "TS 强类型非常好用，但在实际运用中，免不了遇到一些难以描述，反复看官方文档也解决不了的问题，至今为止也没有任何一篇文档，或者一套教材可以解决所有犄角旮旯的类型问题。为什么会这样呢？因为 TS 并不是简单...",
-    "url": "https://segmentfault.com/a/1190000041941889",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "几百行代码实现一个 JSON 解析器",
+    "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
+    "url": "https://segmentfault.com/a/1190000042042002",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "5",
     "rank": 29
   },
   {
-    "title": "十年老友记 | @边城：恰当的编程是会产生幸福感的",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926643",
+    "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": "8",
+    "votes": "7",
     "rank": 30
   }
 ]