@wcj/github-rank 21.10.11 → 21.10.15

package/web/data/sifou-weekly.json

@@ -1,11 +1,11 @@
 [
   {
-    "title": "写个vscode插件, 帮助阅读i18n项目的代码",
-    "description": "作者当前参与的项目是面向全球用户的, 项目免不了要做国际化处理, 哪怕只是一个简单的ok按钮的ok文案都要翻译成不同国家的语言展示, 所以在代码里面往往我们不可以直接命名为ok, 而是可能命名为user_base_pl...",
-    "url": "https://segmentfault.com/a/1190000040773678",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "14",
+    "title": "前端监控 SDK 的一些技术要点原理分析",
+    "description": "一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...",
+    "url": "https://segmentfault.com/a/1190000040796868",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "27",
     "rank": 1
   },
   {
@@ -14,259 +14,259 @@
     "url": "https://segmentfault.com/a/1190000040777921",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
+    "votes": "24",
     "rank": 2
   },
   {
-    "title": "计算机网络经典20问！",
-    "description": "本文目录：网络分层结构三次握手两次握手可以吗？四次挥手第四次挥手为什么要等待2MSL？为什么是四次挥手？TCP有哪些特点？TCP和UDP的区别？HTTP协议的特点？HTTP报文格式HTTP状态码有哪些？HTTP1.0和HTTP1.1的区...",
-    "url": "https://segmentfault.com/a/1190000040770169",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "8",
+    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
+    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
+    "url": "https://segmentfault.com/a/1190000040797816",
+    "author": "y_ck",
+    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
+    "votes": "25",
     "rank": 3
   },
   {
-    "title": "20+ css高频实用片段，提高幸福感的小技能你可以拥有噢",
-    "description": "修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...",
-    "url": "https://segmentfault.com/a/1190000040777100",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "10",
+    "title": "前端代码评审通常注意些什么",
+    "description": "代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...",
+    "url": "https://segmentfault.com/a/1190000040780312",
+    "author": "_Vin",
+    "home_url": "https://segmentfault.com/u/_vin_5d884143cd4cb",
+    "votes": "9",
     "rank": 4
   },
   {
-    "title": "作为前端，怎么亲手设计一个婚礼邀请函",
-    "description": "一个前端，成家之时，需要一份婚礼邀请函。用网上哪些网站（婚礼纪、易企秀）生成出来的，样式、动画效果感觉很赞，但公司logo、广告弹窗、加载速度、自定义版图都让我这个职（qiang）业（po）前（zheng）端（hua...",
-    "url": "https://segmentfault.com/a/1190000040773457",
-    "author": "Denzel",
-    "home_url": "https://segmentfault.com/u/denzel",
-    "votes": "4",
+    "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040704570",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "10",
     "rank": 5
   },
   {
-    "title": "Go 面试官问我如何实现面向对象？",
-    "description": "大家好，我是煎鱼。在大家初识 Go 语言时，总会拿其他语言的基本特性来类比 Go 语言，说白了就是老知识和新知识产生关联，实现更高的学习效率。最常见的类比，就是 “Go 语言如何实现面向对象？”，进一步展开就是 ...",
-    "url": "https://segmentfault.com/a/1190000040778618",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "4",
+    "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
+    "description": "写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...",
+    "url": "https://segmentfault.com/a/1190000040803264",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "15",
     "rank": 6
   },
   {
-    "title": "前端代码评审通常注意些什么",
-    "description": "代码评审又称为（Code Review，简称CR），关于CR，开发同学其实都不陌生，现在大部分公司的项目开发流程中，它都是必不可少的一个环节，CR的好处也都耳熟能详。不同的公司对于CR的方式、质量要求标准都不一样。这...",
-    "url": "https://segmentfault.com/a/1190000040780312",
-    "author": "_Vin",
-    "home_url": "https://segmentfault.com/u/_vin_5d884143cd4cb",
-    "votes": "3",
+    "title": "20 个值得学习的 Vue 开源项目",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040803238",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "9",
     "rank": 7
   },
   {
-    "title": "面试官一口气问了MySQL事务、锁和MVCC，我",
-    "description": "面试官：你是怎么理解InnoDB引擎中的事务的？候选者：在我的理解下，事务可以使「一组操作」要么全部成功，要么全部失败候选者：事务其目的是为了「保证数据最终的一致性」。候选者：举个例子，我给你发支付宝转...",
-    "url": "https://segmentfault.com/a/1190000040777218",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
-    "votes": "4",
+    "title": "摊牌了，作为开发者，我经常用这14个 Github 偷偷学习",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040759534",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "11",
     "rank": 8
   },
   {
-    "title": "Zookeeper的选举机制和同步机制超详细讲解，面试经常问到！",
-    "description": "zookeeper相信大家都不陌生，很多分布式中间件都利用zk来提供分布式一致性协调的特性。dubbo官方推荐使用zk作为注册中心，zk也是hadoop和Hbase的重要组件。其他知名的开源中间件中也都出现了zk的身影。",
-    "url": "https://segmentfault.com/a/1190000040777791",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "1",
+    "title": "Go 面试官问我如何实现面向对象？",
+    "description": "大家好，我是煎鱼。在大家初识 Go 语言时，总会拿其他语言的基本特性来类比 Go 语言，说白了就是老知识和新知识产生关联，实现更高的学习效率。最常见的类比，就是 “Go 语言如何实现面向对象？”，进一步展开就是 ...",
+    "url": "https://segmentfault.com/a/1190000040778618",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "7",
     "rank": 9
   },
   {
-    "title": "第六期:前端九条启发分享",
-    "description": "这个系列是原本叫'九条bug', 但是一直感觉名字不是很贴切, 想了很久决定从这次起改成九条启发(虽然名字还是很烂), 这次要分享的内容大部分是项目结构相关的, 让我们一起看看吧。",
-    "url": "https://segmentfault.com/a/1190000040774425",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "3",
+    "title": "CSS实现渐变色边框（Gradient borders）的5种方法",
+    "description": "CSS 提供了 border-image 属性用于给 border 绘制复杂图样，与 background-image 类似，我们可以在 border 中展示image和linear-gradient。",
+    "url": "https://segmentfault.com/a/1190000040794056",
+    "author": "MudOnTire",
+    "home_url": "https://segmentfault.com/u/mudontire",
+    "votes": "10",
     "rank": 10
   },
   {
-    "title": "Google 搜索决定停止支持 IE11，IE 浏览器或将退出历史舞台？",
-    "description": "近日，Google 软件工程师 Malte Ubl 在 Twitter 上表示，经 Google 搜寻团队计算后，认为IE11 系统的营运成本与保留使用 IE11 用户的价值相比之下，较不划算，因此 Google 决定停止对 IE11 的支持。",
-    "url": "https://segmentfault.com/a/1190000040775287",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "2",
+    "title": "TypeScript 枚举指南",
+    "description": "枚举是受 TypeScript 支持的数据类型。枚举允许您定义一组命名常量。使用它们可以更轻松地记录意图或创建一组不同的案例。枚举大多数用于面向对象的编程语言（如 Java 和 C#）中，现在也可以 TypeScript 中使用。...",
+    "url": "https://segmentfault.com/a/1190000040800027",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "7",
     "rank": 11
   },
   {
-    "title": "大大提高我们的构建体验5个 Vue 技巧",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040777202",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "title": "66道前端算法面试题附思路分析助你查漏补缺",
+    "description": "本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，",
+    "url": "https://segmentfault.com/a/1190000040797373",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "7",
     "rank": 12
   },
   {
-    "title": "TypeScript 条件类型精读与实践",
-    "description": "在大多数程序中，我们必须根据输入做出决策。TypeScript 也不例外，使用条件类型可以描述输入类型与输出类型之间的关系。本文同步首发在个人博客中，欢迎订阅、交流。用于条件判断时的 extends当 extends 用于表...",
-    "url": "https://segmentfault.com/a/1190000040769584",
-    "author": "牧云云",
-    "home_url": "https://segmentfault.com/u/muyunyun",
-    "votes": "2",
+    "title": "面试官一口气问了MySQL事务、锁和MVCC，我",
+    "description": "面试官：你是怎么理解InnoDB引擎中的事务的？候选者：在我的理解下，事务可以使「一组操作」要么全部成功，要么全部失败候选者：事务其目的是为了「保证数据最终的一致性」。候选者：举个例子，我给你发支付宝转...",
+    "url": "https://segmentfault.com/a/1190000040777218",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "7",
     "rank": 13
   },
   {
-    "title": "史上最严重：Facebook 遭遇全球宕机近 7 小时后重新上线，股价下跌5%",
-    "description": "据悉，本次 Facebook 长时间的宕机始于周二（美国时间 4 日）凌晨 4 点左右。受此影响，其旗下的 WhatsApp、Instagram 等平台也无法访问，用户瞬时话题讨论量集中，导致 Spark 和 Vodafone 的通话量也激增。",
-    "url": "https://segmentfault.com/a/1190000040771271",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
+    "title": "一文搞懂字典树",
+    "description": "字典树，是一种空间换时间的数据结构，又称Trie树、前缀树，是一种树形结构(字典树是一种数据结构)，典型用于统计、排序、和保存大量字符串。所以经常被搜索引擎系统用于文本词频统计。它的优点是：利用字符串的...",
+    "url": "https://segmentfault.com/a/1190000040801084",
+    "author": "bigsai",
+    "home_url": "https://segmentfault.com/u/bigsai",
+    "votes": "5",
     "rank": 14
   },
   {
-    "title": "系统召回太慢？上 Milvus × PaddleRec 双剑合璧大法！",
-    "description": "作者简介 李云梅，Zilliz 数据工程师，毕业于华中科技大学计算机系。加入 Zilliz 以来，致力于为开源向量数据库 Milvus 探索解决方案，帮助用户打造场景应用。深入关注自然语言处理技术和搜索推荐系统，日常喜欢...",
-    "url": "https://segmentfault.com/a/1190000040780098",
-    "author": "Zilliz",
-    "home_url": "https://segmentfault.com/u/zilliz",
-    "votes": "1",
+    "title": "左手IRR，右手NPV，掌握发家致富道路密码",
+    "description": "但是落脚到很小的例子之上，假如项目A和项目B都可以投资25W，而现在的贴现率是15%（贴现率：指将来的钱折算到现在后，少掉/多出的那部分钱与将来的钱的比值），我们投哪个项目更加划算呢？",
+    "url": "https://segmentfault.com/a/1190000040804260",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "3",
     "rank": 15
   },
   {
-    "title": "猫头鹰的深夜翻译：开发者最常踩到的六个低效陷阱",
-    "description": "每个企业都试图通过自动化流水线，升级版IDE和DevOps来降低成本提高效能。而通过避免以下六种低效陷阱可以让你的领先一步，收获高效的一天。",
-    "url": "https://segmentfault.com/a/1190000040770690",
-    "author": "raledong",
-    "home_url": "https://segmentfault.com/u/raledong",
-    "votes": "3",
+    "title": "12种 vo2dto 方法，就 BeanUtils.copyProperties 压测最拉胯！【快双11了，别用错喽】",
+    "description": "没有技术深度、短缺知识储备、匮乏经验积累的前提下，怎么写代码？百度呀，遇到问题这搜一点，那查一块，不管它是什么原理还是适合哪种场景，先粘贴到自己的工程里，看，能跑了，能跑就行。那这样的代码也就仅仅...",
+    "url": "https://segmentfault.com/a/1190000040791635",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "4",
     "rank": 16
   },
   {
-    "title": "理解脸书是如何从互联网消失的",
-    "description": "今天2021.10.4 16:51 UTC，我们建了一条标题为“FB DNS 查询返回SERVFAIL”的单子，因为我们担心我们的DBS 1.1.1.1出现了问题。但当我们要在我们的的[公共状态]页面发布状态时我们发现可能有更严重的问题正在发生。",
-    "url": "https://segmentfault.com/a/1190000040772179",
-    "author": "祝坤荣",
-    "home_url": "https://segmentfault.com/u/zhukunrong",
-    "votes": "1",
+    "title": "深度剖析分布式事务性能",
+    "description": "随着微服务的大规模应用，跨微服务的分布式事务也越来越多，那么分布式事务的性能究竟怎么样？性能会下降多少？能否满足业务需求？这些指标关系到分布式事务能否顺利的引入到生产应用，是大家非常关心的问题。",
+    "url": "https://segmentfault.com/a/1190000040791009",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "5",
     "rank": 17
   },
   {
-    "title": "V8引擎的JavaScript内存机制",
-    "description": "对于前端攻城师来说，JS的内存机制不容忽视。如果想成为行业专家，或者打造高性能前端应用，那就必须要弄清楚JavaScript的内存机制了先看栗子 {代码...} 可以看出在我们修改不同数据类型的值后，结果有点不一样。...",
-    "url": "https://segmentfault.com/a/1190000040770636",
-    "author": "沐华",
-    "home_url": "https://segmentfault.com/u/wmuhua",
-    "votes": "2",
+    "title": "DrawIO 二开 —— 是时候给你的 ProcessOn 充值终身 VIP 了",
+    "description": "本文从使用角度入手，循序渐进的讲述 DrawIO 是什么，为什么要基于 DrawIO 进行二次开发以及 DrawIO 二次开发的核心技术细节并抽象出了一套通用二开架构，因此文章内容较长，不同阶段的读者可以根据需求进行阅读...",
+    "url": "https://segmentfault.com/a/1190000040793817",
+    "author": "云音乐大前端团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "Golang 环境搭建",
-    "description": "注：本文为Linux下搭建Golang安装GoGo的安装相比其他语言环境非常简单，直接下载安装包，解压安装即可。1、下载安装包(官方地址:[链接] 国内已被墙了)，直接去对应的Go语言中文网下载即可，稍等一下下就下载好了...",
-    "url": "https://segmentfault.com/a/1190000040781042",
-    "author": "Albert",
-    "home_url": "https://segmentfault.com/u/albert_5d6909d54bb0c",
-    "votes": "1",
+    "title": "(总结)项目经历一次更换ui组件库才知道的事: 共21种问题类型",
+    "description": "写这篇文章的起因是作者不久前经历了一次项目整体ui组件库的替换, 本以为更换ui组件库只是改改样式并且改几处写法就行了, 但真正经历了才知道这里面遇到的问题还真是丰富多彩, 全程做下来我一共总结了21种问...",
+    "url": "https://segmentfault.com/a/1190000040790162",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "5",
     "rank": 19
   },
   {
-    "title": "LeetCode-414-第三大的数",
-    "description": "题目描述：给你一个非空数组，返回此数组中 第三大的数 。如果不存在，则返回数组中最大的数。示例说明请见LeetCode官网。来源：力扣（LeetCode） 链接：[链接] 著作权归领扣网络所有。商业转载请联系官方授权，...",
-    "url": "https://segmentfault.com/a/1190000040771153",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "我是如何调试 Webpack 运行问题的",
+    "description": "全文 3000 字，欢迎点赞转发事情是这样的，某天有个小伙伴问我：为啥我的 webpack 运行完看不到我写的页面，而是：嗯？文件列表页？好吧，这种情况我似乎没遇到过，一下子没法给出答案，只能要来关键代码：重点看...",
+    "url": "https://segmentfault.com/a/1190000040798012",
+    "author": "范文杰",
+    "home_url": "https://segmentfault.com/u/fanwenjie",
+    "votes": "4",
     "rank": 20
   },
   {
-    "title": "LeetCode-495-提莫攻击",
-    "description": "题目描述：在《英雄联盟》的世界中，有一个叫 “提莫” 的英雄，他的攻击可以让敌方英雄艾希（编者注：寒冰射手）进入中毒状态。现在，给出提莫对艾希的攻击时间序列和提莫攻击的中毒持续时间，你需要输出艾希的中...",
-    "url": "https://segmentfault.com/a/1190000040773291",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "从零开始实现一个颜色选择器（原生JavaScript实现）",
+    "description": "首先，我们无需搭建项目的环境，我们还是直接用最简单的方式，也就是引入的方式来创建这个项目，这样也就方便了我们一边编写一边测试。创建一个空目录，命名为ColorPicker,创建一个js文件，即color-picker.js,然...",
+    "url": "https://segmentfault.com/a/1190000040789940",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "3",
     "rank": 21
   },
   {
-    "title": "2021 年 10 月 TIOBE 指数榜：Python 超越 C 语言成 20 多年来的新霸主",
-    "description": "榜单中共对 100 种编程语言进行了评级排名，其中 Python 成为 “20 多年来的新语言霸主”，以 11.27% 的评级排名第 1 位；而 C 和 Java 的“长期霸权已经结束”，分别以 11.16% 和 10.46% 的评级位列榜单第 2 和第 3 ...",
-    "url": "https://segmentfault.com/a/1190000040778455",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "基于HarmonyOS分布式技术，他们让绘画体验更为出色",
+    "description": "绘画，是很多人的兴趣爱好，但是想要创作优秀的作品并不容易。这不仅依赖于个人的灵光乍现，往往还需要他人协作及灵感的支持。目前市面上大多数绘画应用在单设备上的体验已经足够优秀，但是对跨设备交互的支持仍...",
+    "url": "https://segmentfault.com/a/1190000040795342",
+    "author": "第一视角",
+    "home_url": "https://segmentfault.com/u/awly3q3a",
     "votes": "1",
     "rank": 22
   },
   {
-    "title": "LeetCode-500-键盘行",
-    "description": "题目描述：给你一个字符串数组 words ，只返回可以使用在 美式键盘 同一行的字母打印出来的单词。示例说明请见LeetCode官网。来源：力扣（LeetCode）链接：[链接]著作权归领扣网络所有。商业转载请联系官方授权，...",
-    "url": "https://segmentfault.com/a/1190000040775038",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "React源码中的位运算技巧",
+    "description": "大家好，我卡颂。这两年有不少朋友和我吐槽React源码，比如：调度器为什么用小顶堆这种数据结构，直接用数组不行？源码里各种单向链表、环状链表，直接用数组不行？源码里各种位运算，有必要么？作为业务依赖的框...",
+    "url": "https://segmentfault.com/a/1190000040791673",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "6",
     "rank": 23
   },
   {
-    "title": "看完还不懂JavaScript执行机制(EventLoop)，你来捶我",
-    "description": "上一篇文章介绍了进程与线程，知道渲染进程都有一个主线程，并且主线程工作很多，要处理DOM、计算样式、布局、还有鼠标、键盘等各种JS任务我们都知道JS是单线程，任务只能一件一件地执行，那么浏览器是怎么让这么...",
-    "url": "https://segmentfault.com/a/1190000040772606",
-    "author": "沐华",
-    "home_url": "https://segmentfault.com/u/wmuhua",
-    "votes": "2",
+    "title": "精读《可维护性思考》",
+    "description": "前端精读之前写了 23 篇设计模式总结文，再加上 6 种设计原则，开闭、单一职责、依赖倒置、接口分离、迪米特法则、里氏替换原则，基本上对代码的可维护性有了全面深刻的理解。",
+    "url": "https://segmentfault.com/a/1190000040791286",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "4",
     "rank": 24
   },
   {
-    "title": "Java开发基础常见面试题及答案汇总（实用干货！）",
-    "description": "Java开发面试题及答案今天抽空来整理整理Java开发面试中的那点事儿吧，帮助那些正在找工作或想跳槽找工作的兄弟姐妹们！分享目前Java开发常见的面试问题以及问题的答案给大家阅读参考。Java基础学习资料点下边！...",
-    "url": "https://segmentfault.com/a/1190000040780120",
-    "author": "牛仔码农",
-    "home_url": "https://segmentfault.com/u/camille_5f9b7f6b8693f",
-    "votes": "2",
+    "title": "超一半企业工作站无法运行 Windows 11；Python 3.10.0 正式发布；Android 12 发布 | 思否周刊",
+    "description": "40s 新闻速递市监总局对美团“二选一”垄断行为行政处罚,罚 34.42 亿苹果 NFC 芯片面临欧盟反垄断调查，或向对手开放Telegram 在 Facebook 宕机当天新增 7000 万用户英伟达已向欧盟做出初步让步，以确保 540 亿美元...",
+    "url": "https://segmentfault.com/a/1190000040787631",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "4",
     "rank": 25
   },
-  {
-    "title": "LeetCode-507-完美数",
-    "description": "题目描述：对于一个 正整数，如果它和除了它自身以外的所有 正因子 之和相等，我们称它为 「完美数」。给定一个 整数 n， 如果是完美数，返回 true，否则返回 false。示例说明请见LeetCode官网。来源：力扣（Leet...",
-    "url": "https://segmentfault.com/a/1190000040777187",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
-    "rank": 26
-  },
-  {
-    "title": "为了减少代码复杂度，我将if-else升级为面向状态编程",
-    "description": "面向过程设计和面向对象设计的主要区别是：是否在业务逻辑层使用冗长的if else判断。如果你还在大量使用if else，当然，界面表现层除外，即使你使用Java/C#这样完全面向对象的语言，也只能说明你的思维停留在传统...",
-    "url": "https://segmentfault.com/a/1190000040777766",
-    "author": "华为云开发者社区",
-    "home_url": "https://segmentfault.com/u/huaweiyunkaifazheshequ",
-    "votes": "1",
-    "rank": 27
-  },
   {
     "title": "Kafka基础入门篇",
     "description": "1、kafka简介 Kafka 是一个分布式的基于发布/订阅模式的消息队列（Message Queue），主要应用与大数据实时处理领域。其主要设计目标如下：",
     "url": "https://segmentfault.com/a/1190000040786919",
     "author": "LNMPRG源码研究",
     "home_url": "https://segmentfault.com/u/php7internal",
+    "votes": "4",
+    "rank": 26
+  },
+  {
+    "title": "详解es6的export和import命令",
+    "description": "一直以来开发vue项目，对export和import的用法都比较模糊，看别人怎么写我就照葫芦画瓢，不报错或者功能实现就行，完全不懂其中的原理，今日闲下来了，就揭穿它们的真面目吧！",
+    "url": "https://segmentfault.com/a/1190000040792388",
+    "author": "花怀樱",
+    "home_url": "https://segmentfault.com/u/zero_599d47cbc8888zrn",
     "votes": "3",
-    "rank": 28
+    "rank": 27
   },
   {
-    "title": "【C进阶】15、逻辑运算符",
-    "description": "3）逻辑表达式中&&比||的优先级更高，表现为：当&&和||在同一个表达式中出现时，整个表达式被看作一个||表达式。先计算&&表达式，最后计算整个的||表达式，某个表达式为真的时候，整个||...",
-    "url": "https://segmentfault.com/a/1190000040775890",
-    "author": "bryson",
-    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
+    "title": "Zookeeper的选举机制和同步机制超详细讲解，面试经常问到！",
+    "description": "zookeeper相信大家都不陌生，很多分布式中间件都利用zk来提供分布式一致性协调的特性。dubbo官方推荐使用zk作为注册中心，zk也是hadoop和Hbase的重要组件。其他知名的开源中间件中也都出现了zk的身影。",
+    "url": "https://segmentfault.com/a/1190000040777791",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "就因为JSON.stringify，我的年终奖差点打水漂了",
+    "description": "开发要对线上环境有一颗敬畏之心，任何一个点都有可能导致线上故障，也有可能让你的年终奖泡汤(⊙︿⊙)。比如使用了JSON.stringify，这个无比熟悉但又无比陌生的API。",
+    "url": "https://segmentfault.com/a/1190000040791087",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "6",
     "rank": 29
   },
   {
-    "title": "LeetCode-509-斐波那契数",
-    "description": "题目描述：斐波那契数，通常用 F(n) 表示，形成的序列称为 斐波那契数列 。该数列由 0 和 1 开始，后面的每一项数字都是前面两项数字的和。也就是：F(0) = 0，F(1) = 1F(n) = F(n - 1) + F(n - 2)，其中 n > 1...",
-    "url": "https://segmentfault.com/a/1190000040782340",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "2",
+    "title": "程序员写简历时的技术词汇拼写规范备忘录",
+    "description": "求职前，我们都会花很多的时间在自己的技术水平提升+笔/面试的准备之上，但往往却忽略了找工作第一步所需要的一个严谨且靠谱的简历。而程序员写简历，第一步就是需要注意严谨而规范地使用各种技术词汇。",
+    "url": "https://segmentfault.com/a/1190000040791119",
+    "author": "CodeSheep",
+    "home_url": "https://segmentfault.com/u/hansonwang99",
+    "votes": "3",
     "rank": 30
   }
 ]