前端/移动开发面试题 · 性能优化 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 178 道 · 更新 2026-08-05
筛选题目已选：性能优化 · CSS
考察点
技术栈
第 21 题除了CSS精灵图，前端优化图片加载性能还有哪些类似的方法？ 考察前端性能优化中减少HTTP请求与图片加载的多种方案及其适用场景第 22 题怎么理解CSS的重排重绘，哪些属性会导致重排，怎么重绘，重排会对所有元素重排吗还是只对部分区域？ 考察浏览器渲染机制、重排重绘的触发条件及性能影响范围第 23 题使用过哪些动画，你认为实现一个动画的难点是什么？ 考察前端动画实践经验与对动画性能、复杂度的理解第 24 题怎么实现向右移动10px？请结合性能，谈谈浏览器的重绘和重排。 考察CSS实现方式的选择及其对浏览器渲染性能的影响第 25 题给你一个双栏布局的结构，鼠标可以拖动两栏之间的边使这条边移动，两边宽度变化，如何实现？ 考察前端布局交互实现能力，包括事件处理、布局计算和边界优化第 26 题如果页面宽度或高度变化，基于 offsetTop 和 scrollTop 的传统懒加载实现该如何动态适配？请说明你的思路。 考察对懒加载实现原理、布局变化影响及事件监听机制的理解第 27 题从输入 URL 到页面完整显示，浏览器的渲染流程是怎样的？ 考察浏览器核心渲染机制与网络加载的整体理解第 28 题在手机端，一个宽度和高度都设置为30px的div中放置一张图片，图片实际显示尺寸应该是多大？请解释DPR（设备像素比）在这里的作用。 考察对设备像素比（DPR）与CSS像素、物理像素关系的理解第 29 题行高和高度的区别是什么？ 考察CSS中线盒模型与块盒模型的基本概念区分第 30 题请解释什么是重绘（repaint）和回流（reflow），并说明它们之间的关系及如何减少回流对性能的影响。 考察对浏览器渲染机制的理解及前端性能优化能力第 31 题浏览器获取到 HTML 后是如何渲染出页面的？ 考察浏览器渲染流程的理解和关键性能优化点第 32 题在移动端或响应式布局中，为什么通常需要动态设置根元素字体大小？这样做有什么作用和影响？ 考察对 rem 单位原理、根字体大小作用及响应式适配的理解第 33 题页面UI卡顿如何去优化？ 考察前端性能问题的系统性排查与优化能力第 34 题请解释什么是 CSS 精灵图（Sprite），并说明它的作用和实现原理。 考察对前端性能优化手段的了解和应用能力第 35 题浏览器在加载完 HTML DOM 树后，页面渲染的后续流程是怎样的？ 考察浏览器渲染原理，尤其是 DOM 解析后的样式计算、布局与绘制流程第 36 题怎么去减少回流重绘？ 考察浏览器渲染机制与前端性能优化实践第 37 题请描述浏览器从收到HTML响应到完成首屏渲染的完整过程。 考察浏览器渲染机制、关键优化点及性能瓶颈理解第 38 题CSS 加载会阻塞页面渲染吗？请说明其阻塞机制和优化思路。 考察对浏览器渲染流程与 CSS 阻塞特性的理解第 39 题页面从输入URL到渲染到页面发生了什么？ 考察对浏览器网络请求、解析渲染全流程的掌握程度第 40 题如何优化浏览器频繁重排带来的性能问题？ 考察性能优化中对重排成本控制和实践手段的掌握