性能优化部分
前端性能优化指标
- fp fcp
- performance.getEntries();
- 前端开发的性能分析工具(WebPageTest)
浏览器5种observer
- MutationObserver（监听元素属性和子节点的变化）
- IntersectionObserver（监听元素可见性的变化）
- PerformanceObserver（监听performance的记录行为）
- ResizeObserver（监听元素大小变化）
- ReportingObserver（监听过时的API，浏览器干预行为比如自动删除占用CPU较多的Iframe广告）
前端性能优化方案
- 预加载loading
- 减少http请求如雪碧图
- 路由懒加载 import异步导入
- 图片懒加载 原生data-src
- webpack Plugin对js、css、图片等进行压缩
- 双端开启gzip压缩
工作中有封装自己的业务组件
- 公共返回头（header）、底部导航（tabbar）、商品列表加载更多（list）、轮播图（swiper）
- table表格二次封装
主题配置
webpack loader 插件extract-text-webpack-plugin 动态色值，动态切换
mpvue、uniapp
- mpvue(美团)基于vue开发小程序的框架 修改了vue中的runtime 和 compiler
- uniapp(DCloud公司)基于vue开发的跨平台框架
echarts 和 antv的区别
- echarts图表为主 社区成熟
- antv（蚂蚁金服）图形为主 可拓展性高、灵活性更高。PC端（G2）、移动端（F2）
