前端/移动开发面试题 · 技术原理 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1430 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 241 题请说明浏览器解析 HTML、CSS、JavaScript 的流程，并解释如何让 JavaScript 先于页面解析执行，以及如何让其延后到页面解析完成后执行。 考察浏览器渲染机制与脚本加载执行顺序的控制第 242 题请说明块级元素和行内元素的区别，并各举出两个典型例子。 考察对HTML基础布局概念的理解与实例运用第 243 题如果页面宽度或高度变化，基于 offsetTop 和 scrollTop 的传统懒加载实现该如何动态适配？请说明你的思路。 考察对懒加载实现原理、布局变化影响及事件监听机制的理解第 244 题从输入 URL 到页面完整显示，浏览器的渲染流程是怎样的？ 考察浏览器核心渲染机制与网络加载的整体理解第 245 题在手机端，一个宽度和高度都设置为30px的div中放置一张图片，图片实际显示尺寸应该是多大？请解释DPR（设备像素比）在这里的作用。 考察对设备像素比（DPR）与CSS像素、物理像素关系的理解第 246 题请解释什么是 BFC（块级格式化上下文），以及它的主要功能有哪些？ 考察对 CSS 布局基础概念 BFC 的理解及其实际应用第 247 题flex=1是哪些属性的简写？ 考察CSS flex布局中flex简写属性的基础知识掌握程度第 248 题如何用 CSS 实现两个元素的重叠？若上层元素覆盖了下层元素，如何让点击事件响应下层元素？另外，如何实现一个元素在页面中不显示？ 考察 CSS 定位、层叠与事件穿透及相关隐藏手段第 249 题行高和高度的区别是什么？ 考察CSS中线盒模型与块盒模型的基本概念区分第 250 题请解释浏览器中的W3C标准模式和怪异模式的区别，并说明在哪种情况下会触发怪异模式。 考察对浏览器渲染模式的理解及实际影响第 251 题块状元素、内联元素、内联块元素有什么本质区别？请举例说明在布局中的应用。 考察对 CSS 盒模型与元素显示类型基础知识的理解及实际应用能力第 252 题如何给元素设置水平、垂直居中？ 考察CSS居中布局的多种实现方式及适用场景第 253 题请解释什么是重绘（repaint）和回流（reflow），并说明它们之间的关系及如何减少回流对性能的影响。 考察对浏览器渲染机制的理解及前端性能优化能力第 254 题CSS如何实现画一个三角形 考察CSS边框模型和伪元素/变换的灵活运用第 255 题知道 BFC 吗？说说看。 考察对 BFC（块格式化上下文）概念的掌握、触发条件及其在布局中的应用第 256 题简述CSS选择器的优先级规则 考察CSS层叠机制中优先级计算与权重理解第 257 题请比较CSS中transition与animation动画的区别，并说明各自适用场景。 考察对CSS过渡与关键帧动画机制的理解与选择第 258 题rem 移动适配的具体实现原理和步骤是什么？ 考察rem适配的机制与动手实现细节第 259 题请说明 Flex 布局适合在哪些实际场景中使用，并简述理由。 考察对 CSS Flex 布局适用场景的理解和实际应用判断第 260 题移动端适配有哪些常见方案？各自的原理和适用场景是什么？ 考察移动端适配方案的整体认知与选型能力