@wcj/github-rank 22.3.13 → 22.3.16

package/web/data/sifou-weekly.json

@@ -5,54 +5,36 @@
     "url": "https://segmentfault.com/a/1190000041517764",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "27",
+    "votes": "28",
     "rank": 1
   },
   {
-    "title": "CSS 实现透明方格的 3 种方式",
-    "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
-    "url": "https://segmentfault.com/a/1190000041504985",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "26",
+    "title": "Go 设计哲学：少即是多，哪里来的？",
+    "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
+    "url": "https://segmentfault.com/a/1190000041524988",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "13",
     "rank": 2
   },
   {
-    "title": "革命性创新，动画杀手锏 @scroll-timeline",
-    "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
-    "url": "https://segmentfault.com/a/1190000041505045",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
+    "title": "Gitlab  CI/CD教程及npm包构建发布实战",
+    "description": "!!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...",
+    "url": "https://segmentfault.com/a/1190000041537651",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "12",
     "rank": 3
   },
   {
-    "title": "JavaScript 数据处理 - 映射表篇",
-    "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
-    "url": "https://segmentfault.com/a/1190000041503556",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "15",
+    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
+    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
+    "url": "https://segmentfault.com/a/1190000041524121",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "12",
     "rank": 4
   },
-  {
-    "title": "从头梳理，看看中国的 ICP 备案制度",
-    "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
-    "url": "https://segmentfault.com/a/1190000041501520",
-    "author": "白宦成",
-    "home_url": "https://segmentfault.com/u/xiqingongzi",
-    "votes": "11",
-    "rank": 5
-  },
-  {
-    "title": "Go 设计哲学：少即是多，哪里来的？",
-    "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
-    "url": "https://segmentfault.com/a/1190000041524988",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "9",
-    "rank": 6
-  },
   {
     "title": "对不起，今天该发的微软认证推文，我们没写",
     "description": "是的，今天是 3 月 10 日，农历二月初八（距离周五还有一天，距离下个法定节假日“清明节”还有 23 天，摸鱼人，支棱起来！）本来要写的微软认证课程宣传软文早就安排下来了，但在种种因素的作用下（没错，你没想错...",
@@ -60,16 +42,25 @@
     "author": "snakesss",
     "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "5",
-    "rank": 7
+    "rank": 5
   },
   {
-    "title": "28张图助我学废TS",
-    "description": "Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）",
-    "url": "https://segmentfault.com/a/1190000041510006",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "12",
-    "rank": 8
+    "title": "什么是 LRU 算法？",
+    "description": "缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...",
+    "url": "https://segmentfault.com/a/1190000041542627",
+    "author": "Shenfq",
+    "home_url": "https://segmentfault.com/u/shenfq",
+    "votes": "6",
+    "rank": 6
+  },
+  {
+    "title": "使用Three.js实现神奇的3D文字悬浮效果",
+    "description": "在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子，本文使用 React + Three.js 技术栈，参照示例实现类似的效果。本文中涉及到的知识点主要包括：CSS 网格背景、M...",
+    "url": "https://segmentfault.com/a/1190000041517240",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "8",
+    "rank": 7
   },
   {
     "title": "阿里云服务器 ECS 选购指南",
@@ -78,195 +69,204 @@
     "author": "若尘",
     "home_url": "https://segmentfault.com/u/iruochen",
     "votes": "2",
+    "rank": 8
+  },
+  {
+    "title": "线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形",
+    "description": "看到文章标题，很多同学可能会疑惑，实现元素的旋转，只需要求得旋转角度，然后用CSS中的transform:rotate(${旋转的角度}deg)就可以实现旋转的需求，为什么要用到线性代数的知识？",
+    "url": "https://segmentfault.com/a/1190000041536375",
+    "author": "而井",
+    "home_url": "https://segmentfault.com/u/rioli",
+    "votes": "7",
     "rank": 9
   },
   {
-    "title": "2022 年用于 Node.js 的顶级 WebSocket 库",
-    "description": "在这篇文章中，我们将讨论2022年你应该考虑的八个Node.js WebSocket库。SockJSwsSocket.IOFaye WebSocketSocketClusterSocketteFeathers要开始使用这些库中的任何一个，您需要在本地计算机上安装 npm 和 Node.js...",
-    "url": "https://segmentfault.com/a/1190000041507771",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "6",
+    "title": "一道面试题牵出12个前端硬核知识点，你能答出几个？",
+    "description": "一道面试题囊括多个高频知识点的确实不多，但确实有一个神奇的药引子——浏览器安全能串联起12个前端硬核知识点，一起来瞅瞅！！！一、概述1.1 Web页面安全说到Web页面安全你会想到哪些问题呢？什么是同源、什么是...",
+    "url": "https://segmentfault.com/a/1190000041536596",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "8",
     "rank": 10
   },
   {
-    "title": "推荐20个值得收藏的前端开源项目",
-    "description": "Proton是一个轻量、灵活的Javascript粒子动画库。使用它可以轻松创建各种炫酷粒子动画效果，该项目在github被近 2k 项目引用。Proton还支持3d粒子版本[链接] 。",
-    "url": "https://segmentfault.com/a/1190000041502262",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "11",
+    "title": "如何写一份好的前端面试简历?",
+    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
+    "url": "https://segmentfault.com/a/1190000041542431",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "7",
     "rank": 11
   },
   {
-    "title": "Taro cli流程和插件化机制实现原理",
-    "description": "自 2.2 开始，Taro 引入了插件化机制，目的是为了让开发者能够通过编写插件的方式来为 Taro 拓展更多功能或为自身业务定制个性化功能。",
-    "url": "https://segmentfault.com/a/1190000041515931",
-    "author": "MangoGoing",
-    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "6",
+    "title": "观察者模式与发布订阅模式区别 - JS",
+    "description": "在观察者模式中，只有两种主体：目标对象 (Subject) 和 观察者 (Observer)。在观察者模式中，Subject 对象拥有添加、删除和通知一系列 Observer 的方法等，而 Observer 对象拥有 update 更新方法等。在 Subject ...",
+    "url": "https://segmentfault.com/a/1190000041543041",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "使用Three.js实现神奇的3D文字悬浮效果",
-    "description": "在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子，本文使用 React + Three.js 技术栈，参照示例实现类似的效果。本文中涉及到的知识点主要包括：CSS 网格背景、M...",
-    "url": "https://segmentfault.com/a/1190000041517240",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "7",
+    "title": "被盗4900万，互联网巨头竟败给“小学生”",
+    "description": "《那些年，互联网巨头犯过的低级错误》第二集来啦，有请我的同事小亮，一个浙大毕业造无人机的小哥哥，给大家讲讲小学生黑掉百度外卖4900万的故事。",
+    "url": "https://segmentfault.com/a/1190000041522132",
+    "author": "qinjianxiang",
+    "home_url": "https://segmentfault.com/u/qinjianxiang",
+    "votes": "4",
     "rank": 13
   },
   {
-    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
-    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
-    "url": "https://segmentfault.com/a/1190000041524121",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "8",
+    "title": "VuePress 博客之 SEO 优化（四） Open Graph protocol",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲 SEO 优化中的 Open Graph protocol。meta 标签如果我们打开思否...",
+    "url": "https://segmentfault.com/a/1190000041528595",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "4",
     "rank": 14
   },
   {
-    "title": "mysql的锁",
-    "description": "页面锁：开销和加锁时间界于表锁和行锁之间，会出现死锁，锁定粒度界于表锁和行锁之间，并发度一般。从上述三种锁的特点来看，很难说哪种锁更好，只能就具体应用的特点来说哪种锁更合适。比如，MyISAM和MEMORY引...",
-    "url": "https://segmentfault.com/a/1190000041508775",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "4",
+    "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
+    "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
+    "url": "https://segmentfault.com/a/1190000041518109",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "5",
     "rank": 15
   },
   {
-    "title": "Vue 响应式原理",
-    "description": "Vue 最独特的特性之一，是非侵入式的响应系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。聊到 Vue 响应式实现原理，众多开发者都知道实现的关键在于利用 Object.defineProperty...",
-    "url": "https://segmentfault.com/a/1190000041503070",
-    "author": "Zuckjet",
-    "home_url": "https://segmentfault.com/u/zuckjet",
+    "title": "27个精美的时间线(含源代码)",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041499499",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "5",
     "rank": 16
   },
   {
-    "title": "面试官居然要我用JS代码计算LocalStorage容量！",
-    "description": "localStorage 的容量大家都知道是 5M ，但是却很少人知道怎么去验证，而且某些场景需要计算 localStorage 的剩余容量时，就需要我们掌握计算容量的技能了~~",
-    "url": "https://segmentfault.com/a/1190000041504625",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "6",
+    "title": "5分钟学会 gRPC",
+    "description": "我猜测大部分长期使用 Java 的开发者应该较少会接触 gRPC，毕竟在 Java 圈子里大部分使用的还是 Dubbo/SpringClound 这两类服务框架。",
+    "url": "https://segmentfault.com/a/1190000041528313",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "5",
     "rank": 17
   },
   {
-    "title": "被盗4900万，互联网巨头竟败给“小学生”",
-    "description": "《那些年，互联网巨头犯过的低级错误》第二集来啦，有请我的同事小亮，一个浙大毕业造无人机的小哥哥，给大家讲讲小学生黑掉百度外卖4900万的故事。",
-    "url": "https://segmentfault.com/a/1190000041522132",
-    "author": "qinjianxiang",
-    "home_url": "https://segmentfault.com/u/qinjianxiang",
-    "votes": "4",
-    "rank": 18
-  },
-  {
-    "title": "CSS中的混合模式，制作高级特效的必备技巧",
+    "title": "null 和 undefined 的区别！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041510478",
+    "url": "https://segmentfault.com/a/1190000041542386",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
+    "votes": "2",
+    "rank": 18
+  },
+  {
+    "title": "如何在 JavaScript 中实现 Event Bus（事件总线）",
+    "description": "Event Bus 事件总线，通常作为多个模块间的通信机制，相当于一个事件管理中心，一个模块发送消息，其它模块接受消息，就达到了通信的作用。",
+    "url": "https://segmentfault.com/a/1190000041538256",
+    "author": "Dushusir",
+    "home_url": "https://segmentfault.com/u/dushusir",
+    "votes": "4",
     "rank": 19
   },
   {
-    "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
-    "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
-    "url": "https://segmentfault.com/a/1190000041518109",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "5",
+    "title": "实时增量学习在云音乐直播推荐系统中的实践",
+    "description": "直播推荐业务是嵌入在云音乐 APP 中各个地方，其中就包括最大的几个场景歌曲播放页的直播模块、混合在评论中的评论页直播以及云音乐首页的首页六卡直播。 如下图所示，图 1.1 即为播放页上的直播模块；图 1.2 是...",
+    "url": "https://segmentfault.com/a/1190000041519275",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "读Flink源码谈设计：FileSystemConnector中的整洁架构",
-    "description": "前阵子在生产上碰到了一个诡异现象：全量作业无法正常进行，日志中充斥着java.util.concurrent.TimeoutException: Heartbeat of TaskManager with id container xxxx(HOSTNAME:PORT) timed out的报错。",
-    "url": "https://segmentfault.com/a/1190000041517100",
-    "author": "泊浮目",
-    "home_url": "https://segmentfault.com/u/camile",
+    "title": "实现同比、环比计算的N种姿势",
+    "description": "在做数据分析时，我们会经常听到同比、环比同比的概念。各个企业和组织在发布统计数据时，通常喜欢用同比、环比来和之前的历史数据进行比较，用来说明数据的变化情况。例如，统计局公布2022年1月份CPI同比增长0.9...",
+    "url": "https://segmentfault.com/a/1190000041518997",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "3",
     "rank": 21
   },
   {
-    "title": "VuePress 博客之 SEO 优化（四） Open Graph protocol",
-    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲 SEO 优化中的 Open Graph protocol。meta 标签如果我们打开思否...",
-    "url": "https://segmentfault.com/a/1190000041528595",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "4",
+    "title": "走进开源项目 - urlcat 源码分析",
+    "description": "该项目是在 qs 项目的基础上并使用 typescript 进行开发，其中定义了 2 个类型，有几个不太了解知识点 type 、 Recode 、Partial 和 Pick 。",
+    "url": "https://segmentfault.com/a/1190000041542058",
+    "author": "robin",
+    "home_url": "https://segmentfault.com/u/robin_ren",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "初识Spring IoC",
-    "description": "从第一天开始学习SpringBoot，到现在已经有两年了，两年以来我的搬砖能力不断增强，但理论层面仍然是零基础小白。因此，打破瓶颈的方法，就是像学长们一样，多读书、多看理论知识，然后应用实践。",
-    "url": "https://segmentfault.com/a/1190000041508734",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "3",
+    "title": "css 的 filter属性竟然如此好玩",
+    "description": "在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。",
+    "url": "https://segmentfault.com/a/1190000041549883",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "13",
     "rank": 23
   },
   {
-    "title": "浏览器“联盟”！苹果/谷歌/Mozilla/微软合力解决 Web “互操作性”问题",
-    "description": "近日，四大浏览器制造商苹果（Apple）、谷歌（Google）、Mozilla 和微软（Microsoft）以及软件咨询公司博科（Bocoup）和伊加利亚（Igalia），已同意联手合作，致力于改善其网络浏览器的互操作性和用户体验，使 We...",
-    "url": "https://segmentfault.com/a/1190000041505804",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
+    "title": "petite-vue源码剖析-双向绑定`v-model`的工作原理",
+    "description": "双向绑定v-model不仅仅是对可编辑HTML元素(select, input, textarea和附带[contenteditable=true])同时附加v-bind和v-on，而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非...",
+    "url": "https://segmentfault.com/a/1190000041545178",
+    "author": "肥仔John",
+    "home_url": "https://segmentfault.com/u/fsjohnhuang",
+    "votes": "2",
     "rank": 24
   },
   {
-    "title": "11 个对开发有帮助的 JS 技巧",
+    "title": "你不知道的JavaScript中的5个JSON秘密功能",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041504306",
+    "url": "https://segmentfault.com/a/1190000041491918",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
+    "votes": "4",
     "rank": 25
   },
   {
-    "title": "5分钟学会 gRPC",
-    "description": "我猜测大部分长期使用 Java 的开发者应该较少会接触 gRPC，毕竟在 Java 圈子里大部分使用的还是 Dubbo/SpringClound 这两类服务框架。",
-    "url": "https://segmentfault.com/a/1190000041528313",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "5",
+    "title": "静态模型一键动态化，教你如何集成动作捕捉能力",
+    "description": "华为3D建模服务（3D Modeling Kit）的动作捕捉能力，利用人体检测技术以及模型加速与压缩技术、基于深度学习的单目姿态估计算法，仅需要普通手机的RGB摄像头，就可以捕获人体24个骨骼关键点三维信息，轻松实现静...",
+    "url": "https://segmentfault.com/a/1190000041526401",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "27个精美的时间线(含源代码)",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041499499",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "React内部的性能优化没有达到极致？",
+    "description": "大家好，我卡颂。对于如下这个常见交互步骤：点击按钮，触发状态更新组件render视图渲染你觉得哪些步骤有性能优化的空间呢？答案是：1和2。对于步骤1，如果状态更新前后没有变化，则可以略过剩下的步骤。这个优化...",
+    "url": "https://segmentfault.com/a/1190000041531553",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "4",
     "rank": 27
   },
   {
-    "title": "AntV X6源码简析",
-    "description": "AntV是蚂蚁金服全新一代数据可视化解决方案，其中X6主要用于解决图编辑领域相关的解决方案，其是一款图编辑引擎，内置了一下编辑器所需的功能及组件等，本文旨在通过简要分析x6源码来对图编辑领域的一些底层引擎...",
-    "url": "https://segmentfault.com/a/1190000041503630",
-    "author": "野林",
-    "home_url": "https://segmentfault.com/u/vleedesigntheory",
-    "votes": "2",
+    "title": "VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲 SEO 中的 JSON-LD。JSON-LD如果我们打开掘金任意一篇文章，比如这...",
+    "url": "https://segmentfault.com/a/1190000041533456",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "实时增量学习在云音乐直播推荐系统中的实践",
-    "description": "直播推荐业务是嵌入在云音乐 APP 中各个地方，其中就包括最大的几个场景歌曲播放页的直播模块、混合在评论中的评论页直播以及云音乐首页的首页六卡直播。 如下图所示，图 1.1 即为播放页上的直播模块；图 1.2 是...",
-    "url": "https://segmentfault.com/a/1190000041519275",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "3",
+    "title": "扑克牌速算24 -穷举（JavaScript）",
+    "description": "要求：提交算法思路即可。思路：先分析一下穷举包含多少种情况：1、操作数。由于是给定的4张牌，所以把这个4张牌进行全排列，共有：24种2、运算符。4个数之间有3个运算符，每个运算符有4种选择，共有：64种3、运...",
+    "url": "https://segmentfault.com/a/1190000041523394",
+    "author": "叫我詹躲躲",
+    "home_url": "https://segmentfault.com/u/huixiaodeyanjingzhenmei",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "@Async的用法和示例",
-    "description": "通常，在Java中的方法调用都是同步调用，比如在A方法中调用了B方法，则在A调用B方法之后，必须等待B方法执行并返回后，A方法才可以继续往下执行。这样容易出现的一个问题就是如果B方法执行时间较长，则可能会导致...",
-    "url": "https://segmentfault.com/a/1190000041515367",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "title": "别再问WiFi密码了，HMS Core统一扫码服务让手机一键联网",
+    "description": "现代生活离不开网络，在餐厅、商场等公共场所，手机连接WiFi一直是高频使用场景。虽然公共场所的免费WiFi越来越多，但网络连接过程却很麻烦。有的需要打开网页注册或点击广告链接才能上网，还有的要求下载特定App...",
+    "url": "https://segmentfault.com/a/1190000041517623",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
     "rank": 30
   }
 ]