@wcj/github-rank 22.4.16 → 22.4.19

package/web/data/sifou-weekly.json

@@ -1,48 +1,39 @@
 [
-  {
-    "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
-    "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
-    "url": "https://segmentfault.com/a/1190000041679573",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "34",
-    "rank": 1
-  },
-  {
-    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
-    "url": "https://segmentfault.com/a/1190000041683548",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "31",
-    "rank": 2
-  },
   {
     "title": "现代 CSS 解决方案：Modern CSS Reset",
     "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
     "url": "https://segmentfault.com/a/1190000041700998",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 3
+    "votes": "16",
+    "rank": 1
   },
   {
-    "title": "一些关于react的keep-alive功能相关知识在这里(上)",
-    "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
-    "url": "https://segmentfault.com/a/1190000041683300",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "11",
-    "rank": 4
+    "title": "图说前端-送给您百张前端技术图谱",
+    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
+    "url": "https://segmentfault.com/a/1190000041707644",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "12",
+    "rank": 2
+  },
+  {
+    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
+    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
+    "url": "https://segmentfault.com/a/1190000041693503",
+    "author": "恪晨",
+    "home_url": "https://segmentfault.com/u/bo_wang_code",
+    "votes": "12",
+    "rank": 3
   },
   {
-    "title": "一些关于react的keep-alive功能相关知识在这里(下)",
-    "description": "比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。",
-    "url": "https://segmentfault.com/a/1190000041683421",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
+    "title": "40行代码实现React核心Diff算法",
+    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
+    "url": "https://segmentfault.com/a/1190000041706515",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "javaScript 内存管理机制",
@@ -51,25 +42,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
-    "rank": 6
-  },
-  {
-    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
-    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
-    "url": "https://segmentfault.com/a/1190000041686261",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "10",
-    "rank": 7
-  },
-  {
-    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
-    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
-    "url": "https://segmentfault.com/a/1190000041693503",
-    "author": "恪晨",
-    "home_url": "https://segmentfault.com/u/bo_wang_code",
-    "votes": "10",
-    "rank": 8
+    "rank": 5
   },
   {
     "title": "轻量迅捷时代，Vite 与Webpack 谁赢谁输",
@@ -78,16 +51,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "4",
-    "rank": 9
+    "rank": 6
   },
   {
-    "title": "作为前端，需要知道这些工具，解放我的重复劳动力",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041647249",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
-    "rank": 10
+    "title": "不借助 Javascript，利用 SVG 快速构建马赛克效果",
+    "description": "之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。核心是利用了 CSS 中一个很有意思的属性 -- image-rendering，它可以用于设置图像缩放算法。何为 image-rendering？CSS 属性 image-re...",
+    "url": "https://segmentfault.com/a/1190000041690130",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
+    "rank": 7
   },
   {
     "title": "5个一定要学会的JavaScript新特性",
@@ -95,17 +68,17 @@
     "url": "https://segmentfault.com/a/1190000041694411",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "7",
-    "rank": 11
+    "votes": "11",
+    "rank": 8
   },
   {
-    "title": "墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码",
-    "description": "4 月 11 日，墨菲安全正式发布了其开源软件安全检测工具——murphysec 。据悉，该项目集合了易用、专业、创新等优势，意在帮助每一位开发者更安全的使用开源代码。",
-    "url": "https://segmentfault.com/a/1190000041684916",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
-    "rank": 12
+    "title": "作为前端，需要知道这些工具，解放我的重复劳动力",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041647249",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
+    "rank": 9
   },
   {
     "title": "Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹",
@@ -113,44 +86,8 @@
     "url": "https://segmentfault.com/a/1190000041696066",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "4",
-    "rank": 13
-  },
-  {
-    "title": "打造轻量级 WebIDE，看这一篇文章就够啦",
-    "description": "目前团队正在着手搭建低代码平台，该平台将支持 LowCode/ProCode 双模式在线开发，而 ProCode 场景便需要一个功能相对完备的运行在浏览器的 WebIDE。同时考虑到未来可能的一些区块代码平台的需求，将 WebIDE 模块...",
-    "url": "https://segmentfault.com/a/1190000041686221",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "2",
-    "rank": 14
-  },
-  {
-    "title": "了解一下 ::target-text 选择器",
-    "description": "欢迎关注我的公众号：前端侦探最近在 MDN 官网看到了一个从未见过的选择器，::target-text。简单研究了一下，觉得还有点意思，也有点实际用处，现在分享一下。一、::target-text 是干什么的想必大家都用过:target...",
-    "url": "https://segmentfault.com/a/1190000041685048",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
-    "rank": 15
-  },
-  {
-    "title": "不借助 Javascript，利用 SVG 快速构建马赛克效果",
-    "description": "之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。核心是利用了 CSS 中一个很有意思的属性 -- image-rendering，它可以用于设置图像缩放算法。何为 image-rendering？CSS 属性 image-re...",
-    "url": "https://segmentfault.com/a/1190000041690130",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
-    "rank": 16
-  },
-  {
-    "title": "笔试算法题总结",
-    "description": "hashmap的原理这里不再讲述，不知道的小伙伴可以看这篇文章。Hash与HashMaphashmap数据结构的引入能帮助我们将O(n)的时间复杂度降低为O（1）的时间复杂度，代价是使用了O（n）的空间复杂度。这么一看好像功过参半...",
-    "url": "https://segmentfault.com/a/1190000041688073",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "5",
-    "rank": 17
+    "rank": 10
   },
   {
     "title": "《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 AST",
@@ -158,17 +95,8 @@
     "url": "https://segmentfault.com/a/1190000041689097",
     "author": "帅到被人砍",
     "home_url": "https://segmentfault.com/u/juniortour",
-    "votes": "3",
-    "rank": 18
-  },
-  {
-    "title": "告别收费BI!如何自己动手做一个免费的可视化数据报表还支持文档在线预览？",
-    "description": "本人大学刚毕业目前在一家互联网公司从事产品运营工作，一季度刚过，公司需要我出一份产品运营数据报表，由于产品用户数据、订单数据等数据量太大，我希望找一款Bi产品，支持我做出一个精美的可视化报表，还可以...",
-    "url": "https://segmentfault.com/a/1190000041685816",
-    "author": "徐骏",
-    "home_url": "https://segmentfault.com/u/xujun_6253b72d8cc31",
-    "votes": "9",
-    "rank": 19
+    "votes": "4",
+    "rank": 11
   },
   {
     "title": "写给“未来的”组件库的调研和思考",
@@ -177,7 +105,16 @@
     "author": "玩弄心里的鬼",
     "home_url": "https://segmentfault.com/u/lizongyuan",
     "votes": "2",
-    "rank": 20
+    "rank": 12
+  },
+  {
+    "title": "后端学习值得收藏的一些开源电子书",
+    "description": "这是龙芯团队胡伟武老师等人编写的《计算机体系结构基础》（第三版）的开源版本。胡伟武是著名的计算机领域专家，任龙芯中科技术有限公司董事长，也是我国第一颗通用处理器龙芯的总设计师。",
+    "url": "https://segmentfault.com/a/1190000041691470",
+    "author": "LeanCloud",
+    "home_url": "https://segmentfault.com/u/leancloud",
+    "votes": "6",
+    "rank": 13
   },
   {
     "title": "冴羽答读者问：怎么才能像你一样写文章如喝水？",
@@ -186,7 +123,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "3",
-    "rank": 21
+    "rank": 14
   },
   {
     "title": "开发者必读：2022年移动应用趋势洞察白皮书",
@@ -195,25 +132,16 @@
     "author": "HMSCore",
     "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "2",
-    "rank": 22
-  },
-  {
-    "title": "异步验证器防抖的补充 以及 记录动态组件遇到的问题",
-    "description": "补充这里对上文的异步验证器防抖做一点补充。[链接] {代码...} 上文的最后提到，发现这种写法可以。经过老师的判断后，发现几种写法的关键在于一个问题：每次获得新值的时候，fromControl是否会取消对上一个数据...",
-    "url": "https://segmentfault.com/a/1190000041688103",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
-    "rank": 23
+    "rank": 15
   },
   {
-    "title": "这篇手写 Promise 你一定要康康",
-    "description": "最近重温了一下 Q/Promise 的设计讲解，结合自己的理解和一些小优化，决定也来写一篇手写 Promise 的文章。本文的内容适合对 Promise 的使用有一定了解的童鞋，因为过程中不会过多解释 Promise 的基础操作。我们...",
-    "url": "https://segmentfault.com/a/1190000041687791",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
+    "title": "得物App H5秒开优化实战",
+    "description": "H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？ 后续接口预请求、客户端预渲染以及预加载2.0上线后...",
+    "url": "https://segmentfault.com/a/1190000041701111",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "3",
-    "rank": 24
+    "rank": 16
   },
   {
     "title": "[性能优化] 为虚拟列表增加离屏渲染和缓存",
@@ -222,51 +150,123 @@
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "0",
+    "rank": 17
+  },
+  {
+    "title": "搞懂 TypeScript 中的映射类型（Mapped Types）",
+    "description": "本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：数学中的映射和 TS 中的映射类型的关系；TS 中映射类型的应用；TS 中映射类型修饰符的应用；接下来会先从「数学中的...",
+    "url": "https://segmentfault.com/a/1190000041715281",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "4",
+    "rank": 18
+  },
+  {
+    "title": "支付宝小程序 横屏电子版签字 ，canvas实现",
+    "description": "思路：使用transform和translate 去旋转页面，这样就能满足样式的需求，看着是没啥问题，但是当在canvas上绘画的时候，就会看到，我写的是一横，展示的确是一竖原因：页面是旋转了，但是坐标系统没有改变",
+    "url": "https://segmentfault.com/a/1190000041698583",
+    "author": "那年",
+    "home_url": "https://segmentfault.com/u/nanian_5cd6881d3cc98",
+    "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "天地图修改主题颜色修改背景色",
+    "description": "最近公司比较忙，也没时间发些博文，最近正好由于项目需要大屏展示地图，大屏多数都是使用暗蓝色底图，目前天地图不提供暗蓝色瓦片，自带的JS API只支持black和indigo，但项目要求必须要用天地图。搜索引擎找了找...",
+    "url": "https://segmentfault.com/a/1190000041703873",
+    "author": "SangSir",
+    "home_url": "https://segmentfault.com/u/sangsir",
+    "votes": "1",
+    "rank": 20
+  },
+  {
+    "title": "Go语言轻松进阶",
+    "description": "导读 {代码...} 今天我们开始进入《Go语言轻松进阶》系列第二章「内存与垃圾回收」第二部分「Go语言内存管理」。关于「内存与垃圾回收」章节，会从如下三大部分展开：读前知识储备(已完结)指针的大小内存的线性分...",
+    "url": "https://segmentfault.com/a/1190000041708020",
+    "author": "TIGERB",
+    "home_url": "https://segmentfault.com/u/tigerb",
+    "votes": "1",
+    "rank": 21
+  },
+  {
+    "title": "正则表达式提取 git 提交记录中的新增代码行",
+    "description": "最近有小伙伴提了个需求，想用正则表达式从一段 git 提交记录中提取出具体更新了哪些代码，简单来说就是 commit diff 展示的代码，需要把 代码前面带 + 和 - 的行剥离出来。",
+    "url": "https://segmentfault.com/a/1190000041697857",
+    "author": "Dushusir",
+    "home_url": "https://segmentfault.com/u/dushusir",
+    "votes": "1",
+    "rank": 22
+  },
+  {
+    "title": "ECMAScript 新提案:.findLast()和.findLastIndex()从尾到头搜索数组",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041677593",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
+    "rank": 23
+  },
+  {
+    "title": "gitlab CI/CD配置中遇到的问题",
+    "description": "先来说一下配置CI/CD的目的，我们在提交代码后即提交push请求后gitLab会自动生成一个pipeLine任务，如果我们想要在每次提交代码之后都跑一次单元测试就需要对其进行编辑，此外我们还可以在此运行我们自定义的脚本...",
+    "url": "https://segmentfault.com/a/1190000041711569",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
+    "votes": "3",
+    "rank": 24
+  },
+  {
+    "title": "GitHub/GitLab配置SSH Key，以及RSA入门",
+    "description": "前言团队的项目近期更换到GitLab托管了，验证方式也从以前的HTTPS+SSH变成了纯SSH，所以就需要配置SSH Key。SSH的加密使用的RSA算法，文章末尾将给出一个简单的加密解密演示。一、生成公钥私钥对先看看无Key连接...",
+    "url": "https://segmentfault.com/a/1190000041713720",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "3",
     "rank": 25
   },
   {
-    "title": "后端学习值得收藏的一些开源电子书",
-    "description": "这是龙芯团队胡伟武老师等人编写的《计算机体系结构基础》（第三版）的开源版本。胡伟武是著名的计算机领域专家，任龙芯中科技术有限公司董事长，也是我国第一颗通用处理器龙芯的总设计师。",
-    "url": "https://segmentfault.com/a/1190000041691470",
-    "author": "LeanCloud",
-    "home_url": "https://segmentfault.com/u/leancloud",
-    "votes": "5",
+    "title": "初看满头问号，看懂直接跪下！",
+    "description": "你好呀，我是歪歪。我最近在 stackoverflow 上看到一段代码，怎么说呢。就是初看一脸懵逼，看懂直接跪下！我先带你看看 stackoverflow 上的这个问题是啥，然后引出这段代码：[链接]问题特别简单，就一句话：谁能...",
+    "url": "https://segmentfault.com/a/1190000041696508",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "3",
     "rank": 26
   },
   {
-    "title": "40行代码实现React核心Diff算法",
-    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
-    "url": "https://segmentfault.com/a/1190000041706515",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
+    "title": "推荐个我在用的免费翻译软件，支持多家翻译API整合",
+    "description": "前段时间发了个关于《Spring支持PHP》的视频：点击查看然后有小伙伴留言说：“你这个翻译好像很好用的样子”。的确，我自己也觉得很好用。之前视频没看过的不知道是哪个，可以通过截图简单了解下：基本操作就是选中...",
+    "url": "https://segmentfault.com/a/1190000041695503",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "XTask与RxJava的使用比较",
-    "description": "XTask是一个拓展性极强的Android任务执行框架。通过它，你可以自由定义和组合任务来实现你想要的功能，尤其适用于处理复杂的业务流程，可灵活添加前置任务或者调整执行顺序。",
-    "url": "https://segmentfault.com/a/1190000041681939",
-    "author": "xuexiangjys",
-    "home_url": "https://segmentfault.com/u/xuexiangjys",
+    "title": "一个小目标的达成——Milvus 10,000 星！",
+    "description": "近日，开源项目 Milvus 在向量数据库征程上取得了新的里程碑——GitHub 10,000 星。虽然我们认为 star 数不是评价开源项目质量的唯一标准，但还是感谢每一位通过点星来支持 Milvus 项目的开发者。",
+    "url": "https://segmentfault.com/a/1190000041695335",
+    "author": "Zilliz",
+    "home_url": "https://segmentfault.com/u/zilliz",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "得物App H5秒开优化实战",
-    "description": "H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？ 后续接口预请求、客户端预渲染以及预加载2.0上线后...",
-    "url": "https://segmentfault.com/a/1190000041701111",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "都“毕业”了，靠什么和东哥做“兄弟”？",
+    "description": "追根溯源，首先是马老师作为大佬们能说会道的担当曝出金句：\"未来，我们希望每年向社会推荐输出至少1000名10年以上的阿里人，他们应该参与到社会建设\"。",
+    "url": "https://segmentfault.com/a/1190000041709916",
+    "author": "不会写代码的小白",
+    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
     "votes": "2",
     "rank": 29
   },
   {
-    "title": "Angular13引入Echarts图表操作实录",
-    "description": "由于毕设的软件需要前端绘图，所以果断选择知名度较高的Apache Echarts。对于原生JS或TS来说，引入第三方库十分简单，只需要在Header处添加即可。本文旨在介绍Angular尤其是最新的Angular13使用Echarts的一些不同...",
-    "url": "https://segmentfault.com/a/1190000041680595",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "3",
+    "title": "超越 Nginx！号称下一代 Web 服务器，用起来够优雅！",
+    "description": "Nginx是一款非常流行的Web服务器，在Github上已有16K+Star，我们经常用它来做静态资源托管或反向代理。最近发现了一款全新的Web服务器Caddy，Star数超越Nginx，标星38K+Star。试用了一下Caddy，发现它使用起来比N...",
+    "url": "https://segmentfault.com/a/1190000041689452",
+    "author": "macrozheng",
+    "home_url": "https://segmentfault.com/u/macrozheng",
+    "votes": "1",
     "rank": 30
   }
 ]