@wcj/github-rank 21.9.27 → 21.10.1

package/dist/sifou-weekly.json

@@ -1,263 +1,272 @@
 [
   {
-    "title": "20 个杀手级 JavaScript 单行代码",
-    "description": "规范要求在写入剪贴板之前使用 Permissions API 获取“剪贴板写入”权限。但是，不同浏览器的具体要求不同，因为这是一个新的API。有关详细信息，请查看compatibility table and Clipboard availability in Clipboa...",
-    "url": "https://segmentfault.com/a/1190000040721650",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "25",
+    "title": "📝 没 2 年 React Native 开发经验，你都遇不到这些坑",
+    "description": "React Native 开发时，如果只是写些简单的页面，基本上按着官方文档 reactnative.dev就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。",
+    "url": "https://segmentfault.com/a/1190000040748929",
+    "author": "卤代烃",
+    "home_url": "https://segmentfault.com/u/skychx",
+    "votes": "16",
     "rank": 1
   },
   {
-    "title": "从0到1开发一款自己的vscode插件",
-    "description": "大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...",
-    "url": "https://segmentfault.com/a/1190000040720760",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "13",
+    "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
+    "description": "本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...",
+    "url": "https://segmentfault.com/a/1190000040741939",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
     "rank": 2
   },
   {
-    "title": "摊牌了，做为前端，我经常在用的15个国外网站",
-    "description": "作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040704577",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
+    "title": "尝试对 jsjiami 加密结果手工解密",
+    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
+    "url": "https://segmentfault.com/a/1190000040735240",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "13",
     "rank": 3
   },
   {
-    "title": "从零搭建一个前端cli脚手架并发布到npm",
-    "description": "在日常开发中，我们会根据经验沉淀出一些项目模板，在不同在项目中可以进行复用。如果是每次都是通过拷贝代码到新项目的话，这样会比较麻烦，而且容易出错，此时我们就会想能不能将一些模板集成到脚手架（类似vue...",
-    "url": "https://segmentfault.com/a/1190000040719719",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "10",
+    "title": "React 源码解析系列 - React 的 render 阶段（三）：completeUnitOfWork",
+    "description": "系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...",
+    "url": "https://segmentfault.com/a/1190000040742732",
+    "author": "array_huang",
+    "home_url": "https://segmentfault.com/u/array_huang",
+    "votes": "5",
     "rank": 4
   },
   {
-    "title": "近 20k Star的项目说不做就不做了，但总结的内容值得借鉴",
-    "description": "大家好，我是零一。最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势。Fred...",
-    "url": "https://segmentfault.com/a/1190000040722202",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
+    "title": "加密的艺术",
+    "description": "加密算法最早诞生在什么时候？计算机出现之后吗？不，早在公元前 7 世纪，古希腊人就已经在使用加密算法了。他们使用一根叫 scytale 的棍子来传递加密信息，加密时先绕棍子卷一张纸条，把信息沿棒水平方向写，写...",
+    "url": "https://segmentfault.com/a/1190000040729633",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "8",
     "rank": 5
   },
   {
-    "title": "React 源码解析系列 - React 的 render 阶段（二）：beginWork",
-    "description": "下面来介绍 React Render 的“递”阶段 —— beginWork ，在《React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍》中我们可知 beginWork 的主要作用是创建本次循环(performUnitOfWork)主体(unitOfWork)...",
-    "url": "https://segmentfault.com/a/1190000040723029",
-    "author": "array_huang",
-    "home_url": "https://segmentfault.com/u/array_huang",
-    "votes": "6",
+    "title": "打造她喜欢的Github主页",
+    "description": "前言：哈喽，我是树酱。先聊聊本文的起源，某天在水群的时候看到某大佬的Github账户主页，颜值简直爆棚。反观看树酱的Github主页，简直就是“陋室”，难以入眼！或者很多开发的小伙伴跟我一样，平时在github上参与...",
+    "url": "https://segmentfault.com/a/1190000040727897",
+    "author": "树酱",
+    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
+    "votes": "7",
     "rank": 6
   },
   {
-    "title": "Nginx服务器常见配置清单备忘录",
-    "description": "Nginx是高性能轻量级WEB服务器的优秀代表，由于其提供HTTP代理和反向代理、负载均衡、缓存等一系列重要特性，从而广泛应用于当今的Web后端服务之中，而且各大互联网公司也都在重度使用，所以作为一个开发者，学会...",
-    "url": "https://segmentfault.com/a/1190000040717509",
-    "author": "CodeSheep",
-    "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "11",
+    "title": "过滤/筛选树节点",
+    "description": "过滤/筛选树节点又是树，是我跟树杠上了吗？—— 不，是树的问题太多了！🔗 相关文章推荐：使用递归遍历并转换树形数据（以 TypeScript 为例）从列表生成树 (JavaScript/TypeScript) 过滤和筛选是一个意思，都是 fil...",
+    "url": "https://segmentfault.com/a/1190000040741437",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "7",
     "rank": 7
   },
   {
-    "title": "加密的艺术",
-    "description": "加密算法最早诞生在什么时候？计算机出现之后吗？不，早在公元前 7 世纪，古希腊人就已经在使用加密算法了。他们使用一根叫 scytale 的棍子来传递加密信息，加密时先绕棍子卷一张纸条，把信息沿棒水平方向写，写...",
-    "url": "https://segmentfault.com/a/1190000040729633",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "8",
+    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040692431",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
     "rank": 8
   },
   {
-    "title": "尝试对 jsjiami 加密结果手工解密",
-    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
-    "url": "https://segmentfault.com/a/1190000040735240",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "9",
+    "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
+    "description": "数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？",
+    "url": "https://segmentfault.com/a/1190000040747951",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "10",
     "rank": 9
   },
   {
-    "title": "亿级流量系统架构演进之路",
-    "description": "海量用户同时进行高频访问对任何平台都是难题，也是行业乐此不疲的研究方向。但值得庆幸的是，虽然业务场景不同，设计和优化的思想却是万变不离宗。本文将结合业务与高并发系统设计的核心技术点，对系统架构调优...",
-    "url": "https://segmentfault.com/a/1190000040724240",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "title": "深入 WebAssembly 之解释器实现篇",
+    "description": "从去年年底开始笔者决定深入 WebAssembly（为了书写方便，接下来简称为 Wasm）这门技术，在读《WebAssembly 原理与核心技术》这本书的过程中（这本书详细讲解了 Wasm 的解释器和虚拟机的工作原理以及实现思路），...",
+    "url": "https://segmentfault.com/a/1190000040737725",
+    "author": "云音乐大前端团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "7",
     "rank": 10
   },
   {
-    "title": "打造她喜欢的Github主页",
-    "description": "前言：哈喽，我是树酱。先聊聊本文的起源，某天在水群的时候看到某大佬的Github账户主页，颜值简直爆棚。反观看树酱的Github主页，简直就是“陋室”，难以入眼！或者很多开发的小伙伴跟我一样，平时在github上参与...",
-    "url": "https://segmentfault.com/a/1190000040727897",
-    "author": "树酱",
-    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "5",
+    "title": "代码签名证书，让软件真正拥有姓名！",
+    "description": "一个月黑风高的夜晚，雪色的 LED 灯和电脑屏幕上变动的图案共同在二狗子脸上映出一片色彩斑斓的影子。性能卓越的耳机屏蔽了一切外在杂音，只留给二狗子简单极致的：“Double Kill！Triple Kill！Quadr Kill！”二狗...",
+    "url": "https://segmentfault.com/a/1190000040750970",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "7",
     "rank": 11
   },
   {
-    "title": "高可用延迟队列设计与实现",
-    "description": "延迟队列：一种带有 延迟功能 的消息队列延时 → 未来一个不确定的时间mq → 消费行为具有顺序性这样解释，整个设计就清楚了。你的目的是 延时，承载容器是 mq。背景列举一下我日常业务中可能存在的场景：建立延时...",
-    "url": "https://segmentfault.com/a/1190000040714810",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "4",
+    "title": "这些操作删除console.log代码，你都知道吗",
+    "description": "说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允许出现console信息代码的。你还在手动一个一个删...",
+    "url": "https://segmentfault.com/a/1190000040729159",
+    "author": "蛙人",
+    "home_url": "https://segmentfault.com/u/jack_code",
+    "votes": "5",
     "rank": 12
   },
   {
-    "title": "JavaScript好玩实用的API分享",
-    "description": "Battery API提供了有关系统充电级别的信息并提供了通过电池等级或者充电状态的改变提醒用户的事件。 这个可以在设备电量低的时候调整应用的资源使用状态，或者在电池用尽前保存应用中的修改以防数据丢失。",
-    "url": "https://segmentfault.com/a/1190000040717765",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "4",
+    "title": "用Java轻松完成一个分布式事务TCC，保姆级教程",
+    "description": "什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。",
+    "url": "https://segmentfault.com/a/1190000040735898",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "6",
     "rank": 13
   },
   {
-    "title": "Sass速成课",
-    "description": "01. 使用 Sass 变量存储数据Sass与CSS不同的一个特性是它可以使用变量。它们可以被声明和设置为将数据存储为类似于JavaScript 的变量。在JavaScript中，变量是使用let和const关键字声明的。在Sass中，变量以$开头...",
-    "url": "https://segmentfault.com/a/1190000040724594",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
+    "title": "保姆级教学！这次一定学会开发babel插件！",
+    "description": "如果你有babel相关知识基础建议直接跳过 前置知识 部分，直接前往 \"插件编写\" 部分。前置知识什么是AST学习babel, 必备知识就是理解AST。 那什么是AST呢？先来看下维基百科的解释:在计算机科学中，抽象语法树（Ab...",
+    "url": "https://segmentfault.com/a/1190000040740319",
+    "author": "a磊的前端梦",
+    "home_url": "https://segmentfault.com/u/nixiaolei",
     "votes": "4",
     "rank": 14
   },
   {
-    "title": "建立和维护大型Vue.js项目的10个最佳实践",
-    "description": "今年的自由职业生涯中，我有机会从事一些大型Vue应用程序的工作。我所谈论的项目有超过12个Vuex 存储，大量组件（有时数百个）和许多视图（页面）。实际上，这对我来说是非常有意义的经历，因为我发现了许多有趣...",
-    "url": "https://segmentfault.com/a/1190000040712187",
-    "author": "Yujiaao",
-    "home_url": "https://segmentfault.com/u/yujiaao",
-    "votes": "7",
+    "title": "【思考】$nextTick 与 setTimeout 的一点对比！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040748033",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "6",
     "rank": 15
   },
   {
-    "title": "用PHP轻松完成一个分布式事务TCC，保姆级教程",
-    "description": "什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。",
-    "url": "https://segmentfault.com/a/1190000040714880",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
+    "title": "教你如何让Redis更持久 ！",
+    "description": "最近在面试的路上愈走愈远了，Redis肯定是一个热门面试方向。像有几种数据结构？如何实现延迟队列？淘汰机制是怎么样的？都快问到麻木，这些问题还常绕脑梁。那我们这篇就举一个比较常见且难度适中的面试题来聊聊...",
+    "url": "https://segmentfault.com/a/1190000040740089",
+    "author": "蔡不菜丶",
+    "home_url": "https://segmentfault.com/u/17689400062",
     "votes": "4",
     "rank": 16
   },
   {
-    "title": "如何用B站弹幕控制游戏",
-    "description": "大家好，我卡颂。中秋节在家无聊，想整点儿好玩的。思来想去决定做个用弹幕控制的坦克大战。具体逻辑是：监听直播间水友们的弹幕将弹幕中有效的指令提取出来将指令转化为键盘按键在坦克大战中输入直播坦克大战游...",
-    "url": "https://segmentfault.com/a/1190000040715763",
+    "title": "postTask：React的杀手锏被浏览器原生实现了？",
+    "description": "大家好，我卡颂。React这几年一直在完善的并发模式主要由以下两部分组成：基于fiber实现的可中断更新的架构基于调度器的优先级调度可以说，从16年开始重构fiber架构到今年底（或明年初）React18发布正式版，这期...",
+    "url": "https://segmentfault.com/a/1190000040751671",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
+    "votes": "3",
     "rank": 17
   },
   {
-    "title": "开源了一个小的前端脚手架（队内分享）",
-    "description": "这个是我开源的第二个项目，第一个开源项目是一个 okr 的树形图，目前有 349 个star，地址如下： [链接]，精力有限，近期维护的比较少，如果有兴趣的小伙伴可以加入一直维护。",
-    "url": "https://segmentfault.com/a/1190000040714138",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "解决chrome浏览器 谷歌翻译导致页面错乱、数据渲染不显示问题",
+    "description": "在chrome浏览器中如果设置了谷歌翻译自动翻译，有的时候会很烦人，所以可以选择禁用谷歌翻译，具体方法如下1、在html 标签中加入属性 translate=\"no\", 禁止全站翻译 {代码...} 2、在html文件的head中加入 (亲测,...",
+    "url": "https://segmentfault.com/a/1190000040740368",
+    "author": "杭州蘇小小",
+    "home_url": "https://segmentfault.com/u/suhangweb",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "分布式之接口幂等性",
-    "description": "幂等性 更多使用的情况是第一次请求知道结果，但是由于网络抖动或连接超时等情况未进行正常返回，在这种情况下系统自动再次发起请求，其目的是确认第一次是否请求完成。",
-    "url": "https://segmentfault.com/a/1190000040711387",
-    "author": "新亮",
-    "home_url": "https://segmentfault.com/u/xinliangcoder",
-    "votes": "2",
+    "title": "MySQL 架构总览->查询执行流程->SQL 解析顺序",
+    "description": "前言一直是想知道一条 SQL 语句是怎么被执行的，它执行的顺序是怎样的，然后查看总结各方资料，就有了下面这一篇博文了。本文将从 MySQL 总体架构 -> 查询执行流程 -> 语句执行顺序来探讨一下其中的知识。M...",
+    "url": "https://segmentfault.com/a/1190000040748768",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "4",
     "rank": 19
   },
   {
-    "title": "CSS和SVG实现文字渐变、描边、投影",
-    "description": "在一些 web 活动页中经常能看到特殊处理的标题文字，比如这样的暂时忽略掉特殊字体，通过设计稿的图层样式可以发现，共有 3 个文字特效，分别是渐变、描边、投影作为一个有追求的前端，当然不会直接用图片啦~ 这...",
-    "url": "https://segmentfault.com/a/1190000040721783",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "2",
+    "title": "🚀快速掌握vue3新语法(一) - 初识(setup/reactive/ref)",
+    "description": "\"组合API\"可以更进一步拆分\"选项API\"中的JS逻辑. 可以把某一逻辑的\"data/computed/watch/methods/声明周期钩子\"单独封装到一个函数(也可单独一个文件)中. 一般给拆分后的函数命名\"useXxx\".",
+    "url": "https://segmentfault.com/a/1190000040755977",
+    "author": "铁皮饭盒",
+    "home_url": "https://segmentfault.com/u/russell221",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "评价打分组件，SVG 半颗星的解决方案！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040534300",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "端到端的实时计算：TiDB + Flink 最佳实践",
+    "description": "孙晓光，PingCAP Community Development 团队负责人，原知乎基础研发团队架构师，长期从事分布式系统相关研发工作，关注云原生技术。",
+    "url": "https://segmentfault.com/a/1190000040738145",
+    "author": "PingCAP",
+    "home_url": "https://segmentfault.com/u/pingcap",
     "votes": "2",
     "rank": 21
   },
   {
-    "title": "技术人必看的各类工具书籍",
-    "description": "一、前端必看工具书籍：《JavaScript高级程序设计》（ [美] 尼古拉斯 ）《图解HTTP》（ [日] 上野宣 ）《React 进阶之路》（ 徐超 ）《设计模式》（ [美] Erich Gamma）《代码整洁之道》（ [美] Robert C. Martin...",
-    "url": "https://segmentfault.com/a/1190000040725587",
-    "author": "阿里巴巴淘系技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
-    "votes": "5",
+    "title": "认识JS中的Class",
+    "description": "JavaScript 和面向类的语言不同，它并没有类来作为对象的抽象模式。JavaScript 中只有对象，而并没有真正的类。JS只是利用了函数的一种特殊特性——所有的函数默认都会拥有一个名为 prototype 的公有并且不可枚举的...",
+    "url": "https://segmentfault.com/a/1190000040729393",
+    "author": "forceddd",
+    "home_url": "https://segmentfault.com/u/forceddd",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "这些操作删除console.log代码，你都知道吗",
-    "description": "说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允许出现console信息代码的。你还在手动一个一个删...",
-    "url": "https://segmentfault.com/a/1190000040729159",
-    "author": "蛙人",
-    "home_url": "https://segmentfault.com/u/jack_code",
+    "title": "得物技术浅谈MySQL 8.0：新的身份验证插件（caching_sha2_password）",
+    "description": "从 MySQL 8.0.4 开始，默认身份验证插件从 mysql_native_password 更改为 caching_sha2_password。相应地，现在的 libmysqlclient 将使用 caching_sha2_password 作为默认的验证机制。",
+    "url": "https://segmentfault.com/a/1190000040733952",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "2",
     "rank": 23
   },
   {
-    "title": "发布订阅模式",
-    "description": "发布订阅（pubsub）发布-订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象状态发生改变时，所有依赖于它的对象都将得到通知注意：一对多（一指的是发布，多指的是订阅），是先订阅再发布...",
-    "url": "https://segmentfault.com/a/1190000040720983",
-    "author": "FCA1978",
-    "home_url": "https://segmentfault.com/u/fca1978",
+    "title": "中国开源云联盟年度评选正式启动，欢迎申报！",
+    "description": "当前，新一轮科技革命和产业变革方兴未艾，全球创新版图和经济结构正在被重塑。由于开放协同、群智化的特点，开源已成为创新的重要手段，无论在中国还是全球范围内，开源正在深度推动信息技术的创新发展。",
+    "url": "https://segmentfault.com/a/1190000040739836",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "2",
     "rank": 24
   },
   {
-    "title": "如何安全地执行用户的自定义 nodejs 脚本",
-    "description": "最近在业务开发过程中，遇到需要执行用户自定义 nodejs 脚本的场景，那么该如何安全地执行用户的神秘代码呢？用户脚本用户脚本具有不可预测性的特点。在浏览器端，用户脚本可以直接获取到 cookie，localStorage ...",
-    "url": "https://segmentfault.com/a/1190000040713746",
-    "author": "chlorine",
-    "home_url": "https://segmentfault.com/u/nicksonlvqq",
-    "votes": "2",
+    "title": "LeetCode-374-猜数字大小",
+    "description": "题目描述：猜数字游戏的规则如下：每轮游戏，我都会从 1 到 n 随机选择一个数字。 请你猜选出的是哪个数字。如果你猜错了，我会告诉你，你猜测的数字比我选出的数字是大了还是小了。你可以通过调用一个预先定义好...",
+    "url": "https://segmentfault.com/a/1190000040748785",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "3",
     "rank": 25
   },
   {
-    "title": "CSS变量的作用域和默认值",
-    "description": "变量作用域，变量的可用性范围。变量并不总是有效可用的，而限定变量的可用性范围就是变量的作用域。而CSS变量在CSS层次结构中声明的位置，决定了它在整个层次结构中的可用性范围。",
-    "url": "https://segmentfault.com/a/1190000040720857",
-    "author": "球球",
-    "home_url": "https://segmentfault.com/u/bobo_yf",
-    "votes": "1",
+    "title": "对CSS变量不熟悉，这5个事例可看看！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040735569",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
     "rank": 26
   },
   {
-    "title": "Web页面子资源完整性校验详细指南",
-    "description": "时间过得好快，距离上一篇文章动手写一个简单的编译器：在JavaScript中使用Swift的尾闭包语法发布已经过去快半年了，这半年时间也一直在想着按时更新文章；但是因为工作和生活的琐事，没有能够坚持下来。有点惭愧...",
-    "url": "https://segmentfault.com/a/1190000040712382",
-    "author": "dreamapplehappy",
-    "home_url": "https://segmentfault.com/u/dreamapplehappy",
+    "title": "从0到1搭建域名邮件服务器",
+    "description": "前言：哈喽，我是树酱。文章的源头，是因为在一次交谈中，朋友提到一个需求。需要一批邮箱去做一些\"事情\"，具体是干啥事，留点悬念。如果手动去注册邮箱，只需要解决接收邮件问题。不仅费力而且现在包括像@163等...",
+    "url": "https://segmentfault.com/a/1190000040727863",
+    "author": "树酱",
+    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
     "votes": "2",
     "rank": 27
   },
   {
-    "title": "二叉树遍历方法总结",
-    "description": "深度优先遍历1) 前序遍历递归实现： {代码...} 非递归实现： {代码...} 2) 中序遍历递归实现： {代码...} 非递归实现： {代码...} 3) 后序遍历递归实现： {代码...} 非递归实现： {代码...} 广度优先遍历 (层序遍...",
-    "url": "https://segmentfault.com/a/1190000040726398",
-    "author": "一杯绿茶",
-    "home_url": "https://segmentfault.com/u/yibeilvcha_5f37f73a81102",
-    "votes": "2",
+    "title": "Nginx 缓存机制详解！非常详细实用",
+    "description": "Nginx 缓存作为性能优化的一个重要手段，可以极大减轻后端服务器的负载。下面我们将介绍 Nginx 缓存配置的相关指令以及 http 缓存机制，以及 Nginx 缓存实践案例分析。",
+    "url": "https://segmentfault.com/a/1190000040748678",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "LeetCode-345-反转字符串中的元音字母",
-    "description": "题目描述：编写一个函数，以字符串作为输入，反转该字符串中的元音字母。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。",
-    "url": "https://segmentfault.com/a/1190000040713293",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "title": "搞定 NodeJS 开发调试",
+    "description": "代码调试有时候是一种充满挑战的工作，如果有一个趁手的调试工具的话，往往可以做到事半功倍的效果。得益于这些年的快速发展，在 NodeJS 生态中已经有了多种调试工具可以使用。我们今年就来分享几个常用的调试工具。",
+    "url": "https://segmentfault.com/a/1190000040738234",
+    "author": "用户bPcUOqJ",
+    "home_url": "https://segmentfault.com/u/everfind",
     "votes": "2",
     "rank": 29
+  },
+  {
+    "title": "浅谈健康技术社区与微软MVP打造之旅",
+    "description": "2021 年 6 月 5 日，由 SegmentFault 思否主办的 2021 中国开发者生态峰会圆满落幕。会上，微软最有价值专家（MVP）项目大中华区负责人梁迪发表了主题为《浅谈健康技术社区与微软MVP打造之旅》的演讲。以下为演讲...",
+    "url": "https://segmentfault.com/a/1190000040739382",
+    "author": "微软技术栈",
+    "home_url": "https://segmentfault.com/u/xinyuanxiaojieyi",
+    "votes": "2",
+    "rank": 30
   }
 ]