随笔分类 -  优化

摘要:页面卡顿的本质是浏览器无法在16.7毫秒内完成一帧的渲染工作(以达到60FPS的流畅度)。 问题根源可归为两大类:CPU计算瓶颈和I/O等待瓶颈。 一、 CPU瓶颈(主线程过载) 根本原因: JavaScript是单线程的。主线程负责执行JS、计算样式、布局、绘制等。一个长时间任务会阻塞整个线程。 阅读全文
posted @ 2025-09-25 22:30 HuangBingQuan 阅读(220) 评论(0) 推荐(0)
摘要:使用Key 对于通过循环生成的列表,应该给列表每一项一个稳定且唯一的key,这个有利于在列表变动时,尽量减少删除,新增,改动元素。 使用冻结的对象 冻结的对象不会被响应化,应用场景(当一个列表无需变化时可以使用) 使用函数式组件 在模板中 添加 functional标记 在js中添加function 阅读全文
posted @ 2024-03-31 20:55 HuangBingQuan 阅读(33) 评论(0) 推荐(0)
摘要:分析打包结果 由于vue-cli是利用webpack进行打包,我们仅需加入一个webpack插件webpack-bundle-analyzer即可分析打包结果 // vue.config.js const BundleAnalyzerPlugin = require("webpack-bundle- 阅读全文
posted @ 2024-03-26 10:09 HuangBingQuan 阅读(73) 评论(0) 推荐(0)