@wcj/github-rank 22.6.14 → 22.6.17

package/dist/sifou-weekly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "文字轮播与图片轮播？CSS 不在话下",
-    "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
-    "url": "https://segmentfault.com/a/1190000041947673",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
+    "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
+    "description": "看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...",
+    "url": "https://segmentfault.com/a/1190000041974425",
+    "author": "水冗水孚",
+    "home_url": "https://segmentfault.com/u/shuirongshui",
+    "votes": "16",
     "rank": 1
   },
   {
@@ -14,258 +14,258 @@
     "url": "https://segmentfault.com/a/1190000041962607",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "11",
+    "votes": "17",
     "rank": 2
   },
   {
-    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
-    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
-    "url": "https://segmentfault.com/a/1190000041953821",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "React Suspense 尝鲜,处理前后端IO异步操作",
+    "description": "Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：",
+    "url": "https://segmentfault.com/a/1190000041992773",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
     "rank": 3
   },
   {
-    "title": "构建基于React18的电子表格程序",
-    "description": "2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。",
-    "url": "https://segmentfault.com/a/1190000041959594",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "让拖拽更加人性化？如何自定义dragover样式",
+    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
+    "url": "https://segmentfault.com/a/1190000041974546",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "10",
     "rank": 4
   },
   {
-    "title": "前端视角看视频处理",
-    "description": "视频，英文：video，直译为视觉画面的频率，最原始的含义，应该是随着时间的流逝不停地播放画面，进而产生了一种视觉上连续的效果，彷佛重现了现实世界的场景。",
-    "url": "https://segmentfault.com/a/1190000041967735",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "4",
+    "title": "JS实现将文本或JSON内容下载到文件中",
+    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
+    "url": "https://segmentfault.com/a/1190000041965165",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "7",
     "rank": 5
   },
   {
-    "title": "解决跨海高并发崩溃难题？so easy",
-    "description": "近年来随着互联网强势的发展浪潮，越来越多的企业选择跨境出海，扩展海外市场。而想要在一个陌生市场最快速地吸引到用户，一定不能缺少的就是丰富多样的各类活动。然而活动在带来大流量的同时，也带来了一些问题...",
-    "url": "https://segmentfault.com/a/1190000041952886",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "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": 6
   },
   {
-    "title": "「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！",
-    "description": "随着区块链技术的成熟落地以及创新开发团队的涌现，行业开始催生出了新一代互联网技术 —— 去年以来，伴随元宇宙后火起来的 Web3 热度一度风靡全球，且被看作是是互联网的未来。",
-    "url": "https://segmentfault.com/a/1190000041961319",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
+    "title": "使用 content-visibility 优化渲染性能",
+    "description": "content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。",
+    "url": "https://segmentfault.com/a/1190000041980427",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
     "rank": 7
   },
   {
-    "title": "react-router-middleware-plus开源啦 | 基于react-router v6的零成本式路由权限解决方案",
-    "description": "一、你的苦恼~~你还在为react-router的路由权限控制而烦恼吗？你还在翻遍了社区react路由权限相关文章发现都是V4、V5版本的而烦恼吗？你还在为自行适配react-router v6版本的权限步骤繁杂，多重鉴权逻辑嵌套而烦...",
-    "url": "https://segmentfault.com/a/1190000041958877",
-    "author": "胡哥有话说",
-    "home_url": "https://segmentfault.com/u/justbecoder",
-    "votes": "3",
+    "title": "前端视角看视频处理",
+    "description": "视频，英文：video，直译为视觉画面的频率，最原始的含义，应该是随着时间的流逝不停地播放画面，进而产生了一种视觉上连续的效果，彷佛重现了现实世界的场景。",
+    "url": "https://segmentfault.com/a/1190000041967735",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "5",
     "rank": 8
   },
   {
-    "title": "干货合集│最好用的 python 库都在这",
-    "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000041962217",
-    "author": "程序员亮仔",
-    "home_url": "https://segmentfault.com/u/cxyliangzai",
-    "votes": "4",
+    "title": "【实操干货】做好这 16 项优化，你的 Linux 操作系统焕然一新",
+    "description": "大家好，这次跟大家谈谈又拍云的操作系统优化方案。往简单地说，我们使用的 Linux 操作系统主要都是基于 CentOS6/7 的精简和优化。往复杂地说，则是我们有两套系统，业务上使用的定制 Linux 系统和数据中心使用的...",
+    "url": "https://segmentfault.com/a/1190000041974556",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 9
   },
   {
-    "title": "BI　如何让SaaS产品具有 “安全感”和“敏锐感”（上）",
-    "description": "SaaS模式一经推出，凭借自身的高性价比、低维护成本，无需软硬件维护、无需运维等明晃晃的优点，得到了爆发式的增长，甚至全面改变了软件的开发模式。各位老总的问候语，不知从什么时候开始，都变成了：“你上云了...",
-    "url": "https://segmentfault.com/a/1190000041954455",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
+    "title": "Redis都有哪些使用场景",
+    "description": "Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...",
+    "url": "https://segmentfault.com/a/1190000041985101",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
+    "votes": "4",
     "rank": 10
   },
   {
-    "title": "JS自动生成24小时时间区间，时间跨度为60或30分钟",
-    "description": "1、时间跨度为60分钟（1）时间区间为字符串有时候可能需要用到24小时的时间区间，跨度为60分钟，比如下面这样的： {代码...} 如果手动去写，则有点麻烦，这个时候可以使用一个简单的 JS 函数去自动生成，示例代码...",
-    "url": "https://segmentfault.com/a/1190000041954650",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "2",
+    "title": "什么是走索引？",
+    "description": "索引是一种利用某种规则的数据结构与实际数据的关系加快数据查找的功能。我们的数据库中存储有大量的内容，而索引能够通过数据节点，根据特定的规则和算法快速查找到节点对应的实际文件的位置。简单来说索引就像...",
+    "url": "https://segmentfault.com/a/1190000041986392",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 11
   },
   {
-    "title": "一个“@”引发的“reply-all 事件”：让 GitHub 变身发骚扰邮件的“僵尸网络”！近 40 万开发者受影响",
-    "description": "近日，一位 18 岁的新手因向 GitHub 仓库提交 PR(Pull Request，Pull 请求)，结果一个“@”让 GitHub 变身“僵尸网络”向近 40 万开发者狂发骚扰邮件的“reply-all 风暴”热度席卷了开源圈。",
-    "url": "https://segmentfault.com/a/1190000041959460",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
+    "title": "2022中国信通院安全运营发展论坛成功召开",
+    "description": "6月10日，由中国信息通信研究院（以下简称“中国信通院”）主办的安全运营发展论坛在京召开。会上中国信通院公布了最新安全运营中心（SOC）能力评估、云工作负载保护平台（CWPP）能力评估与案例评选结果，发布《主...",
+    "url": "https://segmentfault.com/a/1190000041983409",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "用 Go 快速开发一个 RESTful API 服务",
-    "description": "对于很多初创公司来说，业务的早期我们更应该关注于业务价值的交付，而单体服务具有架构简单，部署简单，开发成本低等优点，可以帮助我们快速实现产品需求。我们在使用单体服务快速交付业务价值的同时，也需要为...",
-    "url": "https://segmentfault.com/a/1190000041947212",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "3",
+    "title": "喜提JDK的BUG一枚！多线程的情况下请谨慎使用这个类的stream遍历。",
+    "description": "前段时间在 RocketMQ 的 ISSUE 里面冲浪的时候，看到一个 pr，虽说是在 RocketMQ 的地盘上发现的，但是这个玩意吧，其实和 RocketMQ 没有任何关系。",
+    "url": "https://segmentfault.com/a/1190000041975524",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "2",
     "rank": 13
   },
   {
-    "title": "基于Gin框架的web后端开发（四）: 获取FORM表单参数",
-    "description": "我们常用POST请求发送FORM表单数据，这种方式相对于GET方式更加安全。这里先放一个我写的简陋的水平居中的登录页面 {代码...} 登录页的效果是这样的：好了，接下来，把form表单发送给服务器的post请求也加上： {...",
-    "url": "https://segmentfault.com/a/1190000041951432",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "5",
+    "title": "JS实现JSON对象与URL参数的相互转换",
+    "description": "JSON对象转换为URL参数，主要有两种实现方式，一种是遍历JSON对象属性，另一种是使用 URLSearchParams ，下面分别结合代码介绍一下。",
+    "url": "https://segmentfault.com/a/1190000041961440",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "3",
     "rank": 14
   },
   {
-    "title": "一文搞懂│http 和 https 的通信过程及区别",
-    "description": "一、两者的区别端口： http 端口号是80， https 端口号是443传输协议： http 是超文本传输协议，属于明文传输； https 是安全的超文本传输协议，是经过 SSL 加密后的传输协议安全性： https 使用了 TLS/SSL 加密...",
-    "url": "https://segmentfault.com/a/1190000041956341",
-    "author": "程序员亮仔",
-    "home_url": "https://segmentfault.com/u/cxyliangzai",
-    "votes": "1",
+    "title": "SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！",
+    "description": "Python，是一种面向对象、直译式电脑编程语言，也是一种功能强大的通用型语言，已经具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法非常简捷...",
+    "url": "https://segmentfault.com/a/1190000041986657",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "3",
     "rank": 15
   },
   {
-    "title": "JS判定一个给定的时间在某个时间范围内",
-    "description": "有这样的一个场景：给定一个时间，需要判定这个时间在哪个时间范围内.比如时间范围如下： {代码...} 现在给定一个时间 15:28 ，那么就需要返回 [\"15:00\",\"16:00\"] 这个时间范围，具体的实现代码如下： {代码...} ...",
-    "url": "https://segmentfault.com/a/1190000041955642",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "3",
+    "title": "项目中关于解构的常用用法",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041973838",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
     "rank": 16
   },
   {
-    "title": "彰显个性│github和gitlab之自定义首页样式",
-    "description": "一、个性首页相信很多小伙伴在逛 github 和 gitlab 的时候会发现很多开发者的首页异常的炫酷，如 [链接]二、制作步骤是不是立马想拥有一个属于自己的高大上主页了从上图中我们可以看出，其实它展示的一个 readme ...",
-    "url": "https://segmentfault.com/a/1190000041949207",
-    "author": "程序员亮仔",
-    "home_url": "https://segmentfault.com/u/cxyliangzai",
-    "votes": "3",
+    "title": "实战模拟│企业微信机器人实时报错预警",
+    "description": "一、创建机器人选择群 ► 右键 ► 管理聊天信息 ► 添加群机器人完善机器人基本信息，包括头像、名称等二、机器人配置说明创建好的机器人都有一个唯一的 webhook 地址一定要保护好自己的 webhook 地址，如果一旦泄露...",
+    "url": "https://segmentfault.com/a/1190000041974376",
+    "author": "极客飞兔",
+    "home_url": "https://segmentfault.com/u/autofelix",
+    "votes": "1",
     "rank": 17
   },
   {
-    "title": "二极管实现或门以及与门的理解",
-    "description": "二极管实现与门还是或门的前提都是利用二极管的钳位作用，二极管的钳位作用说白了就是，在并联电路中，并联电路上的电压会强制被降压到二极管的电压，以常见的硅二极管来说，二极管接入电路中分担电压大概为0.7V...",
-    "url": "https://segmentfault.com/a/1190000041950968",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
+    "title": "微软 GitHub 宣布将“淘汰” Atom 代码编辑器！未来重点转向 VS Code",
+    "description": "太平洋时间 6 月 8 日，GitHub 官方博客正式发文称：“今天，我们宣布，我们将在 2022 年 12 月 15 日对 Atom 进行归档，并将该组织下的所有项目归档。”",
+    "url": "https://segmentfault.com/a/1190000041964961",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
     "rank": 18
   },
   {
-    "title": "得物技术埋点自动化验证的探索和最佳实践",
-    "description": "埋点对电商类app的业务发展一直有着重要的指导作用，但是其复杂的数据组成使得它的稳定性难以得到保障，往往业务逻辑的一些重构就会导致一些埋点属性甚至是整个埋点的丢失。",
-    "url": "https://segmentfault.com/a/1190000041953639",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "2",
+    "title": "还在用Navicat？这款开源的数据库管理工具界面更炫酷！",
+    "description": "数据库管理工具，是后端程序员使用频率非常高的的工具。Navicat、DataGrip虽然很好用，但都是收费的。最近在逛Github的时候，无意间发现了一款开源的数据库管理工具Beekeeper Studio，界面非常炫酷推荐给大家！",
+    "url": "https://segmentfault.com/a/1190000041979445",
+    "author": "macrozheng",
+    "home_url": "https://segmentfault.com/u/macrozheng",
+    "votes": "1",
     "rank": 19
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看那些还需要学？",
-    "description": "简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Jav...",
-    "url": "https://segmentfault.com/a/1190000041953534",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
+    "title": "如何使用 GitHub 讨论作为您博客的聊天系统",
+    "description": "在GitHub Discussions(讨论区)的帮助下，你可以把你的博客的评论提升到一个新的水平。在这篇文章中，我将解释如何将GitHub讨论整合到你的博客中并充分利用它。",
+    "url": "https://segmentfault.com/a/1190000041976390",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "1",
     "rank": 20
   },
   {
-    "title": "JS实现的接粽子小游戏，愿你好运接粽而至",
-    "description": "端午节虽然已经过了，但是美好的生活以旧在继续。这里用 JS 实现了一个简单的接粽子小游戏，寓意美好接粽而至。能接到多少粽子，完全看你手速，不用担心端午没粽子了。线上体验地址",
-    "url": "https://segmentfault.com/a/1190000041957646",
-    "author": "linshuai",
-    "home_url": "https://segmentfault.com/u/linshuai",
-    "votes": "2",
+    "title": "全球 77.5% 的网站都在用 PHP；百度一程序员删库被判 9 个月；OpenCV 4.6 发布 |  思否周刊",
+    "description": "40s 新闻速递百度一程序员 “删库” 被判刑 9 个月欧盟 2024 年起统一使用 Type-C 接口，苹果或于明年底发布 Type-C iPhone全球 77.5% 的网站都在用 php马斯克为收购 Twitter 筹集新资金的工作由于不确定性而暂停苹...",
+    "url": "https://segmentfault.com/a/1190000041970976",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "1",
     "rank": 21
   },
   {
-    "title": "新提案，初识CSS的object-view-box属性",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041935473",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "HTML DOM querySelectorAll() 代替 jquery的 $('') CSS选择器",
+    "description": "querySelectorAll()方法返回文档中匹配指定CSS选择器的所有元素，其效果与jquery的$('')选择器一样，不同的就是querySelectorAll()方法是Js原生方法，无需引入jquery.min.js库。",
+    "url": "https://segmentfault.com/a/1190000041984588",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
     "votes": "1",
     "rank": 22
   },
   {
-    "title": "微软 GitHub 宣布将“淘汰” Atom 代码编辑器！未来重点转向 VS Code",
-    "description": "太平洋时间 6 月 8 日，GitHub 官方博客正式发文称：“今天，我们宣布，我们将在 2022 年 12 月 15 日对 Atom 进行归档，并将该组织下的所有项目归档。”",
-    "url": "https://segmentfault.com/a/1190000041964961",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "前端性能监测，Runtime Performance Debug 技巧",
+    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
+    "url": "https://segmentfault.com/a/1190000041990709",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "7",
     "rank": 23
   },
   {
-    "title": "还在从零开始搭建项目？这款升级版快速开发脚手架值得一试！",
-    "description": "关注我Github的小伙伴应该了解，之前我开源了一款快速开发脚手架mall-tiny，该脚手架继承了mall项目的技术栈，拥有完整的权限管理功能。最近抽空把该项目支持了Spring Boot 2.7.0，今天再和大家聊聊这个脚手架，...",
-    "url": "https://segmentfault.com/a/1190000041957879",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "3",
+    "title": "基于Gin框架的web后端开发（十）: Gin框架-中间件(定义、使用、通信与实例)详解",
+    "description": "Gin-中间件：Gin框架的作者为开发者们提供的一种机制，可以让开发者自定义请求执行的Hook函数，中间件函数（或者叫Hook函数、钩子函数）适合处理很多重复的操作的场景（比如登录认证，权限校验，数据分页，耗时统...",
+    "url": "https://segmentfault.com/a/1190000041963752",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "2",
     "rank": 24
   },
   {
-    "title": "JS实现将文本或JSON内容下载到文件中",
-    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
-    "url": "https://segmentfault.com/a/1190000041965165",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "2",
+    "title": "View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography 组件",
+    "description": "新增排版组件 Typography，内置丰富的内容排版 UI，支持拷贝、可编辑、省略等功能。Typography 共包含 5 个组件：Typography 内容结构",
+    "url": "https://segmentfault.com/a/1190000041975376",
+    "author": "Aresn",
+    "home_url": "https://segmentfault.com/u/aresn",
+    "votes": "1",
     "rank": 25
   },
   {
-    "title": "如何用pkg打包nodejs可执行文件",
-    "description": "使用pkg可以将Node.js项目打包为可执行文件，甚至可以在未安装Node.js的设备上运行。实验环境操作系统：windowsnode版本: 16.14.2操作过程下载PKG咱们可以选择全局安装，在任意目录执行： {代码...} 打包程序先写...",
-    "url": "https://segmentfault.com/a/1190000041958374",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "2",
+    "title": "微服务效率工具 goctl 深度解析（上）",
+    "description": "goctl 的最早功能是为了解决 GRPC 内网调试问题，大约是在 2019 年，在我们的生产环境中，rpc 是内网隔离的，不可通过外网访问，为了快速去 mock 一些线上 RPC client 的请求，就简单的实现了第一版本的代码生成...",
+    "url": "https://segmentfault.com/a/1190000041963346",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "1",
     "rank": 26
   },
   {
-    "title": "直播活动系统：基于消息总线的组合能力",
-    "description": "所谓组装，就离不开老生常谈的复用，我们可以对大部分认为比较共性的场景做好系统级别的封装，封装成一个个复用度较高的服务，然后通过接口和扩展点的方式进行一部分的能力开放，但是有一种场景是解决不了的，就...",
-    "url": "https://segmentfault.com/a/1190000041956753",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "2",
+    "title": "Cube 技术解读 | Cube 渲染设计的前世今生",
+    "description": "阿里是个重运营的公司，前端开发者居多，2016-2017年，在Weex还是1.0时代，React Native开源还没多久，Flutter还没诞生的时候，如何在贴合前端开发环境的前提下，快速铺到android/iOS双平台是个大热点，支付宝内...",
+    "url": "https://segmentfault.com/a/1190000041966067",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "JS实现JSON对象与URL参数的相互转换",
-    "description": "JSON对象转换为URL参数，主要有两种实现方式，一种是遍历JSON对象属性，另一种是使用 URLSearchParams ，下面分别结合代码介绍一下。",
-    "url": "https://segmentfault.com/a/1190000041961440",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "2",
+    "title": "得物前端唤端业务场景和技术精讲",
+    "description": "当你在刷朋友圈时突然看到一个潮鞋广告，正是你非常喜欢、一直想买的那款而且价格美丽，于是你兴奋地点击广告直接打开了购物App，并且直接进入刚刚看到的潮鞋详情页，你只需要直接点击购买就能得到这双你期待已久...",
+    "url": "https://segmentfault.com/a/1190000041986500",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "1",
     "rank": 28
   },
   {
-    "title": "(干货)基于 veImageX 搭建海报生成平台 -- 附源码",
-    "description": "618 年中促销即将来临，很多公司都会通过海报来宣传自己的促销方案，通常情况下海报由设计团队基于 PS、Sketch 等工具创作，后期若想替换海报文案、商品列表等内容则需打开原工程进行二次创作，修改门槛高且不够...",
-    "url": "https://segmentfault.com/a/1190000041949675",
-    "author": "七脉神剑",
-    "home_url": "https://segmentfault.com/u/xiaoqi_60b719bbbf33e",
-    "votes": "2",
+    "title": "6 月 TIOBE 榜单：C++ 即将超越 Java 进入 Top3，PHP 热度再下滑",
+    "description": "近日，TIOBE 出炉了 2022 年 6 月份的编程语言趋势榜单。本次数据显示，C++ 的热度和流行趋势即将超越 Java，而 PHP 热度再下滑，已跌出前十。",
+    "url": "https://segmentfault.com/a/1190000041969334",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
     "rank": 29
   },
   {
-    "title": "Go 想要加个箭头语法，这下更像 PHP 了！",
-    "description": "新的 Go 提案目的是添加轻量级的匿名函数语法，业内别名又叫 “箭头语法”，是由 @Damien Neil 所提出的，提案的来源是《proposal: Go 2: Lightweight anonymous function syntax》，褒贬都有：",
-    "url": "https://segmentfault.com/a/1190000041954099",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
+    "title": "React Fiber架构原理",
+    "description": "在 React 16 之前，VirtualDOM 的更新过程是采用 Stack 架构实现的，也就是循环递归方式。这种对比方式有一个问题，就是一旦任务开始进行就无法中断，如果应用中组件数量庞大，Virtual DOM 的层级就会比较深。如...",
+    "url": "https://segmentfault.com/a/1190000041965895",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "1",
     "rank": 30
   }