blueju

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第27天，点击查看活动详情。 原创|进阶图（一）：主面板开发 前言 本文介绍原创作品，进阶图的开发过程和开发思路，以及用到的关键技术点

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第28天，点击查看活动详情。 原创|进阶图（二）：关联资料和缩放支持设计 前言 本文接续进阶图（一），在前文已经完成进阶图主面板开发，

会用的知识技术才算学到的，进阶图的每一步都是作者原创，市面上并没有发现参考库，虽说难度不大，但这其中也涉及到不少的前端知识技术点，最重要的是涉及到的思维组织，逻辑设计，技术点的灵活配套运用，知道该用什

那么这些方法都是谁？都有啥特性？应该如何使用这些数组方法？我们深入仔细的了解它们，是为了更好的利用他们，在对应的场景选择更合适的操作数组方法，而不是能实现就行，这也许就是优雅之路？

shift() 方法从数组中删除第一个元素，并返回该元素的值。splice 把crud 中的增删改都实现了呀，真是个多功能的方法。

本文主要分为三点，①是 Array.sort() ，②是 Array.reverse()，③是本系列的总结。sort() 方法用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字

关于 **margin collapsing** 翻译为外边距塌陷还是折叠这事，都有人提，我个人更倾向于折叠。折叠挺好理解啊，你有下外边距，我有上外边距，两边一靠近，重合折叠了。塌陷嘛，有一边塌了没了

userAgent 是 Navigator 的只读属性，返回当前浏览器的用户代理字符串。即是返回用户当前使用的浏览器的能代表浏览器的字符串标识。

飘窗，即一个类似小窗子的在网页上移动的矩形元素，通常被用于一些通知类的应用场景，飘窗与横幅相比，更显眼更具有强调感和动画感，在视觉上更有冲击性，在体验上互动性也更强。