前端/移动开发面试题 · 性能优化 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 178 道 · 更新 2026-08-05
筛选题目已选：性能优化 · CSS
考察点
技术栈
第 101 题讲一下回流和重绘的区别，举出具体会导致回流和重绘的例子。 考察对浏览器渲染机制中回流与重绘概念及触发场景的理解第 102 题请说明HTML、CSS和JavaScript在浏览器中的加载与执行顺序，以及它们之间的阻塞关系。 考察对前端资源加载执行机制与阻塞行为的理解第 103 题直播间高并发弹幕场景下如何做好性能优化（预加载、CSS的GPU加速、节点复用）？ 考察高并发场景下的前端性能优化能力，涵盖预加载策略、渲染性能与DOM节点管理第 104 题请说明在CSS布局和字体设置中，什么场景下应该使用px单位？ 考察对CSS单位px适用场景的理解及与相对单位的对比第 105 题为什么选择transition而不是position实现动画？ 考察对CSS动画机制和性能优化原理的理解第 106 题请设计一个针对 HTML、CSS、JS 和图片资源的浏览器缓存策略，并说明各类型资源缓存时间的设定理由。 考察前端静态资源缓存策略设计与依据第 107 题CSS3动画性能优化中 will-change 属性的作用和使用注意事项是什么？ 考察对CSS动画性能优化原理及will-change属性正确用法的理解第 108 题JS和CSS这两种语言编写动画性能和效果的区别? 考察对JS与CSS动画性能特性、适用场景和效果差异的理解第 109 题请谈谈高斯模糊效果的实现原理和方法。 考察高斯模糊的数学原理与前端实现方式第 110 题有哪些操作会触发浏览器页面的重排（reflow）？ 考察对触发页面重排的常见操作类型的理解第 111 题请说明哪些操作会触发浏览器回流（reflow）和重绘（repaint），并说明如何减少它们对性能的影响。 考察对浏览器渲染机制及性能优化方法的理解第 112 题请介绍 CSS transform 属性的常见用法，并结合你在小程序中的实际应用场景说明。 考察对 CSS transform 的理解及其在业务场景中的应用能力第 113 题从在浏览器地址栏输入 URL 并按下回车，到页面完整渲染出来，这中间发生了什么？请展开说明渲染的具体过程。 考察网络请求全链路与浏览器渲染机制的完整理解第 114 题CSS精灵图如何减少请求次数？ 考察CSS精灵图的原理及对网络请求优化的理解第 115 题输入 URL 到页面渲染的整个过程是什么？ 考察网络请求、浏览器渲染机制与整体链路理解第 116 题如果要实现一个CSS引擎（选择器、添加样式等），是否有思路？ 考察系统设计能力与对CSS解析、选择器匹配、样式层叠原理的理解第 117 题CSS 解析会阻塞页面渲染吗？请说明原理和优化方法。 考察 CSS 阻塞渲染的机制理解及性能优化能力第 118 题CSS动画用过吗？ 考察CSS动画的基础知识、实际应用与性能意识第 119 题在前端开发中，CSS 的 transition 和 animation 有什么区别？请说明它们各自的使用方法，并举例适合的场景。 考察对 CSS 过渡与动画机制的理解、区别以及实际应用能力第 120 题如果一个界面频繁操作重排、重绘,怎么优化 考察对浏览器渲染流程的理解、性能优化手段与实际应用能力