@wcj/github-rank 22.7.31 → 22.8.3

package/dist/sifou-weekly.json

@@ -1,30 +1,21 @@
 [
   {
-    "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
-    "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
-    "url": "https://segmentfault.com/a/1190000042217200",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
-    "rank": 1
-  },
-  {
-    "title": "今҈天҈真҈是҈热҈化҈了҈！",
-    "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
-    "url": "https://segmentfault.com/a/1190000042217446",
+    "title": "提升web输入体验！JS 如何自动配对标点符号？",
+    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
+    "url": "https://segmentfault.com/a/1190000042251637",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
-    "rank": 2
+    "votes": "11",
+    "rank": 1
   },
   {
-    "title": "社区维基：将你的问答捐赠给社区",
-    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
-    "url": "https://segmentfault.com/a/1190000042203704",
-    "author": "fenbox",
-    "home_url": "https://segmentfault.com/u/fenbox",
-    "votes": "10",
-    "rank": 3
+    "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",
+    "rank": 2
   },
   {
     "title": "梳理 Webpack 知识体系与学习资源推荐",
@@ -32,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000042232699",
     "author": "JackySummer",
     "home_url": "https://segmentfault.com/u/jackysummer",
-    "votes": "11",
-    "rank": 4
+    "votes": "13",
+    "rank": 3
   },
   {
     "title": "低代码是开发的未来吗？浅谈低代码平台",
@@ -42,16 +33,16 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
-    "rank": 5
+    "rank": 4
   },
   {
-    "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
-    "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
-    "url": "https://segmentfault.com/a/1190000042216817",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "4",
-    "rank": 6
+    "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": 5
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Spring Boot 是否很难用？",
@@ -60,15 +51,24 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "4",
+    "rank": 6
+  },
+  {
+    "title": "一张图进阶 RocketMQ - 消息存储",
+    "description": "三此君看了好几本书，看了很多遍源码整理的 一张图进阶 RocketMQ 图片，关于 RocketMQ 你只需要记住这张图！觉得不错的话，记得点赞关注哦。【重要】视频在 B 站同步更新，欢迎围观，轻轻松松涨姿势。一张图进阶 ...",
+    "url": "https://segmentfault.com/a/1190000042216004",
+    "author": "三此君",
+    "home_url": "https://segmentfault.com/u/sancijun",
+    "votes": "5",
     "rank": 7
   },
   {
-    "title": "用好 DIV 和 API，在前端系统中轻松嵌入数据分析模块",
-    "description": "在数字化转型潮流席卷各大行业的今天，越来越多的企业开始重视 BI（商业智能）技术的部署和应用，期望从不断增长的数据资源中获得更多业务价值，从而提升利润、控制风险、降低成本。BI 能整合、组织和分析数据，...",
-    "url": "https://segmentfault.com/a/1190000042229574",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "2",
+    "title": "你的 Tap bar  不够花里胡哨，试试这个！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042238526",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "6",
     "rank": 8
   },
   {
@@ -81,40 +81,31 @@
     "rank": 9
   },
   {
-    "title": "精读《Flip, Fibonacci, AllCombinations...》",
-    "description": "解决 TS 问题的最好办法就是多练，这次解读 type-challenges Medium 难度 49~56 题。精读Flip实现 Flip<T>，将对象 T 中 Key 与 Value 对调： {代码...} 在 keyof 描述对象时可以通过 as 追加变形，所以这...",
-    "url": "https://segmentfault.com/a/1190000042216640",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "3",
+    "title": "用好 DIV 和 API，在前端系统中轻松嵌入数据分析模块",
+    "description": "在数字化转型潮流席卷各大行业的今天，越来越多的企业开始重视 BI（商业智能）技术的部署和应用，期望从不断增长的数据资源中获得更多业务价值，从而提升利润、控制风险、降低成本。BI 能整合、组织和分析数据，...",
+    "url": "https://segmentfault.com/a/1190000042229574",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "2",
     "rank": 10
   },
   {
-    "title": "怎样做才能算是“资深”工程师",
-    "description": "既然是工程师，不管你是上班时做公司项目，还是下班后自己搞外包，最重要的任务就是把脑中的构想通过写代码实现出来，所以实践能力绝对是必要的。就像 Linus Torvalds 的名言“Talk is cheap. Show me the code”，...",
-    "url": "https://segmentfault.com/a/1190000042216610",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "可线性渐变的环形进度条的实现探究",
+    "description": "本文主要介绍基于 NutUI Vue3 的 circleProgress 组件的设计与实现原理，是一个圆环形的进度条组件，用来展示操作的当前进度，支持修改进度以及渐变色。环形进度条是很常用的一个组件，特别是在管理后台数据统计...",
+    "url": "https://segmentfault.com/a/1190000042238962",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "4",
     "rank": 11
   },
   {
-    "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": "13",
-    "rank": 12
-  },
-  {
-    "title": "使用 normalizr 进行复杂数据转换",
-    "description": "笔者曾经开发过一个数据分享类的小程序，分享逻辑上类似于百度网盘。当前数据可以由被分享者加工然后继续分享（可以控制数据的过期时间、是否可以加工数据以及继续分享）。",
-    "url": "https://segmentfault.com/a/1190000042216483",
-    "author": "jump__jump",
-    "home_url": "https://segmentfault.com/u/jump_and_jump",
+    "title": "vue3中的setup方法",
+    "description": "props是一个对象，包含父组件传递给子组件的所有数据。在子组件中使用props进行接收。包含配置声明并传入的所有的属性的对象。也就是说，如果你想通过props的方式输出父组件传递给子组件的值。你需要使用props进...",
+    "url": "https://segmentfault.com/a/1190000042234229",
+    "author": "Kyle",
+    "home_url": "https://segmentfault.com/u/ddee",
     "votes": "4",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "自定义React Hooks",
@@ -123,16 +114,7 @@
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "2",
-    "rank": 14
-  },
-  {
-    "title": "一张图进阶 RocketMQ - 消息存储",
-    "description": "三此君看了好几本书，看了很多遍源码整理的 一张图进阶 RocketMQ 图片，关于 RocketMQ 你只需要记住这张图！觉得不错的话，记得点赞关注哦。【重要】视频在 B 站同步更新，欢迎围观，轻轻松松涨姿势。一张图进阶 ...",
-    "url": "https://segmentfault.com/a/1190000042216004",
-    "author": "三此君",
-    "home_url": "https://segmentfault.com/u/sancijun",
-    "votes": "2",
-    "rank": 15
+    "rank": 13
   },
   {
     "title": "Charles使用教程",
@@ -141,25 +123,7 @@
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "SegmentFault 思否在 ApacheCon Asia 2022 议题全览",
-    "description": "ApacheCon Asia 2022 将于 7 月 29-31 日在线举办，内容覆盖大数据、人工智能、中间件等多个技术领域，以及 Apache 孵化器、开源文化、社区等专题。持续三天，足不出户即可参加 Apache 技术盛宴！",
-    "url": "https://segmentfault.com/a/1190000042223771",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
-    "rank": 17
-  },
-  {
-    "title": "vue3中的setup方法",
-    "description": "props是一个对象，包含父组件传递给子组件的所有数据。在子组件中使用props进行接收。包含配置声明并传入的所有的属性的对象。也就是说，如果你想通过props的方式输出父组件传递给子组件的值。你需要使用props进...",
-    "url": "https://segmentfault.com/a/1190000042234229",
-    "author": "Kyle",
-    "home_url": "https://segmentfault.com/u/ddee",
-    "votes": "3",
-    "rank": 18
+    "rank": 14
   },
   {
     "title": "typescript隐式类型转换图，很直观详细",
@@ -168,25 +132,16 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "2",
-    "rank": 19
-  },
-  {
-    "title": "前端食堂技术周刊第 45 期：Vite3.0、第91次TC39会议、Figma背后的CSS、B 站事故复盘、图片优化工具",
-    "description": "美味值：🌟🌟🌟🌟🌟口味：超级水果杯食堂技术周刊仓库地址：https://github.com/Geekhyt/weeklyPC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。本期摘要Vite 3.0Deno v1.24图片优化工具Figma 背后的 CSS...",
-    "url": "https://segmentfault.com/a/1190000042221404",
-    "author": "童欧巴",
-    "home_url": "https://segmentfault.com/u/tongouba",
-    "votes": "3",
-    "rank": 20
+    "rank": 15
   },
   {
-    "title": "开源 API 管理工具终于支持查看全部测试历史",
-    "description": "Eoapi 测试历史改版啦！最初是 Eoapi 的共建者在 Issue 上提了一个建议。大概是这样的：其实，之前 Eoapi 也有测试历史，跟随 API 信息，每个 api 有自己的测试历史，这样会遇到两个问题：在查看历史时可能比较麻...",
-    "url": "https://segmentfault.com/a/1190000042223167",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "3",
-    "rank": 21
+    "title": "M1 nvm install报错",
+    "description": "M1执行nvm install安装node报错404 {代码...} 经过分析发现命令安装node版本时，M1电脑自动拼接路径如下：[链接]arm64是M1特有的软件命令方式 目前node官网不提供此类的压缩包 压缩包官网 解决方案执行install命...",
+    "url": "https://segmentfault.com/a/1190000042254696",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "2",
+    "rank": 16
   },
   {
     "title": "Go 程序太大了，能要个延迟初始化不？",
@@ -195,78 +150,123 @@
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "2",
-    "rank": 22
+    "rank": 17
   },
   {
-    "title": "你的 Tap bar  不够花里胡哨，试试这个！",
+    "title": "从一个小开源项目到庞大的开源矩阵，他是怎么做到的？",
+    "description": "大家好，我卡颂。很多开源作者都经历过如下过程：有个好的开源点子撸起袖子加油干开源项目获得社区认可，star数量就是自己的动力随着维护时间变长，遇到挫折（时间上的消耗、伸手党的不理解...）心灰意冷，逐渐停...",
+    "url": "https://segmentfault.com/a/1190000042228836",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "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",
+    "rank": 19
+  },
+  {
+    "title": "MarkDown简明语法手册",
+    "description": "原文链接1. 斜体和粗体使用 和 * 表示斜体和粗体。示例：这是 斜体，这是 粗体。2. 分级标题使用 === 表示一级标题，使用 --- 表示二级标题。示例： {代码...} 你也可以选择在行首加井号表示不同级别的标题 (H1-H...",
+    "url": "https://segmentfault.com/a/1190000042242558",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
+    "votes": "3",
+    "rank": 20
+  },
+  {
+    "title": "mysql 最大建议行数2000w,靠谱吗？",
+    "description": "作为在后端圈开车的多年老司机，是不是经常听到过，“mysql 单表最好不要超过2000w”,“单表超过2000w 就要考虑数据迁移了”，“你这个表数据都马上要到2000w 了，难怪查询速度慢”",
+    "url": "https://segmentfault.com/a/1190000042232098",
+    "author": "京东科技开发者",
+    "home_url": "https://segmentfault.com/u/jdcdevloper",
+    "votes": "2",
+    "rank": 21
+  },
+  {
+    "title": "Vue3 中还处在实验性阶段 Suspense 是个啥？",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042238526",
+    "url": "https://segmentfault.com/a/1190000042208263",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "votes": "1",
+    "rank": 22
+  },
+  {
+    "title": "得物客服IM消息通信SDK自研之路",
+    "description": "客服IM的核心业务就是在线沟通，客服与用户通过实时沟通的方式可以在最短的时间内帮助用户解决问题。初期为了快速支撑业务需求，便基于第三方SDK进行了二次开发，同时也埋下了问题定位困难，特殊功能实现成本高等...",
+    "url": "https://segmentfault.com/a/1190000042234468",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "1",
     "rank": 23
   },
   {
-    "title": "冴羽答读者问：冴羽，你为什么写起了鸡汤？",
-    "description": "自从写了「冴羽答读者问」系列后，我收到了朋友赠予的很多称号，“人生导师”、“鸡汤教主”、“情感博主” 等等。对于这些称号，我表示很喜欢，不过也让我产生了一些思考，就比如 “「哲理」和 「鸡汤」之间的区别是什...",
-    "url": "https://segmentfault.com/a/1190000042225497",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "2",
+    "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",
     "rank": 24
   },
   {
-    "title": "从一个小开源项目到庞大的开源矩阵，他是怎么做到的？",
-    "description": "大家好，我卡颂。很多开源作者都经历过如下过程：有个好的开源点子撸起袖子加油干开源项目获得社区认可，star数量就是自己的动力随着维护时间变长，遇到挫折（时间上的消耗、伸手党的不理解...）心灰意冷，逐渐停...",
-    "url": "https://segmentfault.com/a/1190000042228836",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "1",
+    "title": "3 分钟掌握 Node.js 版本的区别",
+    "description": "Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境。在我们日常开发中，Node.js 使用场景越来越多，大到服务端项目，小到开发工具脚本，所以掌握 Node.js 一些基础知识是非常有必要的。今天主要聊一下 ...",
+    "url": "https://segmentfault.com/a/1190000042246598",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "3",
     "rank": 25
   },
   {
-    "title": "Angular项目过大？合理拆分它！",
-    "description": "Angular 让人诟病的一点就是打包后体积很大，一不小心 main.js就大的离谱，其实遇到类似的问题，不管是体积大、数据大、还是流量大，就一个思路：拆分。再配合浏览器的缓存机制，能很好的优化项目访问速度。",
-    "url": "https://segmentfault.com/a/1190000042223966",
-    "author": "alwaysVe",
-    "home_url": "https://segmentfault.com/u/longlonglong",
-    "votes": "2",
+    "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": 26
   },
   {
-    "title": "开源 API 管理工具，新版本 V1.3.0：前后置脚本、查看所有....",
-    "description": "我们的 1.3.0 版本功能伴随着炎热的天气如火如荼地发布了，UI 进行了升级，更清爽、更简单。看出来哪里改动了吗？发布了几个大功能：系统、插件多语言支持测试支持前后置 Javascript 脚本，支持加解密、断言、全...",
-    "url": "https://segmentfault.com/a/1190000042223020",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
+    "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": 27
   },
   {
-    "title": "RunJS Chrome Plugin V1.0.6发布",
-    "description": "RunJS Editor v1.0.6 - 2022/7/24feat: 调试窗口feat: html类型支持markdownfeat: javascript类型支持typescript1.调试窗口打开lodash/momentjs之类的工具库文档时，咱们可以边看文档，边在RunJS中写示例打印相应...",
-    "url": "https://segmentfault.com/a/1190000042220766",
-    "author": "jinling",
-    "home_url": "https://segmentfault.com/u/liushuigs",
+    "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": 28
   },
   {
-    "title": "测试用例千万不能随便，记录由一个测试用例异常引起的思考",
-    "description": "我以前写测试用例只是针对业务接口，每个接口写一个，数据case也只是测一种。能跑通就可以了。要不同的场景case，那就改数据。重新跑一遍。简单省事。",
-    "url": "https://segmentfault.com/a/1190000042222396",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "title": "AI目标分割能力，无需绿幕即可实现快速视频抠图",
+    "description": "绿幕抠图是影视制作过程中常见的技术手段，常用于视频中抠除并替换背景，通过后期加工实现视频剪辑制作的更多可能性。然而，绿幕抠图技术制作成本费时费力，无法应用于日常生活。",
+    "url": "https://segmentfault.com/a/1190000042252173",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "mysql 最大建议行数2000w,靠谱吗？",
-    "description": "作为在后端圈开车的多年老司机，是不是经常听到过，“mysql 单表最好不要超过2000w”,“单表超过2000w 就要考虑数据迁移了”，“你这个表数据都马上要到2000w 了，难怪查询速度慢”",
-    "url": "https://segmentfault.com/a/1190000042232098",
-    "author": "京东科技开发者",
-    "home_url": "https://segmentfault.com/u/jdcdevloper",
-    "votes": "2",
+    "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": 30
   }
 ]