前端/移动开发面试题 · 方案权衡 · HTML
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 41 道 · 更新 2026-08-05
筛选题目已选：方案权衡 · HTML
考察点
技术栈
第 1 题请解释什么是Web无障碍性（Web Accessibility），并举例说明在网页设计中如何实现。 考察对Web无障碍性的理解及在网页设计中的实际应用能力第 2 题响应式布局有哪些方式 考察响应式布局的常见实现方式与适用场景第 3 题请介绍图片懒加载的常见实现方式，并说明各自的适用场景与注意事项。 考察对前端性能优化中懒加载原理、实现手段及边界情况的掌握第 4 题请说明浏览器解析 HTML、CSS、JavaScript 的流程，并解释如何让 JavaScript 先于页面解析执行，以及如何让其延后到页面解析完成后执行。 考察浏览器渲染机制与脚本加载执行顺序的控制第 5 题两个没有关系的页面之间想要进行数据交互，请说出你能想到的所有办法。 考察前端跨页面通信的全面性与方案权衡能力第 6 题请解释script标签中async和defer属性的区别及其适用场景。 考察对浏览器脚本加载执行机制的理解及实际选型能力第 7 题在移动端适配中，rem、vw/vh、媒体查询等方案各有什么优缺点？ 考察对适配方案缺陷的辨析与选型能力第 8 题请列举并说明实现元素水平垂直居中的几种常见方法。 考察CSS布局基础与方案理解第 9 题浏览器中 script 阻塞页面渲染的问题如何解决？请具体讲讲 defer 和 async 的区别。 考察对脚本加载与执行时机、页面渲染阻塞及优化策略的理解第 10 题Script的属性defer和async的区别 考察对HTML脚本加载与执行时机及对页面渲染影响的理解第 11 题如何解决 JS、CSS、HTML 新功能的兼容性问题？ 考察前端新特性兼容性处理策略与降级方案设计第 12 题当 HTML 文件不生成 hash 时，如何实现缓存控制？ 考察对静态资源缓存策略的理解及无 hash 场景下的缓存方案第 13 题HTML、CSS、JS在浏览器里的缓存策略分别是什么样的？ 考察对浏览器缓存机制和各类资源缓存策略的掌握第 14 题请介绍常见的跨域解决方案及其原理。 考察对浏览器同源策略的理解及跨域方案的原理与选型第 15 题请解释HTML中常用的尺寸单位，以及rem和em的区别。 考察CSS尺寸单位的理解及rem与em的差异和应用场景第 16 题网页交互是否一定要用 JavaScript 才能实现？ 考察对 Web 交互实现方式的广度认知与方案权衡能力第 17 题请说明如何解决 WebView 中 H5 页面的屏幕适配问题。 考察对移动端 H5 屏幕适配方案的理解与实战经验第 18 题虚拟DOM和真实DOM的区别和优势 考察对虚拟DOM机制、性能优势及其适用边界的理解第 19 题请说明 img 标签原生支持类似 loading 懒加载的机制，以及如何选择合适的值。 考察对图片懒加载原生属性的理解和应用场景判断第 20 题页面响应式如何实现？ 考察响应式布局的实现原理、主流手段与适用场景