互联网/IT行业面试题 · 性能优化 · CSS
互联网/IT行业相关面试题，按题目行业基础数据聚合。
共 47588 道真题 · 当前筛选命中 58 道 · 更新 2026-08-05
筛选题目已选：性能优化 · CSS
考察点
技术栈
第 1 题请介绍CSS中transform属性的主要用途、常用函数及其性能影响。 考察对CSS transform功能的掌握、函数使用及性能优化意识第 2 题请解释什么是 CSS 精灵图（Sprite），并说明它的作用和实现原理。 考察对前端性能优化手段的了解和应用能力第 3 题请详细解释浏览器的回流(Reflow)和重绘(Repaint),并说明如何通过CSS属性如transform 和 opacity来避免回流。 考察浏览器渲染机制的理解及性能优化实践第 4 题你刚刚提到触发重排这件事情，有哪些CSS属性会引起重排？ 考察CSS布局与重排机制的掌握程度第 5 题浏览器的回流和重绘是什么？如何减少它们的发生？ 考察对浏览器渲染机制的理解及性能优化意识第 6 题在浏览器中输入 www.baidu.com 并回车后，从输入 URL 到页面显示，期间发生了什么？ 考察网络协议栈、DNS、HTTP 与页面渲染的完整链路理解第 7 题select下拉收缩组件平滑的CSS动画如何实现的？ 考察CSS动画实现能力与细节处理第 8 题等宽的瀑布流如何实现？ 考察前端布局方案、虚拟滚动与性能优化的理解第 9 题浏览器渲染首页的流程是怎样的？ 考察对浏览器渲染机制的理解，包括HTML、CSS、JavaScript的处理顺序第 10 题请解释CSS中的重排（reflow）和重绘（repaint），并说明它们对页面性能的影响及优化手段。 考察浏览器渲染机制的理解及前端性能优化能力第 11 题在手机端，一个宽度和高度都设置为30px的div中放置一张图片，图片实际显示尺寸应该是多大？请解释DPR（设备像素比）在这里的作用。 考察对设备像素比（DPR）与CSS像素、物理像素关系的理解第 12 题解释浏览器渲染原理及关键渲染路径优化 考察浏览器渲染流程的理解与页面性能优化能力第 13 题从输入 URL 到页面完整显示，浏览器的渲染流程是怎样的？ 考察浏览器核心渲染机制与网络加载的整体理解第 14 题行高和高度的区别是什么？ 考察CSS中线盒模型与块盒模型的基本概念区分第 15 题实习做的前端性能优化，怎么分析性能瓶颈？ 考察前端性能分析的方法论与实战能力第 16 题做一个从左到右的动画，说说JavaScript、CSS、Canvas哪种好？ 考察动画技术选型与性能权衡第 17 题在移动端或响应式布局中，为什么通常需要动态设置根元素字体大小？这样做有什么作用和影响？ 考察对 rem 单位原理、根字体大小作用及响应式适配的理解第 18 题请解释什么是重绘（repaint）和回流（reflow），并说明它们之间的关系及如何减少回流对性能的影响。 考察对浏览器渲染机制的理解及前端性能优化能力第 19 题请说明哪些操作会触发浏览器回流（reflow）和重绘（repaint），并说明如何减少它们对性能的影响。 考察对浏览器渲染机制及性能优化方法的理解第 20 题如何使用 CSS animation 属性实现静态 loading 图片（如 loading.gif 的状态）的动态切换效果？ 考察 CSS 动画属性及图片切换的实践能力