@wcj/github-rank 22.5.1 → 22.5.2

package/dist/sifou-daily.json

@@ -1,11 +1,65 @@
 [
   {
-    "title": "浅谈支付系统开发基本流程",
-    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
-    "url": "https://segmentfault.com/a/1190000041781215",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "1",
+    "title": "golang 后端技术开发必备总结",
+    "description": "首先谈谈后端开发，常用的语言是Java、Golang、Python。Java语言类型的程序员是目前市面上最多的，也是很多公司都会选择的。Java语言开发的整个后端项目有比较好的项目规范，适用于业务逻辑复杂的情况。本人从事...",
+    "url": "https://segmentfault.com/a/1190000041783254",
+    "author": "风云",
+    "home_url": "https://segmentfault.com/u/fengyun_58aa59db14dcd",
+    "votes": "2",
     "rank": 1
+  },
+  {
+    "title": "云原生应用架构设计与开发实战无密",
+    "description": "超清原画 完整无密 包括所有视频课件以及源码 MP4格式 获取资料:网盘链接完成一个 Code Pen:（一）项目初始化前言前段时间掘金上线了一个新功用 Code pen，能够在线写代码，阅读器就能够运转预览，在文章中就能够...",
+    "url": "https://segmentfault.com/a/1190000041783937",
+    "author": "果断的伏特加",
+    "home_url": "https://segmentfault.com/u/guoduandefutejia",
+    "votes": "1",
+    "rank": 2
+  },
+  {
+    "title": "大厂学苑 -RPC框架核心源码深度解析",
+    "description": "超清原画 完整无密 包括所有视频课件以及源码 MP4格式 获取ZY:网盘链接hashCode() 和 equals()的区别equals()equals() 办法用于比拟两个对象能否相等，它与 == 相等比拟符有着实质的不同。",
+    "url": "https://segmentfault.com/a/1190000041783840",
+    "author": "留胡子的回锅肉",
+    "home_url": "https://segmentfault.com/u/liuhuzidehuiguorou",
+    "votes": "1",
+    "rank": 3
+  },
+  {
+    "title": "架构设计之一——基础架构",
+    "description": "导读：《架构设计》系列为极客时间李运华老师《从0开始学架构》课程笔记。本文为第一部分，主要介绍架构设计的历史背景、相关概念、目的、复杂度、原则以及流程。从整体上对架构设计有所了解。",
+    "url": "https://segmentfault.com/a/1190000041783756",
+    "author": "FrankYu",
+    "home_url": "https://segmentfault.com/u/frankyu_61d5c9910b1b1",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "Golang对Redis的使用",
+    "description": "Redis 常用的数据类型： 字符串 哈希 链表 集合 有序集合 bitmap hyperlog geo使用Lua 脚本实现多个命令原子性操作 分布式锁 {代码...}",
+    "url": "https://segmentfault.com/a/1190000041783218",
+    "author": "风云",
+    "home_url": "https://segmentfault.com/u/fengyun_58aa59db14dcd",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "vue实现表格单元格的批量复制粘贴",
+    "description": "如何在表格单元格中的输入框/下拉框值进行批量复制粘贴至整条列？点击输入框后再点击复制按钮可对当前整条列的输入框都更新为复制的值。el-table表格template： {代码...} 注意到有2个列是单元格可编辑的，点击/...",
+    "url": "https://segmentfault.com/a/1190000041783192",
+    "author": "洛阳醉长安行",
+    "home_url": "https://segmentfault.com/u/hello888",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "go 微服务监控",
+    "description": "微服务的可观测性大致分为三大类：Metrics，Tracing 和 Logging。Metrics 监控侧重于技术指标的收集与观测，如服务调用 QPS、响应时间、错误率和资源使用率Logging 侧重于运行日志的采集、存储与检索,通常使用ELK...",
+    "url": "https://segmentfault.com/a/1190000041783186",
+    "author": "风云",
+    "home_url": "https://segmentfault.com/u/fengyun_58aa59db14dcd",
+    "votes": "1",
+    "rank": 7
   }
 ]

package/dist/sifou-monthly.json

@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000041718060",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
+    "votes": "20",
     "rank": 6
   },
   {
@@ -107,6 +107,15 @@
     "votes": "16",
     "rank": 12
   },
+  {
+    "title": "以B端平台设计，理解尼尔森10大可用性原则",
+    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
+    "url": "https://segmentfault.com/a/1190000041725043",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "18",
+    "rank": 13
+  },
   {
     "title": "40行代码实现React核心Diff算法",
     "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
@@ -114,15 +123,6 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 13
-  },
-  {
-    "title": "以B端平台设计，理解尼尔森10大可用性原则",
-    "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
-    "url": "https://segmentfault.com/a/1190000041725043",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "17",
     "rank": 14
   },
   {
@@ -161,15 +161,6 @@
     "votes": "15",
     "rank": 18
   },
-  {
-    "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",
-    "votes": "13",
-    "rank": 19
-  },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
     "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
@@ -177,6 +168,15 @@
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "5",
+    "rank": 19
+  },
+  {
+    "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",
+    "votes": "13",
     "rank": 20
   },
   {

package/dist/sifou-weekly.json

@@ -1,13 +1,4 @@
 [
-  {
-    "title": "🔥 2022 前端性能优化最佳实践",
-    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
-    "url": "https://segmentfault.com/a/1190000041753539",
-    "author": "佩奇烹饪家",
-    "home_url": "https://segmentfault.com/u/cloudyttt",
-    "votes": "5",
-    "rank": 1
-  },
   {
     "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
     "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
@@ -15,16 +6,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "9",
-    "rank": 2
-  },
-  {
-    "title": "初级程序员的SQL拾遗（增删改查）",
-    "description": "虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM实现的（SpringDataJPA），自己并没有从底层接触SQL。再加上笔者非专业的身份，对于原生的SQL语句几乎完全不了解。本文是写给自己的，关于原生SQL...",
-    "url": "https://segmentfault.com/a/1190000041753021",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "10",
-    "rank": 3
+    "rank": 1
   },
   {
     "title": "我做了一个在线白板！！！",
@@ -33,25 +15,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "3",
-    "rank": 4
-  },
-  {
-    "title": "从计算机网络开始，分析ftp报文内容",
-    "description": "前言最近计网老师要求参照课本中的PPPoE协议，分析自己用wireShark抓取的ftp用户名报文，分析帧结构，解析报文内容。计算机网络体系结构分析报文，我们就需要回头认真地了解计算机网络体系结构。（主要是因为忘了...",
-    "url": "https://segmentfault.com/a/1190000041752525",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "9",
-    "rank": 5
-  },
-  {
-    "title": "CSS 绘制一个时钟",
-    "description": "欢迎关注微信公众号：前端侦探练习 CSS 一个很好的方法就是绘制各式各样的 UI，比如这样一个时钟？你也可以访问这个 CSS clock查看实际效果CSS 绘制这样一个布局有几个难点：环形排列的刻度环形分布的数字自动运...",
-    "url": "https://segmentfault.com/a/1190000041754537",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "6",
-    "rank": 6
+    "rank": 2
   },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
@@ -60,16 +24,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 7
+    "rank": 3
   },
   {
-    "title": "5 分钟教你快速掌握 GitHub Actions 自动发布 Npm 包和网站",
-    "description": "自从 GitHub 宣布 GitHub Actions 在平台上对所有开发人员和存储库可用以来，GitHub Actions 越来越受欢迎。很多第三方平台在生态系统中有速度等限制，将进一步推动开发人员将他们的软件自动化迁移到 GitHub Acti...",
-    "url": "https://segmentfault.com/a/1190000041753907",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "3",
-    "rank": 8
+    "title": "CSS 绘制一个时钟",
+    "description": "欢迎关注微信公众号：前端侦探练习 CSS 一个很好的方法就是绘制各式各样的 UI，比如这样一个时钟？你也可以访问这个 CSS clock查看实际效果CSS 绘制这样一个布局有几个难点：环形排列的刻度环形分布的数字自动运...",
+    "url": "https://segmentfault.com/a/1190000041754537",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "6",
+    "rank": 4
   },
   {
     "title": "提高前端人效率的工具、网站和书籍",
@@ -78,16 +42,7 @@
     "author": "playboy5566",
     "home_url": "https://segmentfault.com/u/playboy5566",
     "votes": "7",
-    "rank": 9
-  },
-  {
-    "title": "面试官：Vue3响应式系统都不会写，还敢说精通？",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言都说今年是最惨工作年，大厂裁员，小厂跟风，简历投了几百封回信的寥寥无几，金三银四怕是成了铜三铁四，冷冷清清，凄凄惨惨。但是今天的主角，小帅同学...",
-    "url": "https://segmentfault.com/a/1190000041753659",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "5",
-    "rank": 10
+    "rank": 5
   },
   {
     "title": "面试算法题记录",
@@ -96,7 +51,7 @@
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "1",
-    "rank": 11
+    "rank": 6
   },
   {
     "title": "游戏出海浪潮下，这些技术难点该如何攻克",
@@ -105,7 +60,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "4",
-    "rank": 12
+    "rank": 7
   },
   {
     "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
@@ -114,7 +69,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "7",
-    "rank": 13
+    "rank": 8
   },
   {
     "title": "使用 CSS 绘制带有动画效果的 React Logo",
@@ -123,7 +78,7 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "3",
-    "rank": 14
+    "rank": 9
   },
   {
     "title": "angular 拖动功能",
@@ -132,16 +87,16 @@
     "author": "weiewiyi",
     "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "6",
-    "rank": 15
+    "rank": 10
   },
   {
-    "title": "商品3D展示来啦，HMS Core3D建模服务助力电商发展",
-    "description": "传统电商商品展示采用图文结合的形式，文案介绍产品的相关参数，搭配精美图片去吸引客户眼球。但图文商品展示由于色差、尺寸不符等原因，会让消费者产生图片和实物不一致的疑虑，且消费者需要消耗大量精力阅读和...",
-    "url": "https://segmentfault.com/a/1190000041748470",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 16
+    "title": "create-react-app 初始化 React 工程，配置工具链，以及如何改多页应用",
+    "description": "然而事实上create-react-app大多数还是帮我们简化了webpack的配置，对于一个稍微大型的工程，或者需要多人协作的工程来说，工具链的配置也是必不可少的。比如提交代码前格式化验证，git提交信息的验证，已经保存...",
+    "url": "https://segmentfault.com/a/1190000041764959",
+    "author": "sky124380729",
+    "home_url": "https://segmentfault.com/u/sky124380729",
+    "votes": "3",
+    "rank": 11
   },
   {
     "title": "js手写题梳理汇总",
@@ -150,7 +105,7 @@
     "author": "墨城",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "4",
-    "rank": 17
+    "rank": 12
   },
   {
     "title": "【前端干货】别再羡慕别人的Excel啦，教你点击按钮直接打开侧边栏！",
@@ -159,7 +114,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
-    "rank": 18
+    "rank": 13
+  },
+  {
+    "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
+    "description": "CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...",
+    "url": "https://segmentfault.com/a/1190000041771296",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "3",
+    "rank": 14
   },
   {
     "title": "有奖调研 | 即时消息服务的产品需求规划就交给你了！",
@@ -168,34 +132,25 @@
     "author": "HMSCore",
     "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "1",
-    "rank": 19
+    "rank": 15
   },
   {
-    "title": "JavaScript 有趣的冷知识：模板字符串",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041753869",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 20
+    "title": "技术团队为什么要坚持开展技术分享会以及落地实施",
+    "description": "关于团队持续开展 技术分享会 这件事，我个人认为不管团队规模大小，工作强度高低。都应该坚持做下去的一件事。持续开展技术分享会，好处多多。我认为最终能通过技术分享会提炼出几个关键词 技术，分享，成长，热...",
+    "url": "https://segmentfault.com/a/1190000041754201",
+    "author": "前端有猫腻",
+    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
+    "votes": "1",
+    "rank": 16
   },
   {
-    "title": "create-react-app 初始化 React 工程，配置工具链，以及如何改多页应用",
-    "description": "然而事实上create-react-app大多数还是帮我们简化了webpack的配置，对于一个稍微大型的工程，或者需要多人协作的工程来说，工具链的配置也是必不可少的。比如提交代码前格式化验证，git提交信息的验证，已经保存...",
-    "url": "https://segmentfault.com/a/1190000041764959",
-    "author": "sky124380729",
-    "home_url": "https://segmentfault.com/u/sky124380729",
+    "title": "没有框架怎么办？原生 CSS + JS 实现一个标签输入框",
+    "description": "欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...",
+    "url": "https://segmentfault.com/a/1190000041775900",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "3",
-    "rank": 21
-  },
-  {
-    "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
-    "description": "CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...",
-    "url": "https://segmentfault.com/a/1190000041771296",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "4",
-    "rank": 22
+    "rank": 17
   },
   {
     "title": "冴羽答读者问：钱和成长，哪个更重要？",
@@ -204,16 +159,25 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "3",
-    "rank": 23
+    "rank": 18
   },
   {
-    "title": "冴羽答读者问：除代码外，就没别的优先级很高的爱好了吗？",
-    "description": "纵观我所有的文章，在「冴羽答读者问」系列之前，我从来不写非技术类的文章。而在技术文章中，我写作的一个标准是：不写废话，所以我不会像一些作者在技术文章中，还写一点生活的情况或者最近在干的事情。当然，...",
-    "url": "https://segmentfault.com/a/1190000041752122",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
+    "title": "全场景AI推理引擎MindSpore Lite， 助力HMS Core视频编辑服务打造更智能的剪辑体验",
+    "description": "移动互联网的发展给人们的社交和娱乐方式带来了很大的改变，以vlog、短视频等为代表的新兴文化样态正受到越来越多人的青睐。同时，随着AI智能、美颜修图等功能在图像视频编辑App中的应用，促使视频编辑效率和视频...",
+    "url": "https://segmentfault.com/a/1190000041776588",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "2",
-    "rank": 24
+    "rank": 19
+  },
+  {
+    "title": "这些CSS提效技巧，你需要知道！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041711730",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
+    "rank": 20
   },
   {
     "title": "工程师们看过来｜这是我见过的IT圈最“潮”的产品发布会了！",
@@ -222,51 +186,87 @@
     "author": "观测云",
     "home_url": "https://segmentfault.com/u/zhuyundataflux",
     "votes": "1",
-    "rank": 25
+    "rank": 21
   },
   {
-    "title": "全场景AI推理引擎MindSpore Lite， 助力HMS Core视频编辑服务打造更智能的剪辑体验",
-    "description": "移动互联网的发展给人们的社交和娱乐方式带来了很大的改变，以vlog、短视频等为代表的新兴文化样态正受到越来越多人的青睐。同时，随着AI智能、美颜修图等功能在图像视频编辑App中的应用，促使视频编辑效率和视频...",
-    "url": "https://segmentfault.com/a/1190000041776588",
+    "title": "【有奖调研】华为分析服务诚邀您参与，您的真实反馈可以让我们变得更好！",
+    "description": "了解更多详情>>访问华为开发者联盟官网 获取开发指导文档 华为移动服务开源仓库地址：GitHub、Gitee关注我们，第一时间了解 HMS Core 最新技术资讯~",
+    "url": "https://segmentfault.com/a/1190000041765370",
     "author": "HMSCore",
     "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 22
+  },
+  {
+    "title": "硬核调试实操 | 手把手带你实现 Serverless 断点调试",
+    "description": "简介：本文借助 Serverless Devs 工具，对函数计算 (FC） 应用的断点调试步骤进行详细指导，手把手带你实现 Serverless 的断点调试。",
+    "url": "https://segmentfault.com/a/1190000041755737",
+    "author": "阿里云开发者",
+    "home_url": "https://segmentfault.com/u/alijishu",
+    "votes": "1",
+    "rank": 23
+  },
+  {
+    "title": "标准化思想及组装式架构在后端BFF中的实践",
+    "description": "在本地生活服务领域，面向C端的信息展示类功能存在着类生物系统的复杂性，具体体现在以下三个方面：功能多，为了帮助用户高效找店、找服务，信息会在尽可能多的地方展示；差异大，同样的信息，在不同客户端、不同...",
+    "url": "https://segmentfault.com/a/1190000041776041",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "2",
+    "rank": 24
+  },
+  {
+    "title": "Go 开发者调查报告出炉：API/RPC 服务成主要用途|92% 的受访者表示满意",
+    "description": "据悉，该报告在 2021 年 10 月 26 日至 11 月 16 日期间，共收集到 11840 个 responses 回复，成为调查发起 6 年以来反响最大的一次。",
+    "url": "https://segmentfault.com/a/1190000041761570",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "2",
+    "rank": 25
+  },
+  {
+    "title": "js面试题(基础)梳理",
+    "description": "1、JavaScript有几种数据类型？ {代码...} 2、JavaScript最大安全数字与最小安全数字？ {代码...} 3、深拷贝与浅拷贝的区别？ {代码...} 4、闭包是什么？ {代码...} 例子: {代码...} 5、原型链是什么 {代码...} 6...",
+    "url": "https://segmentfault.com/a/1190000041772895",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "2",
     "rank": 26
   },
   {
-    "title": "技术团队为什么要坚持开展技术分享会以及落地实施",
-    "description": "关于团队持续开展 技术分享会 这件事，我个人认为不管团队规模大小，工作强度高低。都应该坚持做下去的一件事。持续开展技术分享会，好处多多。我认为最终能通过技术分享会提炼出几个关键词 技术，分享，成长，热...",
-    "url": "https://segmentfault.com/a/1190000041754201",
-    "author": "前端有猫腻",
-    "home_url": "https://segmentfault.com/u/maoduolikuaipao",
-    "votes": "3",
+    "title": "以更好的方式使用 Vue Mixins",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041711776",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "【有奖调研】华为分析服务诚邀您参与，您的真实反馈可以让我们变得更好！",
-    "description": "了解更多详情>>访问华为开发者联盟官网 获取开发指导文档 华为移动服务开源仓库地址：GitHub、Gitee关注我们，第一时间了解 HMS Core 最新技术资讯~",
-    "url": "https://segmentfault.com/a/1190000041765370",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
+    "title": "玩转 chrome 效率起飞",
+    "description": "使用方式： 在目标接口上鼠标右键 Copy as cUrl （mac）、Copy as PowerShell（windows） 将文本发给后端同学即可，后端在终端输入文本请求接口。",
+    "url": "https://segmentfault.com/a/1190000041773106",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "没有框架怎么办？原生 CSS + JS 实现一个标签输入框",
-    "description": "欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...",
-    "url": "https://segmentfault.com/a/1190000041775900",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "3",
+    "title": "WebComponents框架direflow实现原理",
+    "description": "这个框架支持React方式写WebComponents。框架地址：[链接]假设有这样一个web component组件。 {代码...} 完整构建步骤一个完整的direflow web component组件，包含以下步骤。创建一个web component标签创建一个Re...",
+    "url": "https://segmentfault.com/a/1190000041770032",
+    "author": "趁你还年轻",
+    "home_url": "https://segmentfault.com/u/chennihuannianqing",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "Redis 内存满了怎么办？这样设置才正确！",
-    "description": "上回在《Redis 数据过期了会被立马删除么？》说到如果过期的数据太多，定时删除无法删除完全（每次删除完过期的 key 还是超过 25%），同时这些 key 再也不会被客户端请求，就无法走惰性删除，内存被打满会怎样？",
-    "url": "https://segmentfault.com/a/1190000041749980",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "3",
+    "title": "消息队列与快递柜之间的奇妙关系",
+    "description": "提到消息队列可能一些朋友经常听别人说起一些名词，比如：服务程序解耦，处理流量削峰，通过异步处理提升用户体验，缓冲批处理提高处理性能。笔者擅于白话解说，所以我就不用专业的术语去解释专业的问题了。我一...",
+    "url": "https://segmentfault.com/a/1190000041765096",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "1",
     "rank": 30
   }
 ]