前端面试-性能优化篇

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了前端面试-性能优化篇，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1001字，纯文字阅读大概需要2分钟。

内容图文

一、网络优化 1 使用CDN 2 利用缓存：304缓存（可以举例vue的打包和服务端设置响应头缓存）、serviceworker、sessionstorage、localstorage、indexdb(websql兼容性不好) 3 减少请求和体积（开户gzip、合并请求和文件、压缩代码和图片）
4 按需加载（图片、模块） ? 一、代码优化 减少代码执行次数（按需执行、防抖节流、提高代码复用率、多使用浏览器内置的api（例如冒泡排序可以用Math.sor和Object.assign）） ? 三、渲染优化 1 减少重排（回流），以下操作会触发重排： ? ? 1）节点的变化（添加、删除、位置、尺寸、样式） ? ? 2）访问offsetWidth，offsetLeft，scrollTop，scrollHeight（浏览器为了保证获取到正确的值），不一定，面试可以 回答这点 ? ? 3）浏览器的窗口尺寸变化 优化（主要是减少操作、合并操作、移出文档流操作）： ? ??样式拼接好赋值给style.cssText、或者切换类名 ? ? 先在fragment进行节点操作 ? ? 将元素移除再操作、设置none、absolute/fixed、innerHtml ? 2 减少重绘（css改变、visibility、背景色等，一般是颜色等不引起文档结构变化时发生的） ?注：重绘不一定导致重排，但重排一定会导致重绘。 ? 3 渲染量大则分片渲染 例如超长列表只渲染可视区域

内容总结

以上是互联网集市为您收集整理的前端面试-性能优化篇全部内容，希望文章能够帮你解决前端面试-性能优化篇所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---