前端性能优化

主要介绍了浏览器全屏的基本方法：是否支持全屏、全屏、退出全屏、获取全屏元素、全屏事件监听、按钮事件监听等等，以及项目中 Ant Design Tooltip 的问题解决，screenfull 库的使用

主要汇总了一下最近开发时碰到的一些问题，如 git bash 上传代码连不上服务导致超时、npm 镜像过期导致安装依赖失败、富文本编辑器文字显示异常等等，解决方法供大家参考，也欢迎大家指教，互相学习！

介绍了前端性能分析工具，也介绍了包分析工具，还进行了项目优化实战，对第三方库进行按需引入，开启gzip压缩配置，进行代码分割等等，尽量减少构建包的大小，提升页面渲染速度。

主要介绍代码分割(Code Splitting)，使用SplitChunksPlugin插件，将第三方库或者公共基础组件进行单独打包，合理利用缓存，进行按需或者并行加载，提高首屏加载速度

性能优化重构方案和计划，如业务逻辑重构、通用组件重构、系统稳定性重构、内存泄漏排查、无用资源删除、性能部分重构

基于细节进行性能实战优化处理，包括 Quasar 重构，图片压缩和 base64 转化，SplitChunksPlugin 代码分割，组件性能优化，代码重构方案、lighthouse分析优化等等

cookie，localStorage，sessionStorage和浏览器数据库IndexDB的对比，对浏览器存储进行了通用封装，避免无痕模式下浏览器存储无法使用，导致开发保存数据失败

前两天刚看了一篇文章“应用性能前端监控，字节跳动这些年经验都在这了”，决定试用一下这个“应用性能监控全链路版”系统

图片的优化处理汇总，包括选择合适的图片格式，图片压缩，CSS Sprites(雪碧图，CSS 精灵)，图片懒加载，CSS 替换实现，base64 格式，iconfont 字体图标，使用 CDN等等

Lighthouse超详细实战分析，包括Performance性能、Accessibility无障碍、Best Practices最佳实践、SEO搜索引擎优化、PWA渐进式 web 应用

主要是记录解决项目中的一个浏览器崩溃，页面强制刷新问题的思路和方法，涉及的操作有modal弹框，pdf预览，签字，canvas截取视频流等