前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
标签： SVG
读书笔记:《数据可视化实战：使用D3设计交互式图表》 – [美] Scott Murray 著 / 李松峰 译
读完时间：2021 年 11 月 4 日
出版时间：2020 年 9 月
5.2 绑定数据
数据可视化说到底就是把数据映射成图形——输入数据，输出图形。
D3 绑定的数据没有出现在 DOM 中，而是作为该元素的 data 属性保存在内存里。
可以把 d 想象成一个寂寞的小占位值，它需要一点温暖，包括来自和蔼可亲的函数圆括号的拥抱。
"读书笔记:《数据可视化实战：使用D3设计交互式图表》 – [美] Scott Murray 著 / 李松峰 译"继续阅读
读书笔记:《SVG精髓》 – [美] J. David Eisenberg / [加] Amelia Bellamy-Royds 著 / 易郑超 何鹏飞 译
读完时间：2021 年 9 月 30 日
出版时间：2015 年 9 月
1.1 图形系统
计算机中描述图形信息的两大系统是栅格图形（raster graphics）和矢量图形（vector graphics）。
"读书笔记:《SVG精髓》 – [美] J. David Eisenberg / [加] Amelia Bellamy-Royds 著 / 易郑超 何鹏飞 译"继续阅读
读书笔记:《SVG动画》 – [美]莎拉·德拉斯纳 著 / 大漠 译
读完时间：2021 年 8 月 18 日
出版时间：2018 年 5 月
viewBox 和 preserveAspectRatio
viewBox的值并没有带单位，这是因为SVG可视空间并不是基于像素来设定的，而是一个可任意延展的空间，这样就可以适应许多不同的尺寸。
"读书笔记:《SVG动画》 – [美]莎拉·德拉斯纳 著 / 大漠 译"继续阅读