IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

offset系列相关属性可以动态地获取该元素的位置(偏移)、大小等，通过client相关的属性可以动态地得到该元素的边框大小，元素大小等，使用scroll系列相关属性可以动态获得该元素的大小、滚动距离

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

作为前端开发者，最趁手的搬砖工具无外乎 Webstorm 和 VSCode，在下使用 Webstorm 较多，总结了一些不错的插件和实用 Tips，希望能帮到你~