@wcj/github-rank 22.6.20 → 22.6.23

package/dist/sifou-weekly.json

@@ -1,20 +1,20 @@
 [
   {
-    "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
-    "description": "看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...",
-    "url": "https://segmentfault.com/a/1190000041974425",
-    "author": "水冗水孚",
-    "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "23",
+    "title": "CSS实现可拉伸调整尺寸的分栏布局",
+    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
+    "url": "https://segmentfault.com/a/1190000042006775",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "20",
     "rank": 1
   },
   {
-    "title": "让拖拽更加人性化？如何自定义dragover样式",
-    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
-    "url": "https://segmentfault.com/a/1190000041974546",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
+    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
+    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
+    "url": "https://segmentfault.com/a/1190000041998615",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "18",
     "rank": 2
   },
   {
@@ -26,22 +26,22 @@
     "votes": "7",
     "rank": 3
   },
+  {
+    "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
+    "description": "一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。",
+    "url": "https://segmentfault.com/a/1190000042010573",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "11",
+    "rank": 4
+  },
   {
     "title": "前端性能监测，Runtime Performance Debug 技巧",
     "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
     "url": "https://segmentfault.com/a/1190000041990709",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "7",
-    "rank": 4
-  },
-  {
-    "title": "为什么Hook没有ErrorBoundary？",
-    "description": "在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。",
-    "url": "https://segmentfault.com/a/1190000041974765",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
+    "votes": "10",
     "rank": 5
   },
   {
@@ -54,218 +54,218 @@
     "rank": 6
   },
   {
-    "title": "使用 content-visibility 优化渲染性能",
-    "description": "content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。",
-    "url": "https://segmentfault.com/a/1190000041980427",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
+    "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
+    "url": "https://segmentfault.com/a/1190000042012599",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "6",
     "rank": 7
   },
   {
-    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
-    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
-    "url": "https://segmentfault.com/a/1190000041998615",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "7",
+    "title": "玩转 AbortController 控制器",
+    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
+    "url": "https://segmentfault.com/a/1190000042001788",
+    "author": "jump__jump",
+    "home_url": "https://segmentfault.com/u/jump_and_jump",
+    "votes": "5",
     "rank": 8
   },
   {
-    "title": "【实操干货】做好这 16 项优化，你的 Linux 操作系统焕然一新",
-    "description": "大家好，这次跟大家谈谈又拍云的操作系统优化方案。往简单地说，我们使用的 Linux 操作系统主要都是基于 CentOS6/7 的精简和优化。往复杂地说，则是我们有两套系统，业务上使用的定制 Linux 系统和数据中心使用的...",
-    "url": "https://segmentfault.com/a/1190000041974556",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
+    "title": "React新文档：不要滥用Ref哦～",
+    "description": "React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。",
+    "url": "https://segmentfault.com/a/1190000041991074",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "8",
     "rank": 9
   },
   {
-    "title": "Redis都有哪些使用场景",
-    "description": "Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...",
-    "url": "https://segmentfault.com/a/1190000041985101",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
-    "votes": "4",
+    "title": "如何移除你项目中99%的JS代码",
+    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
+    "url": "https://segmentfault.com/a/1190000042011578",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "5",
     "rank": 10
   },
   {
-    "title": "什么是走索引？",
-    "description": "索引是一种利用某种规则的数据结构与实际数据的关系加快数据查找的功能。我们的数据库中存储有大量的内容，而索引能够通过数据节点，根据特定的规则和算法快速查找到节点对应的实际文件的位置。简单来说索引就像...",
-    "url": "https://segmentfault.com/a/1190000041986392",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "title": "有意思的鼠标指针交互探究",
+    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
+    "url": "https://segmentfault.com/a/1190000042012558",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
     "rank": 11
   },
   {
-    "title": "SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！",
-    "description": "Python，是一种面向对象、直译式电脑编程语言，也是一种功能强大的通用型语言，已经具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法非常简捷...",
-    "url": "https://segmentfault.com/a/1190000041986657",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "3",
+    "title": "Sass应用之实现主题切换",
+    "description": "实现主题切换有几种不同的方案，比如使用CSS变量，使用JavaScript动态加载对应的主题样式文件等。本文主要讲的是如何使用Sass实现主题切换。",
+    "url": "https://segmentfault.com/a/1190000042003368",
+    "author": "玛尔斯通",
+    "home_url": "https://segmentfault.com/u/zhouqichao",
+    "votes": "4",
     "rank": 12
   },
   {
-    "title": "HTML DOM querySelectorAll() 代替 jquery的 $('') CSS选择器",
-    "description": "querySelectorAll()方法返回文档中匹配指定CSS选择器的所有元素，其效果与jquery的$('')选择器一样，不同的就是querySelectorAll()方法是Js原生方法，无需引入jquery.min.js库。",
-    "url": "https://segmentfault.com/a/1190000041984588",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "2",
+    "title": "敲了几万行源码后，我给Mybatis画了张“全地图”",
+    "description": "作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、说说：“产”后感受🤔有人跟我说，手写Spring难，手写Mybatis易？一股神奇的力量，让我在手写完 Spring 后，开始对 Mybatis 下手。最开...",
+    "url": "https://segmentfault.com/a/1190000042006269",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "4",
     "rank": 13
   },
   {
-    "title": "2022中国信通院安全运营发展论坛成功召开",
-    "description": "6月10日，由中国信息通信研究院（以下简称“中国信通院”）主办的安全运营发展论坛在京召开。会上中国信通院公布了最新安全运营中心（SOC）能力评估、云工作负载保护平台（CWPP）能力评估与案例评选结果，发布《主...",
-    "url": "https://segmentfault.com/a/1190000041983409",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
+    "title": "系统困境与软件复杂度，为什么我们的系统会如此复杂",
+    "description": "有一天，一个医生和一个土木工程师在一起争论“谁是世界上最古老的职业”。医生说：“上帝用亚当的肋骨造出了夏娃，这是历史上第一次外科手术，所以最古老的职业应该是医生”，土木工程师说：“在创世纪之前，上帝从混...",
+    "url": "https://segmentfault.com/a/1190000041998329",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
+    "votes": "3",
     "rank": 14
   },
   {
-    "title": "如何使用 GitHub 讨论作为您博客的聊天系统",
-    "description": "在GitHub Discussions(讨论区)的帮助下，你可以把你的博客的评论提升到一个新的水平。在这篇文章中，我将解释如何将GitHub讨论整合到你的博客中并充分利用它。",
-    "url": "https://segmentfault.com/a/1190000041976390",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
+    "title": "利用微信公众号提供的官方API上传图片获取永久图片素材！当图床用！",
+    "description": "自己开发的小程序，例如社区类、电商类、新闻、博客等类型小程序，会需要储存很多图片，图片资源会给个人开发者带来很多成本，万一访问量大了，网站带宽、流量也会不堪重负，所以图片资源必然不合适储存在自己的...",
+    "url": "https://segmentfault.com/a/1190000041998801",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
     "votes": "2",
     "rank": 15
   },
   {
-    "title": "React新文档：不要滥用Ref哦～",
-    "description": "React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。",
-    "url": "https://segmentfault.com/a/1190000041991074",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
+    "title": "React Native如何做线上错误与性能监控",
+    "description": "我们每个人可能都会遇到这样的问题：即我们的代码在本地测试时没有问题，但是一上线运行，就会遇到各种奇奇怪怪的线上 Bug。由于本地测试场景并不能全面覆盖，对于这种线上的Bug，最有效的手段就是搭建线上监控系...",
+    "url": "https://segmentfault.com/a/1190000042008592",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "1",
     "rank": 16
   },
   {
-    "title": "玩转 AbortController 控制器",
-    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
-    "url": "https://segmentfault.com/a/1190000042001788",
-    "author": "jump__jump",
-    "home_url": "https://segmentfault.com/u/jump_and_jump",
-    "votes": "3",
+    "title": "十年老友记 | @依云：曾经看到一句话：Coding changes the world!",
+    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
+    "url": "https://segmentfault.com/a/1190000041992859",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "2",
     "rank": 17
   },
   {
-    "title": "喜提JDK的BUG一枚！多线程的情况下请谨慎使用这个类的stream遍历。",
-    "description": "前段时间在 RocketMQ 的 ISSUE 里面冲浪的时候，看到一个 pr，虽说是在 RocketMQ 的地盘上发现的，但是这个玩意吧，其实和 RocketMQ 没有任何关系。",
-    "url": "https://segmentfault.com/a/1190000041975524",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "2",
+    "title": "正式发布丨Visual Studio Code 1.68",
+    "description": "欢迎使用5 月发布的 Visual Studio Code，本次发布的亮点如下：▌Configure Display LanguageConfigure Display Language命令已更新为包括：该语言的语言名称。Available languages显示您的计算机上未安装哪些语言...",
+    "url": "https://segmentfault.com/a/1190000041989813",
+    "author": "微软技术栈",
+    "home_url": "https://segmentfault.com/u/mstech",
+    "votes": "1",
     "rank": 18
   },
   {
-    "title": "项目中关于解构的常用用法",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041973838",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "剖析 SPI 在 Spring 中的应用",
+    "description": "SPI（Service Provider Interface），是Java内置的一种服务提供发现机制，可以用来提高框架的扩展性，主要用于框架的开发中，比如Dubbo，不同框架中实现略有差异，但核心机制相同，而Java的SPI机制可以为接口寻找...",
+    "url": "https://segmentfault.com/a/1190000041993253",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "2",
     "rank": 19
   },
   {
-    "title": "Java 基础常见知识点&面试题总结(中)，2022 最新版！| JavaGuide",
-    "description": "你好，我是 Guide。秋招即将到来，我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。上篇：Java 基础常见知识点&面试题总结(上)，2022 最新版！原文地址： [链接]面向对象基础面向...",
-    "url": "https://segmentfault.com/a/1190000041978372",
-    "author": "JavaGuide",
-    "home_url": "https://segmentfault.com/u/javaguide",
-    "votes": "2",
+    "title": "十年老友记 | @王子亭：编程让我享受创造和解决问题的过程",
+    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
+    "url": "https://segmentfault.com/a/1190000041993356",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "得物前端唤端业务场景和技术精讲",
-    "description": "当你在刷朋友圈时突然看到一个潮鞋广告，正是你非常喜欢、一直想买的那款而且价格美丽，于是你兴奋地点击广告直接打开了购物App，并且直接进入刚刚看到的潮鞋详情页，你只需要直接点击购买就能得到这双你期待已久...",
-    "url": "https://segmentfault.com/a/1190000041986500",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "Go 内联优化能让程序快多少？",
+    "description": "最近周末在家学习时看到 @Dave Cheney 的《Inlining optimisations in Go》还是有不少养分的，翻译分享给大家，有所修整、删减。",
+    "url": "https://segmentfault.com/a/1190000042007938",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "1",
     "rank": 21
   },
   {
-    "title": "实战模拟│企业微信机器人实时报错预警",
-    "description": "一、创建机器人选择群 ► 右键 ► 管理聊天信息 ► 添加群机器人完善机器人基本信息，包括头像、名称等二、机器人配置说明创建好的机器人都有一个唯一的 webhook 地址一定要保护好自己的 webhook 地址，如果一旦泄露...",
-    "url": "https://segmentfault.com/a/1190000041974376",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
-    "votes": "1",
+    "title": "JS实现将文字转换为语音并自动播放",
+    "description": "如果是相对固定的场景，并且语音有限的情况下，可以采用录制的方式，即先录制好所有的音频资源，然后根据业务场景播放相应的音频即可；但是如果场景不固定，需要的语音也不一样时，采用录制的方式的话，音频资源...",
+    "url": "https://segmentfault.com/a/1190000041989692",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "客观评价 增长趋势比 vite 还猛的 TailwindCSS",
-    "description": "作者：pxn > 来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041969112",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "【Java面试】TCP协议为什么要设计三次握手？",
+    "description": "一个工作5年的粉丝，最近去面试了很多公司，每次都被各种技术原理题问得语无伦次。由于找了快1个月时间的工作，有点焦虑，来向我求助。我能做的只是保证每天更新一个面试题，然后问他印象最深刻的一个面试题是什...",
+    "url": "https://segmentfault.com/a/1190000041991850",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "4",
     "rank": 23
   },
   {
-    "title": "还在用Navicat？这款开源的数据库管理工具界面更炫酷！",
-    "description": "数据库管理工具，是后端程序员使用频率非常高的的工具。Navicat、DataGrip虽然很好用，但都是收费的。最近在逛Github的时候，无意间发现了一款开源的数据库管理工具Beekeeper Studio，界面非常炫酷推荐给大家！",
-    "url": "https://segmentfault.com/a/1190000041979445",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "1",
+    "title": "美团综合业务推荐系统的质量模型及实践",
+    "description": "推荐系统是效果导向的数据应用服务，在功能的“有”和“无”之间，有很长的效果“好”和“坏”的光谱。本文以用户请求的粒度建立质量模型，通过数据血缘关联了数据表、算法模型、系统服务和用户请求，并结合美团综合业务...",
+    "url": "https://segmentfault.com/a/1190000041996173",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "2",
     "rank": 24
   },
   {
-    "title": "利用微信公众号提供的官方API上传图片获取永久图片素材！当图床用！",
-    "description": "自己开发的小程序，例如社区类、电商类、新闻、博客等类型小程序，会需要储存很多图片，图片资源会给个人开发者带来很多成本，万一访问量大了，网站带宽、流量也会不堪重负，所以图片资源必然不合适储存在自己的...",
-    "url": "https://segmentfault.com/a/1190000041998801",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "2",
+    "title": "怎样写个sdk嵌套到别的项目？",
+    "description": "需求：客户的项目需要用我们的功能，且需要提供个modal嵌入到他们的项目里，在他们的table中点击对应的item，弹出我提供的modal。解决方案项目使用cra构建，使用webpack@5.70.0的library导出为一个库给第三方使用...",
+    "url": "https://segmentfault.com/a/1190000041994702",
+    "author": "assassin_cike",
+    "home_url": "https://segmentfault.com/u/assassin",
+    "votes": "1",
     "rank": 25
   },
   {
-    "title": "View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography 组件",
-    "description": "新增排版组件 Typography，内置丰富的内容排版 UI，支持拷贝、可编辑、省略等功能。Typography 共包含 5 个组件：Typography 内容结构",
-    "url": "https://segmentfault.com/a/1190000041975376",
-    "author": "Aresn",
-    "home_url": "https://segmentfault.com/u/aresn",
-    "votes": "1",
+    "title": "Vue3 Teleport，这个是真的好用！",
+    "description": "点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。",
+    "url": "https://segmentfault.com/a/1190000042006317",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "十年老友记 | @依云：曾经看到一句话：Coding changes the world!",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041992859",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
+    "title": "JS从扁平array转tree",
+    "description": "有时我们需要从扁平的数组结构(flat array)，根据id，和pid构建出树形数组结构(tree array)，这种情形经常出现在嵌套的目录结构，如下图：",
+    "url": "https://segmentfault.com/a/1190000042003658",
+    "author": "来了老弟",
+    "home_url": "https://segmentfault.com/u/laomao_5902e12974409",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "十年老友记 | @王子亭：编程让我享受创造和解决问题的过程",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041993356",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "title": "Proxy学习",
+    "description": "Map，Set，Date，Promise 等内置类型，都使用了所谓的\"内部插槽\"，类似于对象的私有属性，不允许外部访问，所以当代理没做处理时，直接代理他们会发生错误。",
+    "url": "https://segmentfault.com/a/1190000041992118",
+    "author": "小绵羊",
+    "home_url": "https://segmentfault.com/u/xiaomianyang_5a5c183e17d47",
+    "votes": "1",
     "rank": 28
   },
   {
-    "title": "云音乐预估系统建设与实践",
-    "description": "预估系统的核心任务是完成模型计算，可以认为模型就是一个函数（举例：f(x1, x2)= ax1 + bx2 +c）。其中参数a、b、c是通过模型训练得出的权重值，自变量x1与x2就是特征，模型计算就是使...",
-    "url": "https://segmentfault.com/a/1190000041988087",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "1",
+    "title": "编程技巧│浏览器 Notification 桌面推送通知",
+    "description": "一、什么是 NotificationNotification 是浏览器最小化后在桌面显示消息的一种方法类似于 360 等流氓软件在桌面右下角的弹窗广告它与浏览器是脱离的，消息是置顶的二、弹窗授权授权当前页面允许通知可以通过检查只...",
+    "url": "https://segmentfault.com/a/1190000041998200",
+    "author": "极客飞兔",
+    "home_url": "https://segmentfault.com/u/autofelix",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "正式发布丨Visual Studio Code 1.68",
-    "description": "欢迎使用5 月发布的 Visual Studio Code，本次发布的亮点如下：▌Configure Display LanguageConfigure Display Language命令已更新为包括：该语言的语言名称。Available languages显示您的计算机上未安装哪些语言...",
-    "url": "https://segmentfault.com/a/1190000041989813",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
+    "title": "基于xgplayer编写一个artc插件，实现阿里云低延迟直播",
+    "description": "最近一直在配合业务和集团的小伙伴处理一些直播上的需求。他们起先看上了磐厚年会的那个直播项目，里面的弹幕功能和一些播放功能都是他们觉得符合他们诉求的内容。",
+    "url": "https://segmentfault.com/a/1190000041992498",
+    "author": "JFJSWEB",
+    "home_url": "https://segmentfault.com/u/jfjsweb",
     "votes": "1",
     "rank": 30
   }