前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
标签： BASE64
通过 JavaScript 将 Base64 生成图片并下载
讲述了如何使用 JavaScript 和 HTML 代码实现 Base64 编码的图片生成和下载。首先，使用 HTML 创建一个下载按钮和一个存放内容的 div。然后，利用 JavaScript 和 html2canvas.js 库将 div 内容转换为 canvas，并进一步转换为 Base64 编码的图片。最后，将图片数据进行处理并下载。