@wcj/github-rank 22.7.9 → 22.7.12

package/web/data/sifou-weekly.json

@@ -1,30 +1,12 @@
 [
-  {
-    "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
-    "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
-    "url": "https://segmentfault.com/a/1190000042065365",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "19",
-    "rank": 1
-  },
   {
     "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
     "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
     "url": "https://segmentfault.com/a/1190000042070334",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
-    "rank": 2
-  },
-  {
-    "title": "叮~您有一封Vue.js挑战邀请函,请查收",
-    "description": "大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...",
-    "url": "https://segmentfault.com/a/1190000042064246",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "10",
-    "rank": 3
+    "votes": "22",
+    "rank": 1
   },
   {
     "title": "使用CSS background实现炫酷悬停效果",
@@ -33,16 +15,16 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "9",
-    "rank": 4
+    "rank": 2
   },
   {
-    "title": "runc hang 导致 Kubernetes 节点 NotReady",
-    "description": "Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...",
-    "url": "https://segmentfault.com/a/1190000042065327",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
-    "rank": 5
+    "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
+    "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
+    "url": "https://segmentfault.com/a/1190000042083758",
+    "author": "卤代烃",
+    "home_url": "https://segmentfault.com/u/skychx",
+    "votes": "5",
+    "rank": 3
   },
   {
     "title": "DNS 系列（一）：为什么更新了 DNS 记录不生效？",
@@ -51,34 +33,34 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "4",
-    "rank": 6
+    "rank": 4
   },
   {
-    "title": "编程语言：类型系统的本质",
-    "description": "我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...",
-    "url": "https://segmentfault.com/a/1190000042060686",
-    "author": "陈光剑",
-    "home_url": "https://segmentfault.com/u/donghaichenguangjian",
-    "votes": "4",
-    "rank": 7
+    "title": "他们齐聚 2022 ECUG Con，只为「中国技术力量」",
+    "description": "后来的后来，计算机编程语言百家争鸣，从主流的 Java、C、Python、PHP、JavaScript……到新型的 Go、Go+、Taichi 等，给了技术爱好者们更多的选择。",
+    "url": "https://segmentfault.com/a/1190000042090195",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "3",
+    "rank": 5
   },
   {
-    "title": "反爬篇 | 手把手教你处理 JS 逆向之图片伪装",
-    "description": "aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi",
-    "url": "https://segmentfault.com/a/1190000042065274",
-    "author": "Python技术大本营",
-    "home_url": "https://segmentfault.com/u/bianchengdandan",
-    "votes": "2",
-    "rank": 8
+    "title": "Nginx部署配置",
+    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
+    "url": "https://segmentfault.com/a/1190000042089218",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "4",
+    "rank": 6
   },
   {
-    "title": "这个高颜值的开源第三方网易云音乐播放器你值得拥有",
-    "description": "我平时主要的听歌软件是网易云音乐，但是它有很多花里胡哨的功能，比如电台、直播、朋友、播客、云村等等，说实话这些我都不需要，基本也不会用，大部分的时间都只把它当做一个本地播放器，因为它毕竟是一个商业...",
-    "url": "https://segmentfault.com/a/1190000042069019",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "title": "原生JS以后也支持类型注解啦？",
+    "description": "在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。",
+    "url": "https://segmentfault.com/a/1190000042080607",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "2",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "Nginx 实战核心知识点整理（上）",
@@ -87,25 +69,16 @@
     "author": "Rhythm_2019",
     "home_url": "https://segmentfault.com/u/rhythm_2019",
     "votes": "3",
-    "rank": 10
-  },
-  {
-    "title": "Web 应用实时版本检测，这么做最方便",
-    "description": "经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。",
-    "url": "https://segmentfault.com/a/1190000042069210",
-    "author": "Myou_Aki",
-    "home_url": "https://segmentfault.com/u/akimyou",
-    "votes": "1",
-    "rank": 11
+    "rank": 8
   },
   {
-    "title": "苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊",
-    "description": "40s 新闻速递微信推出新功能：图片大爆炸苹果自研 5G 芯片或已失败腾讯 QQ 回应大规模账号被盗：受影响范围已得到控制，正收集黑产团伙犯罪证据立陶宛网络遭大规模 DDoS 攻击Arm 发布全新 Armv9 芯片：正式放弃 3...",
-    "url": "https://segmentfault.com/a/1190000042061765",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "Vue3，用组合编写更好的代码：动态返回(3/4)",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042036969",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨",
@@ -114,50 +87,77 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
-    "rank": 13
+    "rank": 10
+  },
+  {
+    "title": "高阶切图技巧！基于单张图片的任意颜色转换",
+    "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
+    "url": "https://segmentfault.com/a/1190000042093361",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
+    "rank": 11
+  },
+  {
+    "title": "PHP后端面试85问",
+    "description": "替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。",
+    "url": "https://segmentfault.com/a/1190000042071370",
+    "author": "IT小马",
+    "home_url": "https://segmentfault.com/u/itxiaoma",
+    "votes": "2",
+    "rank": 12
   },
   {
     "title": "你还在为组件文档烦恼吗？",
-    "description": "从 0 到 1 搭建一个全新的组件库文档工具不是最优的选择，本人先在网上搜寻一些已有的解决方案。业务项目技术栈是基于 React，UI 库使用的是 Antd，下面是一些方案的汇总和分析：",
+    "description": "前言随着时间的推进，业务组件也逐渐丰富起来，我们开始搭建组件库，编写组件文档的烦恼就随之而来。这里分享下我选取组件文档工具的经历，最终以 Docusaurus 为基础，搭建了一套开箱即用的 React 组件文档工具。...",
     "url": "https://segmentfault.com/a/1190000042073725",
     "author": "Samon",
     "home_url": "https://segmentfault.com/u/samonxian",
     "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用",
+    "description": "这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...",
+    "url": "https://segmentfault.com/a/1190000042081989",
+    "author": "南风未了",
+    "home_url": "https://segmentfault.com/u/nanfengweiliao",
+    "votes": "2",
     "rank": 14
   },
   {
-    "title": "K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升",
-    "description": "「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...",
-    "url": "https://segmentfault.com/a/1190000042064534",
-    "author": "张晋涛",
-    "home_url": "https://segmentfault.com/u/moelove",
+    "title": "网易云音乐机器学习平台实践",
+    "description": "在网易云音乐内部，机器学习平台早期主要承担着包括音乐推荐、主站搜索、创新算法业务在内的核心业务，慢慢地也覆盖包括音视频、NLP等内容理解业务。机器学习平台基础架构如下，目前我按功能将其抽象为四层，本篇...",
+    "url": "https://segmentfault.com/a/1190000042075285",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "1",
     "rank": 15
   },
   {
-    "title": "全网都在疯传的《老板管理手册》（转）",
-    "description": "《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...",
-    "url": "https://segmentfault.com/a/1190000042063056",
-    "author": "Young",
-    "home_url": "https://segmentfault.com/u/young_6082714523e64",
+    "title": "Vim直接上手（一）：三种模式",
+    "description": "比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。",
+    "url": "https://segmentfault.com/a/1190000042073871",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "1",
     "rank": 16
   },
   {
-    "title": "PHP后端面试85问",
-    "description": "替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。",
-    "url": "https://segmentfault.com/a/1190000042071370",
-    "author": "IT小马",
-    "home_url": "https://segmentfault.com/u/itxiaoma",
-    "votes": "2",
+    "title": "Vim直接上手（二）：常用命令（进入输入模式、移动光标、文本操作）",
+    "description": "i是insert在光标前面插入字符，a是append是在光标后面追加字符。o是用来新起一行，大小写区别在于上下左右，自己试一下就知道了。r是用来替换字符。小写替换一个，大写可以替换很多个。",
+    "url": "https://segmentfault.com/a/1190000042074385",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "1",
     "rank": 17
   },
   {
-    "title": "精读《Diff, AnyOf, IsUnion...》",
-    "description": "首先要思考 Diff 的计算方式，A 与 B 的 Diff 是找到 A 存在 B 不存在，与 B 存在 A 不存在的值，那么正好可以利用 Exclude<X, Y> 函数，它可以得到存在于 X 不存在于 Y 的值，我们只要用 keyof A、keyof B...",
-    "url": "https://segmentfault.com/a/1190000042064614",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "如何参与开源项目 - 细说 GitHub 上的 PR 全过程",
+    "description": "当然，除了正常的 PR 合入流程之外，我还准备详细介绍一下如果一个 PR 提交后遇到了冲突、需要追加 commits、需要合并 commits 等等相对复杂问题该如何解决。",
+    "url": "https://segmentfault.com/a/1190000042079992",
+    "author": "Daniel_Hu",
+    "home_url": "https://segmentfault.com/u/daniel_hu_6299be102876e",
     "votes": "1",
     "rank": 18
   },
@@ -167,106 +167,106 @@
     "url": "https://segmentfault.com/a/1190000042073070",
     "author": "诺顿",
     "home_url": "https://segmentfault.com/u/nuodun",
-    "votes": "4",
+    "votes": "5",
     "rank": 19
   },
   {
-    "title": "如何优雅地实现多数据库的发件箱模式",
-    "description": "一个微服务可能需要执行“存数据库”和“发送事件”两个步骤。例如发布一篇文章后，需要更新作者的发文统计信息。业务上要求两个操作同时失败，或者同时成功，而不能出现一个成功一个失败。假如最终文章发布了，更新...",
-    "url": "https://segmentfault.com/a/1190000042063425",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
+    "title": "如何在VUE中低延迟播放海康威视RTSP/RTMP视频流并且延迟低于300毫秒？支持海康威视NVR录像机回放！",
+    "description": "近期在做摄像头监控视频在网页中播放的工作，现在大部分摄像头厂商如海康威视、大华、华为等都支持标准的RTSP协议，RTSP协议的优势是实时性高、流畅度度高，同时支持H.265和H.264，清晰度也更高，对于要求比较高...",
+    "url": "https://segmentfault.com/a/1190000042083899",
+    "author": "李不白",
+    "home_url": "https://segmentfault.com/u/libubai",
     "votes": "1",
     "rank": 20
   },
   {
-    "title": "Vim直接上手（一）：三种模式",
-    "description": "比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。",
-    "url": "https://segmentfault.com/a/1190000042073871",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "1",
+    "title": "我想写一个 Vue3 组件库，我该怎么开始？",
+    "description": "最近有一些小伙伴问雨声：想要自己做一个组件库，但不知道如何开始？看到别人那些组件库各种各样、五花八门的配置文件和文件结构，根本不知道该从何下手。",
+    "url": "https://segmentfault.com/a/1190000042082390",
+    "author": "未觉雨声",
+    "home_url": "https://segmentfault.com/u/qmhc",
+    "votes": "2",
     "rank": 21
   },
   {
-    "title": "纯CSS 格子背景",
-    "description": "本文简介点赞 + 收藏 + 关注 = 学会了这次会使用css画出一个格子背景。并且一步步分析如何实现~思路直接给答案：通过2个相等的直角三角形拼接，形成一个正方形。三角形可以使用 background-image 的渐变来实现。 ...",
-    "url": "https://segmentfault.com/a/1190000042069574",
-    "author": "学习委员",
-    "home_url": "https://segmentfault.com/u/k21vin",
-    "votes": "1",
+    "title": "死锁问题排查过程-间隙锁的复现以及解决",
+    "description": "我们在开启多线程对数据库进行操作的时候，先批量对数据进行删除，然后再新增，本来想着是考虑到不走更新，性能会提升，但是执行的时候发现报错，执行的sql等待超时，阻塞了进程，dbcp连接池被打满，数据库表访问...",
+    "url": "https://segmentfault.com/a/1190000042091156",
+    "author": "skyarthur",
+    "home_url": "https://segmentfault.com/u/skyarthur",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "在react中基于ant-design，封装一个中文输入框,提高onchange性能",
-    "description": "1 antd中，input组件在触发onChange时，如果是中文输入模式，会频繁被触发，导致页面性能降低。尤其是在onChange时需要实时搜索的情况。",
-    "url": "https://segmentfault.com/a/1190000042068929",
-    "author": "jsoncode",
-    "home_url": "https://segmentfault.com/u/jsoncode",
-    "votes": "1",
+    "title": "Vue 灰度发布新功能的那些事",
+    "description": "灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部分用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。...",
+    "url": "https://segmentfault.com/a/1190000042077860",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "0",
     "rank": 23
   },
   {
-    "title": "官方答：在React18中请求数据的正确姿势（其他框架也适用）",
-    "description": "大家好，我卡颂。一些同学喜欢在useEffect中请求初始数据，类似这样： {代码...} 但React18并不推荐这种方式。这么写有什么问题？如果不推荐这种方式，那么推荐的方式是什么呢？本文来看看Dan在reddit是如何回答...",
-    "url": "https://segmentfault.com/a/1190000042059978",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "下一个行业风口：NFT 数字藏品，是机遇还是泡沫？",
+    "description": "2021年3月，艺术家Beeple花费5000多天制成的作品《每一天：前5000天》，作为史上第一件公开拍卖的纯数字艺术品，在顶级拍卖行佳士得以高达6900万美元（约合4.5亿人民币）的天价成交，刷新了网上拍卖成交最高作品...",
+    "url": "https://segmentfault.com/a/1190000042072196",
+    "author": "腾讯云开发者",
+    "home_url": "https://segmentfault.com/u/qcloudcommunity",
     "votes": "1",
     "rank": 24
   },
   {
-    "title": "vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用",
-    "description": "这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...",
-    "url": "https://segmentfault.com/a/1190000042081989",
-    "author": "南风未了",
-    "home_url": "https://segmentfault.com/u/nanfengweiliao",
-    "votes": "2",
+    "title": "用前端构建工具打包后端服务，我到底经历什么",
+    "description": "看到这个 标题，是的，我本是个后端，最近要写点 node.js， 之前写前端，知道 npm build 一下，那么用 javascript 写的后端程序也要 npm build 吧，好的，作为个 gopher ， 带着对 javascript 的刻板印象就开干了。",
+    "url": "https://segmentfault.com/a/1190000042092435",
+    "author": "小白要生发",
+    "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
+    "votes": "1",
     "rank": 25
   },
   {
-    "title": "原生JS以后也支持类型注解啦？",
-    "description": "在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。",
-    "url": "https://segmentfault.com/a/1190000042080607",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "伪元素 content 出现中文乱码",
+    "description": "伪元素的 content 使用中文字符在某些浏览器可能会出现乱码：代码如下： {代码...} 解决方法首先，确认 charset 为 utf-8确保 HTML 的 META 属性设置为 charset='utf-8'。经测试，还是会出现乱码。然后，将中文字...",
+    "url": "https://segmentfault.com/a/1190000042077497",
+    "author": "时倾",
+    "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
     "votes": "1",
     "rank": 26
   },
   {
-    "title": "麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第二十一篇 C++/C语言开发环境搭建",
-    "description": "类别：笔记本型号：中国长城 NF14C硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,c++,c,内核飞腾,arm",
-    "url": "https://segmentfault.com/a/1190000042060487",
-    "author": "码上世界",
-    "home_url": "https://segmentfault.com/u/code4world",
-    "votes": "1",
+    "title": "三步就能在OpenHarmony中实现车牌识别",
+    "description": "介绍本车牌识别项目是基于开源项目 EasyPR（Easy to do Plate Recognition）实现。EasyPR 是一个开源的中文车牌识别系统，基于 OpenCV 开源库开发。本项目使用润和 HiSpark Taurus AI Camera(Hi3516DV300) 摄像头...",
+    "url": "https://segmentfault.com/a/1190000042075182",
+    "author": "OpenHarmony社区",
+    "home_url": "https://segmentfault.com/u/openharmony",
+    "votes": "3",
     "rank": 27
   },
   {
-    "title": "Vue 灰度发布新功能的那些事",
-    "description": "灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部分用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。...",
-    "url": "https://segmentfault.com/a/1190000042077860",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "0",
+    "title": "前端需要的免费在线api接口",
+    "description": "回想当年刚接触前端，Ajax 真的碰一次就跪一次。当时不懂后端，不知道 api 是什么东东，也没有后端小伙伴写接口给我测试。本文整理了我用过的几个 免费的在线api接口，而且不需要处理跨域等问题。希望能给刚入门...",
+    "url": "https://segmentfault.com/a/1190000042085705",
+    "author": "学习委员",
+    "home_url": "https://segmentfault.com/u/k21vin",
+    "votes": "1",
     "rank": 28
   },
   {
-    "title": "golang 简洁架构介绍",
-    "description": "在 go 开发中，首先遇到的一个问题，应该怎么设计开发架构。一个好的架构可以在后续的项目开发中能够更好的使用项目的推进，同时能够让团队的配合更加的顺利。",
-    "url": "https://segmentfault.com/a/1190000042064332",
-    "author": "ucmir183",
-    "home_url": "https://segmentfault.com/u/ucmir183",
+    "title": "像素级模仿，前yapi代码贡献者对apifox的公开信",
+    "description": "这段时间收到很多朋友发来的信息，说一款api管理服务工具apifox跟我们当时做的yapi很像，最近在全网推广，刚听到这个消息，我还挺意外的,毕竟当时我们做yapi是开源的。今天我闲来无事，下载他们的软件用了用，简...",
+    "url": "https://segmentfault.com/a/1190000042075611",
+    "author": "慷慨的冰棍",
+    "home_url": "https://segmentfault.com/u/kangkaidebinggun",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "sso单点登录",
-    "description": "sso，Single Sign On，单点登录。简单来说，就是当我们有多个系统时，我们每个系统都需要单独登录非常麻烦，那么我们去单独做一个登录系统，我们叫做sso，这个登录系统可以登录多个其他系统，并且访问多个系统只...",
-    "url": "https://segmentfault.com/a/1190000042068327",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "2",
+    "title": "基于OpenHarmony的智能金属探测器",
+    "description": "智能金属探测器是基于 OpenAtom  OpenHarmony（以下简称“OpenHarmony”）操作系统，利用电磁感应原理来探测周围的金属物体。该样例采用多设备协同的方式，兼容 OpenHarmony 设备开发与应用开发，整个样例体现了 Op...",
+    "url": "https://segmentfault.com/a/1190000042070629",
+    "author": "OpenHarmony社区",
+    "home_url": "https://segmentfault.com/u/openharmony",
+    "votes": "3",
     "rank": 30
   }
 ]