@wcj/github-rank 21.10.13 → 21.10.17

package/dist/sifou-weekly.json

@@ -1,47 +1,47 @@
 [
-  {
-    "title": "20+ css高频实用片段，提高幸福感的小技能你可以拥有噢",
-    "description": "修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就...",
-    "url": "https://segmentfault.com/a/1190000040777100",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "27",
-    "rank": 1
-  },
   {
     "title": "前端监控 SDK 的一些技术要点原理分析",
     "description": "一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下：仅看理论知识是比较...",
     "url": "https://segmentfault.com/a/1190000040796868",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "18",
+    "votes": "31",
+    "rank": 1
+  },
+  {
+    "title": "近 20 人爆肝数周，写给初中级前端的万字高级进阶指南",
+    "description": "当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。",
+    "url": "https://segmentfault.com/a/1190000040797816",
+    "author": "y_ck",
+    "home_url": "https://segmentfault.com/u/user_ngjv5fmp",
+    "votes": "25",
     "rank": 2
   },
   {
-    "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": "19",
+    "title": "【中高级前端】必备，30+高频手写题及详细答案(万字长文)，看“你”怎么难倒我",
+    "description": "写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们...",
+    "url": "https://segmentfault.com/a/1190000040803264",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "18",
     "rank": 3
   },
   {
-    "title": "CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果",
-    "description": "本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到：",
-    "url": "https://segmentfault.com/a/1190000040777921",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "20",
+    "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040704570",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "12",
     "rank": 4
   },
   {
-    "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": "8",
+    "title": "20 个值得学习的 Vue 开源项目",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040803238",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "9",
     "rank": 5
   },
   {
@@ -54,219 +54,219 @@
     "rank": 6
   },
   {
-    "title": "Go 面试官问我如何实现面向对象？",
-    "description": "大家好，我是煎鱼。在大家初识 Go 语言时，总会拿其他语言的基本特性来类比 Go 语言，说白了就是老知识和新知识产生关联，实现更高的学习效率。最常见的类比，就是 “Go 语言如何实现面向对象？”，进一步展开就是 ...",
-    "url": "https://segmentfault.com/a/1190000040778618",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "5",
+    "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": 7
   },
   {
-    "title": "面试官一口气问了MySQL事务、锁和MVCC，我",
-    "description": "面试官：你是怎么理解InnoDB引擎中的事务的？候选者：在我的理解下，事务可以使「一组操作」要么全部成功，要么全部失败候选者：事务其目的是为了「保证数据最终的一致性」。候选者：举个例子，我给你发支付宝转...",
-    "url": "https://segmentfault.com/a/1190000040777218",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
-    "votes": "5",
+    "title": "66道前端算法面试题附思路分析助你查漏补缺",
+    "description": "本部分主要是 CavsZhouyou 在练习《剑指 Offer》时所做的笔记，主要涉及算法相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，帮助大家对算法的可以来一次全方位的检漏和排查，",
+    "url": "https://segmentfault.com/a/1190000040797373",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "8",
     "rank": 8
   },
   {
-    "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": "TypeScript 枚举指南",
+    "description": "枚举是受 TypeScript 支持的数据类型。枚举允许您定义一组命名常量。使用它们可以更轻松地记录意图或创建一组不同的案例。枚举大多数用于面向对象的编程语言（如 Java 和 C#）中，现在也可以 TypeScript 中使用。...",
+    "url": "https://segmentfault.com/a/1190000040800027",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "7",
     "rank": 9
   },
   {
-    "title": "有个开发者总结这 15 优雅的 JavaScript 个技巧",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040704570",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "7",
+    "title": "一文搞懂字典树",
+    "description": "字典树，是一种空间换时间的数据结构，又称Trie树、前缀树，是一种树形结构(字典树是一种数据结构)，典型用于统计、排序、和保存大量字符串。所以经常被搜索引擎系统用于文本词频统计。它的优点是：利用字符串的...",
+    "url": "https://segmentfault.com/a/1190000040801084",
+    "author": "bigsai",
+    "home_url": "https://segmentfault.com/u/bigsai",
+    "votes": "5",
     "rank": 10
   },
   {
-    "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": "7",
+    "title": "我是如何调试 Webpack 运行问题的",
+    "description": "全文 3000 字，欢迎点赞转发事情是这样的，某天有个小伙伴问我：为啥我的 webpack 运行完看不到我写的页面，而是：嗯？文件列表页？好吧，这种情况我似乎没遇到过，一下子没法给出答案，只能要来关键代码：重点看...",
+    "url": "https://segmentfault.com/a/1190000040798012",
+    "author": "范文杰",
+    "home_url": "https://segmentfault.com/u/fanwenjie",
+    "votes": "6",
     "rank": 11
   },
   {
-    "title": "基于HarmonyOS分布式技术，他们让绘画体验更为出色",
-    "description": "绘画，是很多人的兴趣爱好，但是想要创作优秀的作品并不容易。这不仅依赖于个人的灵光乍现，往往还需要他人协作及灵感的支持。目前市面上大多数绘画应用在单设备上的体验已经足够优秀，但是对跨设备交互的支持仍...",
-    "url": "https://segmentfault.com/a/1190000040795342",
-    "author": "第一视角",
-    "home_url": "https://segmentfault.com/u/awly3q3a",
-    "votes": "1",
+    "title": "React源码中的位运算技巧",
+    "description": "大家好，我卡颂。这两年有不少朋友和我吐槽React源码，比如：调度器为什么用小顶堆这种数据结构，直接用数组不行？源码里各种单向链表、环状链表，直接用数组不行？源码里各种位运算，有必要么？作为业务依赖的框...",
+    "url": "https://segmentfault.com/a/1190000040791673",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "7",
     "rank": 12
   },
-  {
-    "title": "深度剖析分布式事务性能",
-    "description": "随着微服务的大规模应用，跨微服务的分布式事务也越来越多，那么分布式事务的性能究竟怎么样？性能会下降多少？能否满足业务需求？这些指标关系到分布式事务能否顺利的引入到生产应用，是大家非常关心的问题。",
-    "url": "https://segmentfault.com/a/1190000040791009",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "4",
-    "rank": 13
-  },
   {
     "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",
+    "votes": "6",
+    "rank": 13
+  },
+  {
+    "title": "实战经验分享：使用 PyO3 来构建你的 Python 模块",
+    "description": "PyO3 主要用于创建原生 Python 的扩展模块。PyO3 还支持从 Rust 二进制文件运行 Python 代码并与之交互，可以实现 rust 与 Python 代码共存。在一些对性能要求较高的模块上，可以考虑使用 PyO3 构建对应的功能模...",
+    "url": "https://segmentfault.com/a/1190000040811460",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "6",
     "rank": 14
   },
   {
-    "title": "第六期:前端九条启发分享",
-    "description": "这个系列是原本叫'九条bug', 但是一直感觉名字不是很贴切, 想了很久决定从这次起改成九条启发(虽然名字还是很烂), 这次要分享的内容大部分是项目结构相关的, 让我们一起看看吧。",
-    "url": "https://segmentfault.com/a/1190000040774425",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "4",
+    "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": "从零开始实现一个颜色选择器（原生JavaScript实现）",
-    "description": "首先，我们无需搭建项目的环境，我们还是直接用最简单的方式，也就是引入的方式来创建这个项目，这样也就方便了我们一边编写一边测试。创建一个空目录，命名为ColorPicker,创建一个js文件，即color-picker.js,然...",
-    "url": "https://segmentfault.com/a/1190000040789940",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "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": "前端精读之前写了 23 篇设计模式总结文，再加上 6 种设计原则，开闭、单一职责、依赖倒置、接口分离、迪米特法则、里氏替换原则，基本上对代码的可维护性有了全面深刻的理解。",
-    "url": "https://segmentfault.com/a/1190000040791286",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "4",
+    "title": "深度剖析分布式事务性能",
+    "description": "随着微服务的大规模应用，跨微服务的分布式事务也越来越多，那么分布式事务的性能究竟怎么样？性能会下降多少？能否满足业务需求？这些指标关系到分布式事务能否顺利的引入到生产应用，是大家非常关心的问题。",
+    "url": "https://segmentfault.com/a/1190000040791009",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "6",
     "rank": 17
   },
   {
-    "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",
+    "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": "超一半企业工作站无法运行 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",
+    "title": "今天推荐，今年排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040814521",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 19
   },
   {
-    "title": "12种 vo2dto 方法，就 BeanUtils.copyProperties 压测最拉胯！【快双11了，别用错喽】",
-    "description": "没有技术深度、短缺知识储备、匮乏经验积累的前提下，怎么写代码？百度呀，遇到问题这搜一点，那查一块，不管它是什么原理还是适合哪种场景，先粘贴到自己的工程里，看，能跑了，能跑就行。那这样的代码也就仅仅...",
-    "url": "https://segmentfault.com/a/1190000040791635",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "3",
+    "title": "就因为JSON.stringify，我的年终奖差点打水漂了",
+    "description": "开发要对线上环境有一颗敬畏之心，任何一个点都有可能导致线上故障，也有可能让你的年终奖泡汤(⊙︿⊙)。比如使用了JSON.stringify，这个无比熟悉但又无比陌生的API。",
+    "url": "https://segmentfault.com/a/1190000040791087",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "7",
     "rank": 20
   },
   {
-    "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": "从零开始实现一个颜色选择器（原生JavaScript实现）",
+    "description": "首先，我们无需搭建项目的环境，我们还是直接用最简单的方式，也就是引入的方式来创建这个项目，这样也就方便了我们一边编写一边测试。创建一个空目录，命名为ColorPicker,创建一个js文件，即color-picker.js,然...",
+    "url": "https://segmentfault.com/a/1190000040789940",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "4",
     "rank": 21
   },
   {
-    "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": "基于HarmonyOS分布式技术，他们让绘画体验更为出色",
+    "description": "绘画，是很多人的兴趣爱好，但是想要创作优秀的作品并不容易。这不仅依赖于个人的灵光乍现，往往还需要他人协作及灵感的支持。目前市面上大多数绘画应用在单设备上的体验已经足够优秀，但是对跨设备交互的支持仍...",
+    "url": "https://segmentfault.com/a/1190000040795342",
+    "author": "第一视角",
+    "home_url": "https://segmentfault.com/u/awly3q3a",
+    "votes": "1",
     "rank": 22
   },
   {
-    "title": "React源码中的位运算技巧",
-    "description": "大家好，我卡颂。这两年有不少朋友和我吐槽React源码，比如：调度器为什么用小顶堆这种数据结构，直接用数组不行？源码里各种单向链表、环状链表，直接用数组不行？源码里各种位运算，有必要么？作为业务依赖的框...",
-    "url": "https://segmentfault.com/a/1190000040791673",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "分享一些web前端开发好用的网站",
+    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能...",
+    "url": "https://segmentfault.com/a/1190000040804708",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "5",
     "rank": 23
   },
   {
-    "title": "大大提高我们的构建体验5个 Vue 技巧",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040777202",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "title": "详解es6的export和import命令",
+    "description": "一直以来开发vue项目，对export和import的用法都比较模糊，看别人怎么写我就照葫芦画瓢，不报错或者功能实现就行，完全不懂其中的原理，今日闲下来了，就揭穿它们的真面目吧！",
+    "url": "https://segmentfault.com/a/1190000040792388",
+    "author": "花怀樱",
+    "home_url": "https://segmentfault.com/u/zero_599d47cbc8888zrn",
+    "votes": "4",
     "rank": 24
   },
   {
-    "title": "就因为JSON.stringify，我的年终奖差点打水漂了",
-    "description": "开发要对线上环境有一颗敬畏之心，任何一个点都有可能导致线上故障，也有可能让你的年终奖泡汤(⊙︿⊙)。比如使用了JSON.stringify，这个无比熟悉但又无比陌生的API。",
-    "url": "https://segmentfault.com/a/1190000040791087",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "5",
+    "title": "程序员写简历时的技术词汇拼写规范备忘录",
+    "description": "求职前，我们都会花很多的时间在自己的技术水平提升+笔/面试的准备之上，但往往却忽略了找工作第一步所需要的一个严谨且靠谱的简历。而程序员写简历，第一步就是需要注意严谨而规范地使用各种技术词汇。",
+    "url": "https://segmentfault.com/a/1190000040791119",
+    "author": "CodeSheep",
+    "home_url": "https://segmentfault.com/u/hansonwang99",
+    "votes": "4",
     "rank": 25
   },
   {
-    "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",
+    "title": "精读《可维护性思考》",
+    "description": "前端精读之前写了 23 篇设计模式总结文，再加上 6 种设计原则，开闭、单一职责、依赖倒置、接口分离、迪米特法则、里氏替换原则，基本上对代码的可维护性有了全面深刻的理解。",
+    "url": "https://segmentfault.com/a/1190000040791286",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "4",
     "rank": 26
   },
   {
-    "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": "建设高并发系统的一些经验总结",
+    "description": "关于如何建设高并发系统的一些经验总结，仅供参考，欢迎交流。前言基础设施数据库架构应用规范总结前言离开饿了么有一段时间了，在饿了么期间从2017年开始接手运单系统的开发和维护工作，从最早的日均百万单，到...",
+    "url": "https://segmentfault.com/a/1190000040788842",
+    "author": "listen_",
+    "home_url": "https://segmentfault.com/u/listen_",
+    "votes": "4",
     "rank": 27
   },
   {
-    "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": "Elasticsearch 存储成本省 60%，稿定科技干货分享",
+    "description": "稿定科技旗下稿定设计产品是一个聚焦商业设计的多场景在线设计平台，打破了软硬件间的技术限制，汇集创意内容与设计工具于一体，为不同场景下的设计需求提供优质的解决方案，满足图片、视频等全类型媒介的设计需...",
+    "url": "https://segmentfault.com/a/1190000040806031",
+    "author": "JuiceFS",
+    "home_url": "https://segmentfault.com/u/juicefs",
+    "votes": "5",
     "rank": 28
   },
   {
-    "title": "DrawIO 二开 —— 是时候给你的 ProcessOn 充值终身 VIP 了",
-    "description": "本文从使用角度入手，循序渐进的讲述 DrawIO 是什么，为什么要基于 DrawIO 进行二次开发以及 DrawIO 二次开发的核心技术细节并抽象出了一套通用二开架构，因此文章内容较长，不同阶段的读者可以根据需求进行阅读...",
-    "url": "https://segmentfault.com/a/1190000040793817",
-    "author": "云音乐大前端团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
+    "title": "前端-选择开发工具",
+    "description": "Webstorm是一款针对前端的集成开发工具（IDE），研发公司是jetbrains，它提供社区版（免费）和商业版（付费），对于入门开发，社区版基本够用。优点是Webstorm环境集成比较完善，功能使用比较容易上手。",
+    "url": "https://segmentfault.com/a/1190000040800441",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "程序员写简历时的技术词汇拼写规范备忘录",
-    "description": "求职前，我们都会花很多的时间在自己的技术水平提升+笔/面试的准备之上，但往往却忽略了找工作第一步所需要的一个严谨且靠谱的简历。而程序员写简历，第一步就是需要注意严谨而规范地使用各种技术词汇。",
-    "url": "https://segmentfault.com/a/1190000040791119",
-    "author": "CodeSheep",
-    "home_url": "https://segmentfault.com/u/hansonwang99",
-    "votes": "2",
+    "title": "KonvaJS 原理解析",
+    "description": "为了解决这个痛点，诞生了例如 PIXI、ZRender、Fabric 等 Canvas 库。今天要讲的 Konva 也是一个很优秀的 Canvas 框架，API 封装简洁易懂，基于 TypeScript 实现，有 React 和 Vue 版本。",
+    "url": "https://segmentfault.com/a/1190000040790908",
+    "author": "尹光耀",
+    "home_url": "https://segmentfault.com/u/yinguangyao",
+    "votes": "3",
     "rank": 30
   }
 ]