随笔分类 -  性能优化

网页性能优化方法
摘要:虚拟列表 什么是虚拟列表 虚拟列表是一种根据滚动容器元素的可视区域来渲染长列表数据中某一个部分数据的技术 为什么需要虚拟列表 虚拟列表是对长列表的一种优化方案。在前端开发中,会碰到一些不能使用分页方式来加载列表数据的业务形态,我们称这种列表叫做长列表。比如,手机端,淘宝商品展示,美团外卖等,数据量特 阅读全文
posted @ 2020-11-19 11:21 渡心° 阅读(2160) 评论(0) 推荐(0)
摘要:利用Object.freeze() 提升性能 Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。此外,冻结一个对象后该对象的 阅读全文
posted @ 2020-07-09 13:56 渡心° 阅读(850) 评论(1) 推荐(1)
摘要:gzip 在vue项目中安装依赖并将productionGzip改为true,开启Gzip压缩:npm install --save-dev compression-webpack-plugin 运行 npm run build打包项目,这时可能会报错,提示ValidationError: Comp 阅读全文
posted @ 2020-07-09 10:51 渡心° 阅读(1132) 评论(0) 推荐(1)