前端/移动开发面试题 · 性能优化 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 178 道 · 更新 2026-08-05
筛选题目已选：性能优化 · CSS
考察点
技术栈
第 61 题实习做的前端性能优化，怎么分析性能瓶颈？ 考察前端性能分析的方法论与实战能力第 62 题请解释CSS中link和@import引入外部样式的区别。 考察对CSS引入方式差异及性能影响的掌握第 63 题怎么优化首屏加载速度？ 考察前端性能优化的系统性思考与实际落地能力第 64 题如何将雪碧图（CSS Sprites）拆分为独立的图片文件，并确保页面样式正确更新？ 考察前端性能优化中雪碧图拆分的具体技术操作与注意事项第 65 题不使用组件库的情况下，如何在前端项目中实现明暗模式切换？ 考察前端主题状态管理、CSS 变量和持久化方案的设计能力第 66 题CSS会阻塞DOM的解析吗？ 考察对浏览器渲染机制和CSS加载对解析流程影响的理解第 67 题viewport的作用是什么？ 考察对移动端布局和响应式设计关键概念的理解第 68 题在前端开发中，JavaScript、CSS、Three.js 和 Vue 这些技术各自在运行时的内存开销有什么特点？如何评估和优化它们的内存使用？ 考察对前端技术栈内存特性的理解与优化意识第 69 题为什么 JavaScript 会阻塞渲染，而 CSS 也会影响渲染？ 考察对浏览器渲染机制、阻塞行为和资源加载策略的理解第 70 题CSS transform 是否会触发回流（reflow）和重绘（repaint）？请说明原因。 考察对浏览器渲染机制、布局与合成层以及 transform 性能特性的理解第 71 题CSS 动画中，将一个元素从 100px 放大到 200px，有哪些性能优化方法？ 考察 CSS 动画性能优化及对合成器、重排重绘原理的理解第 72 题你刚刚提到触发重排这件事情，有哪些CSS属性会引起重排？ 考察CSS布局与重排机制的掌握程度第 73 题请解释什么是关键路径渲染（Critical Rendering Path），并说明如何优化。 考察对浏览器渲染机制的理解及性能优化能力第 74 题请详细解释浏览器的回流(Reflow)和重绘(Repaint),并说明如何通过CSS属性如transform 和 opacity来避免回流。 考察浏览器渲染机制的理解及性能优化实践第 75 题重绘和回流的区别是什么，如何减少回流？ 考察浏览器渲染机制的理解与性能优化能力第 76 题浏览器渲染首页的流程是怎样的？ 考察对浏览器渲染机制的理解，包括HTML、CSS、JavaScript的处理顺序第 77 题CSS动画都有哪些实现？ 考察CSS动画技术的种类、适用场景与性能意识第 78 题CSS实现动画的方式有哪些？请具体描述一下。 考察对CSS动画核心技术的掌握程度与实现细节的理解第 79 题JavaScript 和 CSS 文件是否适合放入 CDN？请说明理由和注意事项。 考察静态资源是否适宜 CDN 以及缓存与版本管理第 80 题border-box 的作用是什么？在什么场景下推荐使用？ 考察对 border-box 实际应用价值的理解