@wcj/github-rank 22.8.4 → 22.8.7

package/web/data/sifou-weekly.json

@@ -5,81 +5,90 @@
     "url": "https://segmentfault.com/a/1190000042251637",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
+    "votes": "16",
     "rank": 1
   },
   {
-    "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
-    "description": "作为 React 官方维护的命令行工具，create-react-app（简称 CRA）能够极其轻松地创建配置完备的 React 应用，帮助使用者快速进入 React 开发。它的最大缺憾是创建的应用不能随心所欲地定制配置。想要定制，只能 e...",
-    "url": "https://segmentfault.com/a/1190000042244854",
-    "author": "乌柏木",
-    "home_url": "https://segmentfault.com/u/wubomu",
-    "votes": "14",
+    "title": "妙用 CSS 构建花式透视背景效果",
+    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
+    "url": "https://segmentfault.com/a/1190000042267425",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
     "rank": 2
   },
-  {
-    "title": "Qwik.js框架是如何追求极致性能的?!",
-    "description": "Qwik是一款语法\"接近\"react的前端ssr框架, 前段时间看了两篇Qwik相关的文章, 对这个框架有了些兴趣, 但是去网上搜了一下, 发现相关的中文文章几乎没有了, 所以决定对其好好研究一番, 并且写一...",
-    "url": "https://segmentfault.com/a/1190000042250628",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "7",
-    "rank": 3
-  },
   {
     "title": "前端构建效率优化之路",
     "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
     "url": "https://segmentfault.com/a/1190000042256837",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
+    "votes": "11",
+    "rank": 3
+  },
+  {
+    "title": "防御式CSS是什么？这几点属性重点防御！",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042272755",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "9",
     "rank": 4
   },
   {
-    "title": "一张图进阶 RocketMQ - 消息存储",
-    "description": "三此君看了好几本书，看了很多遍源码整理的 一张图进阶 RocketMQ 图片，关于 RocketMQ 你只需要记住这张图！觉得不错的话，记得点赞关注哦。【重要】视频在 B 站同步更新，欢迎围观，轻轻松松涨姿势。一张图进阶 ...",
-    "url": "https://segmentfault.com/a/1190000042216004",
-    "author": "三此君",
-    "home_url": "https://segmentfault.com/u/sancijun",
-    "votes": "5",
+    "title": "使用前端技术实现静态图片局部流动效果 🌊",
+    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
+    "url": "https://segmentfault.com/a/1190000042261453",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "8",
     "rank": 5
   },
   {
-    "title": "你的 Tap bar  不够花里胡哨，试试这个！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042238526",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
+    "title": "基于 Next.js实现在线Excel",
+    "description": "如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。",
+    "url": "https://segmentfault.com/a/1190000042268783",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "4",
     "rank": 6
   },
   {
-    "title": "可线性渐变的环形进度条的实现探究",
-    "description": "本文主要介绍基于 NutUI Vue3 的 circleProgress 组件的设计与实现原理，是一个圆环形的进度条组件，用来展示操作的当前进度，支持修改进度以及渐变色。环形进度条是很常用的一个组件，特别是在管理后台数据统计...",
-    "url": "https://segmentfault.com/a/1190000042238962",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "4",
+    "title": "Qwik.js框架是如何追求极致性能的?!",
+    "description": "Qwik是一款语法\"接近\"react的前端ssr框架, 前段时间看了两篇Qwik相关的文章, 对这个框架有了些兴趣, 但是去网上搜了一下, 发现相关的中文文章几乎没有了, 所以决定对其好好研究一番, 并且写一...",
+    "url": "https://segmentfault.com/a/1190000042250628",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "8",
     "rank": 7
   },
   {
-    "title": "vue3中的setup方法",
-    "description": "props是一个对象，包含父组件传递给子组件的所有数据。在子组件中使用props进行接收。包含配置声明并传入的所有的属性的对象。也就是说，如果你想通过props的方式输出父组件传递给子组件的值。你需要使用props进...",
-    "url": "https://segmentfault.com/a/1190000042234229",
-    "author": "Kyle",
-    "home_url": "https://segmentfault.com/u/ddee",
+    "title": "SegmentFault 思否技术周刊 -- Amazing！CSS 也能实现炫酷特效",
+    "description": "CSS 的全称是 Cascading Style Sheets，即层叠样式表， 是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）元素所呈现的样式。",
+    "url": "https://segmentfault.com/a/1190000042262023",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "4",
     "rank": 8
   },
   {
-    "title": "自定义React Hooks",
-    "description": "副作用问题：诸如数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以称为副作用；而Hooks的出现可以使用useEffect来处理这些副作用",
-    "url": "https://segmentfault.com/a/1190000042233578",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "2",
+    "title": "前端晋升答辩-性能优化篇范式",
+    "description": "本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。",
+    "url": "https://segmentfault.com/a/1190000042264240",
+    "author": "胡哥有话说",
+    "home_url": "https://segmentfault.com/u/justbecoder",
+    "votes": "3",
     "rank": 9
   },
+  {
+    "title": "vue3开发拒绝cv, 快使用curd",
+    "description": "开发管理后台基本是企业的日常需求, 基本每个前台项目都必有一个后台项目跟着, 虽然是必需品, 但是大家好像有不是那么在意他, 毕竟只有管理员用, 今天我们讲一下\"增删改查\"组件:v-curd.",
+    "url": "https://segmentfault.com/a/1190000042258739",
+    "author": "铁皮饭盒",
+    "home_url": "https://segmentfault.com/u/russell221",
+    "votes": "3",
+    "rank": 10
+  },
   {
     "title": "M1 nvm install报错",
     "description": "M1执行nvm install安装node报错404 {代码...} 经过分析发现命令安装node版本时，M1电脑自动拼接路径如下：[链接]arm64是M1特有的软件命令方式 目前node官网不提供此类的压缩包 压缩包官网 解决方案执行install命...",
@@ -87,7 +96,7 @@
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "2",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "if err != nil 太烦？Go 创始人教你如何对错误进行编程！",
@@ -95,72 +104,54 @@
     "url": "https://segmentfault.com/a/1190000042252269",
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "3",
-    "rank": 11
-  },
-  {
-    "title": "一次node文件操作过多排查过程总结",
-    "description": "大家好，我是poetry。最近在优化公司内部的脚手架，遇到一个问题，Error: EMFILE, too many open files也就是nodejs打开文件过多会导致错误，一次次排查，最后找到了一个有效的方法，总结记录一下",
-    "url": "https://segmentfault.com/a/1190000042239199",
-    "author": "程序员poetry",
-    "home_url": "https://segmentfault.com/u/poetries",
-    "votes": "1",
+    "votes": "4",
     "rank": 12
   },
   {
-    "title": "MarkDown简明语法手册",
-    "description": "原文链接1. 斜体和粗体使用 和 * 表示斜体和粗体。示例：这是 斜体，这是 粗体。2. 分级标题使用 === 表示一级标题，使用 --- 表示二级标题。示例： {代码...} 你也可以选择在行首加井号表示不同级别的标题 (H1-H...",
-    "url": "https://segmentfault.com/a/1190000042242558",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "3",
+    "title": "整理了这23个开源项，初学者可以拿来练习！",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042266784",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
     "rank": 13
   },
   {
-    "title": "Go十大常见错误第3篇：Go指针的性能问题和内存逃逸",
-    "description": "前言这是Go十大常见错误系列的第3篇：Go指针的性能问题和内存逃逸。素材来源于Go布道者，现Docker公司资深工程师Teiva Harsanyi。本文涉及的源代码全部开源在：Go十大常见错误源代码，欢迎大家关注公众号，及时获...",
-    "url": "https://segmentfault.com/a/1190000042246391",
-    "author": "coding进阶",
-    "home_url": "https://segmentfault.com/u/c9eulmav",
-    "votes": "1",
+    "title": "React Fiber架构原理剖析",
+    "description": "在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...",
+    "url": "https://segmentfault.com/a/1190000042271919",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "3",
     "rank": 14
   },
   {
-    "title": "3 分钟掌握 Node.js 版本的区别",
-    "description": "Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。在我们日常开发中，Node.js 使用场景越来越多，大到服务端项目，小到开发工具脚本，所以掌握 Node.js 一些基础知识是非常有必要的。今天主要聊一下 ...",
-    "url": "https://segmentfault.com/a/1190000042246598",
+    "title": "6 个意想不到的 JavaScript 问题",
+    "description": "作为前端开发工程师，JavaScript 是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑。本文灵感来...",
+    "url": "https://segmentfault.com/a/1190000042255934",
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "3",
     "rank": 15
   },
   {
-    "title": "得物客服IM消息通信SDK自研之路",
-    "description": "客服IM的核心业务就是在线沟通，客服与用户通过实时沟通的方式可以在最短的时间内帮助用户解决问题。初期为了快速支撑业务需求，便基于第三方SDK进行了二次开发，同时也埋下了问题定位困难，特殊功能实现成本高等...",
-    "url": "https://segmentfault.com/a/1190000042234468",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
+    "title": "type=\"module\" 你了解，但 type=\"importmap\" 你知道吗",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042261401",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
     "rank": 16
   },
   {
-    "title": "如何用Golang来手撸一个Blog - Milu.blog 开发总结",
-    "description": "前段时间上线了一个小博客，今天有点空总结一下[链接]，走过路过的小伙伴不要错过。Golang 边学边撸，这个看起来不复杂的小东西前后搞了2个多月的时间。在前期技术选型时，做为一个略懂前端的菜鸟，在前端方面做...",
-    "url": "https://segmentfault.com/a/1190000042243922",
-    "author": "杰克",
-    "home_url": "https://segmentfault.com/u/jikey",
-    "votes": "1",
+    "title": "React组件应用于Spring MVC工程",
+    "description": "公司前端工程还处于React+Mobx与Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将React业务组件...",
+    "url": "https://segmentfault.com/a/1190000042272426",
+    "author": "记得要微笑",
+    "home_url": "https://segmentfault.com/u/tosmile",
+    "votes": "2",
     "rank": 17
   },
-  {
-    "title": "MQTT over QUIC：下一代物联网标准协议为消息传输场景注入新动力",
-    "description": "引言：首个将 QUIC 引入 MQTT 的开创性产品不久前，开源的大规模分布式物联网 MQTT 消息服务器 EMQX 发布了5.0版本。EMQX 5.0 不仅是全球首个实现单集群支持 1 亿连接的分布式 MQTT 消息服务器，还开创性地引入了...",
-    "url": "https://segmentfault.com/a/1190000042239884",
-    "author": "EMQX",
-    "home_url": "https://segmentfault.com/u/emqx",
-    "votes": "1",
-    "rank": 18
-  },
   {
     "title": "AI目标分割能力，无需绿幕即可实现快速视频抠图",
     "description": "绿幕抠图是影视制作过程中常见的技术手段，常用于视频中抠除并替换背景，通过后期加工实现视频剪辑制作的更多可能性。然而，绿幕抠图技术制作成本费时费力，无法应用于日常生活。",
@@ -168,34 +159,25 @@
     "author": "HMSCore",
     "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "bun.js  一个新的JavaScript运行环境",
-    "description": "介绍Bun 是一个现代的JavaScript运行环境，如Node, Deno。主要特性如下:启动速度快。更高的性能。完整的工具（打包器、转码器、包管理）。下面我们来横向对比下框架所说的性能:相同电脑下, 不同 js 运行环境的每...",
-    "url": "https://segmentfault.com/a/1190000042243785",
-    "author": "Grewer",
-    "home_url": "https://segmentfault.com/u/grewer",
-    "votes": "1",
-    "rank": 20
+    "rank": 18
   },
   {
-    "title": "Hooks时代，如何写出高质量的react和vue组件？",
-    "description": "组件视图，组件中用来描述视觉效果的部分，如css和html、react的jsx或者vue的template代码组件相关逻辑，如组件生命周期，按钮交互，事件等业务相关逻辑，如登录注册，获取用户信息，获取商品列表等与组件无关的...",
-    "url": "https://segmentfault.com/a/1190000042242529",
-    "author": "运维社",
-    "home_url": "https://segmentfault.com/u/lpc63szb",
-    "votes": "1",
-    "rank": 21
+    "title": "如何查看所有测试历史？进来学习下",
+    "description": "当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：",
+    "url": "https://segmentfault.com/a/1190000042265021",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "3",
+    "rank": 19
   },
   {
-    "title": "6 个意想不到的 JavaScript 问题",
-    "description": "作为前端开发工程师，JavaScript 是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑。本文灵感来...",
-    "url": "https://segmentfault.com/a/1190000042255934",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "2",
-    "rank": 22
+    "title": "OpenInfra Days China 2022 启幕在即，SegmentFault 思否战略支持",
+    "description": "OpenInfra Days China 是由 OpenInfra 基金会（前身 OpenStack 基金会）授权，由全球各个地区的社区志愿者团队共同筹划组织的一次年度的开源基础设施技术与行业盛会。自 2016 年中国社区的志愿者们第一次筹办面向...",
+    "url": "https://segmentfault.com/a/1190000042267659",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
+    "rank": 20
   },
   {
     "title": "React报错之Property 'X' does not exist on type 'HTMLElement'",
@@ -204,25 +186,7 @@
     "author": "chuck",
     "home_url": "https://segmentfault.com/u/chuckqu",
     "votes": "1",
-    "rank": 23
-  },
-  {
-    "title": "从编译的角度来学作用域！",
-    "description": "<img src=\"https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f7ebd0a01c80478d867342680db67c84~tplv-k3u1fbpfcp-zoom-1.image\" alt=\"\" width=\"100%\" />",
-    "url": "https://segmentfault.com/a/1190000042246545",
-    "author": "默海笑",
-    "home_url": "https://segmentfault.com/u/mohaixiao_62c9572f77386",
-    "votes": "1",
-    "rank": 24
-  },
-  {
-    "title": "四大科技巨头呼吁废除闰秒；国内 Go 语言爱好者发起新编程语言；Java 7 生命周期结束 | 思否周刊",
-    "description": "40s 新闻速递国内 Go 语言爱好者发起新编程语言540 万 Twitter 账号信息泄露，卖价 3 万美元苹果应用商店被曝大量色情 App四大科技巨头呼吁废除闰秒马斯克要求推特收购案 10 月 17 日审判iPhone14 或支持万兆网，...",
-    "url": "https://segmentfault.com/a/1190000042246459",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "0",
-    "rank": 25
+    "rank": 21
   },
   {
     "title": "基于微前端qiankun的多页签缓存方案实践",
@@ -231,16 +195,16 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "2",
-    "rank": 26
+    "rank": 22
   },
   {
-    "title": "WGCLOUD可以监测磁盘温度、通电次数、通电时间吗",
-    "description": "可以WGCLOUD监控平台支持监测硬盘的温度，通电次数，通电时间，健康状态如下图",
-    "url": "https://segmentfault.com/a/1190000042233156",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "title": "JavaScript WebGL 三维相关概念",
+    "description": "三维坐标理论上三个分量就够了，但在看相关程序的时候，发现会出现 4 个分量，这种表示方式称为齐次坐标，它将一个原本 n 维向量用一个 n+1 维向量表示。比如向量 (x, y, z) 的齐次坐标可表示为 (x, y, z, w)。这...",
+    "url": "https://segmentfault.com/a/1190000042256231",
+    "author": "XXHolic",
+    "home_url": "https://segmentfault.com/u/xxholic",
     "votes": "1",
-    "rank": 27
+    "rank": 23
   },
   {
     "title": "WebGPU 导入[1] - 入门常见问题与个人分享",
@@ -249,16 +213,16 @@
     "author": "四季留歌",
     "home_url": "https://segmentfault.com/u/onsummer",
     "votes": "1",
-    "rank": 28
+    "rank": 24
   },
   {
-    "title": "什么是文件系统?",
-    "description": "Nanami 是 Nanase 的学霸朋友，每天都会把老师在课堂上讲过的重点内容更新到笔记，方便期末复习。欢乐时光总是短暂，一转眼已经到了期末考试前的最后一个周末。Nanami 也是早早起床，打开电脑开始最后的冲刺。看...",
-    "url": "https://segmentfault.com/a/1190000042245082",
-    "author": "Douyiya",
-    "home_url": "https://segmentfault.com/u/douyiya_sang",
-    "votes": "2",
-    "rank": 29
+    "title": "6 个你必须明白 Vue3 的 ref 和 reactive 问题（入门篇）",
+    "description": "Vue3 为开发者提供 ref和 reactive两个 API 来实现响应式数据，这也是我们使用 Vue3 开发项目中经常用到的两个 API。",
+    "url": "https://segmentfault.com/a/1190000042266418",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "1",
+    "rank": 25
   },
   {
     "title": "独立产品灵感周刊 DecoHack #024 - 90年代的网站设计",
@@ -267,6 +231,42 @@
     "author": "ViggoZ",
     "home_url": "https://segmentfault.com/u/viggoz",
     "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "保姆级教程：写出自己的移动应用和小程序（篇五）",
+    "description": "在上期文章中，我们主要聊了聊如何写出一个简单的小程序。既然聊到了编写小程序，那不得不提的就是如何编写其中的 CSS 样式内容，一起来看看吧。",
+    "url": "https://segmentfault.com/a/1190000042255768",
+    "author": "火爆的茶壶",
+    "home_url": "https://segmentfault.com/u/huobaodechahu",
+    "votes": "1",
+    "rank": 27
+  },
+  {
+    "title": "图扑软件数字孪生油气管道站，搭建油气运输管控平台",
+    "description": "从国家管网集团获悉，西气东输管道系统 2021 年已累计输送天然气超 1000 亿立方米，这是西气东输年输气量首次突破千亿立方米。为了应对复杂多变的供气环境，保障全国人民的天然气使用，加快管道智能化是赋能油气...",
+    "url": "https://segmentfault.com/a/1190000042263453",
+    "author": "hightopo",
+    "home_url": "https://segmentfault.com/u/hightopo",
+    "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "下载！《云原生架构白皮书 2022 版》重磅发布",
+    "description": "简介：今年，《云原生架构白皮书2022版》正式上线，相较于2020年版本，本次内容新增数十家企业实战经验合集，同时在云原生产品矩阵中，新增多个核心产品家族，如容器产品家族、微服务产品家族、云原生技术中台 CN...",
+    "url": "https://segmentfault.com/a/1190000042252196",
+    "author": "阿里云开发者",
+    "home_url": "https://segmentfault.com/u/alijishu",
+    "votes": "2",
+    "rank": 29
+  },
+  {
+    "title": "Day 86/100 《图解HTTP》读书笔记（四）——HTTP报文头信息",
+    "description": "HTTP 通信过程包括从客户端发往服务器端的请求及从服务器端返回 客户端的响应。1、HTTP 报文用于 HTTP 协议交互的信息被称为 HTTP 报文。请求端(客户端)的 HTTP 报文叫做请求报文，响应端(服务器端)的叫做响应报...",
+    "url": "https://segmentfault.com/a/1190000042265802",
+    "author": "SnowWolfArden",
+    "home_url": "https://segmentfault.com/u/snowwolfarden",
+    "votes": "1",
     "rank": 30
   }
 ]