前端/移动开发面试题 · 方案权衡 · HTML
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 41 道 · 更新 2026-08-05
筛选题目已选：方案权衡 · HTML
考察点
技术栈
第 21 题请列举几种隐藏 HTML 元素的方式，并说明各自适用场景。 考察对 CSS 显示与布局隐藏手段及其区别的理解第 22 题图片以及视频的预览是如何做的？ 考察富媒体预览的实现思路，涉及前端展示技术第 23 题图片以 Base64 内嵌和 URL 外链两种方式存储有什么区别？请从体积、请求数、缓存等角度说明。 考察对图片两种存储方式的性能与工程权衡理解第 24 题请设计一个针对 HTML、CSS、JS 和图片资源的浏览器缓存策略，并说明各类型资源缓存时间的设定理由。 考察前端静态资源缓存策略设计与依据第 25 题在HTML中，script标签的async和defer属性有什么作用？它们有什么区别？ 考察对脚本异步加载机制及执行顺序的理解第 26 题script标签加defer和async的区别 考察对HTML脚本加载与执行时序的理解第 27 题block、inline、inline-block 三种显示类型的区别是什么？ 考察 CSS 盒模型与布局基础，以及三种显示模式的核心差异与应用场景第 28 题页面上加载图片的优化方式有哪些？ 考察前端图片加载优化的核心手段与适用场景第 29 题background和img有什么区别？如果给img同时设置background和src引入图片，两者的显示效果有什么差异？ 考察对CSS背景属性与HTML图片元素特性的理解以及实际渲染差异第 30 题如果不把script标签放到body底部,如何实现不阻塞页面渲染 考察前端性能优化中脚本加载策略的理解和实践第 31 题除了使用template标签渲染DOM，还有哪些前端渲染方式？请简述各自的实现原理和适用场景。 考察前端渲染方式的理解与对比，包括字符串拼接、节点操作及现代框架方法第 32 题React 和原生 HTML/CSS/JavaScript 开发网页有什么区别？ 考察对 React 核心价值与原生技术边界的理解第 33 题script标签怎么实现异步加载JS的，两者的区别？ 考察对浏览器脚本加载机制和异步执行顺序的理解第 34 题如何衡量和优化首屏渲染时间 考察前端性能优化的度量方法与优化手段第 35 题浏览器自适应布局怎么做？vh、vw、rem、em 分别是什么？还有哪些其他方式？ 考察响应式布局与相对单位的概念理解与实际应用第 36 题有HTML、CSS、图片、文本、JS等资源，如何设置缓存策略？ 考察对Web资源缓存策略的理解与应用能力第 37 题请说明你了解过哪些前端布局方式，并比较它们的主要特点。 考察对前端常见布局方式的掌握与比较能力第 38 题请讲解一下什么是跨域问题，并说明常见的解决方案。 考察对浏览器同源策略及跨域解决方案的理解第 39 题请介绍移动端适配不同屏幕尺寸的常见方案有哪些。 考察对移动端适配主流方案的理解与归纳能力第 40 题请从技术作用和潜在风险两个维度，分别列举 iframe 的主要优势与劣势，并说明在实际项目中如何根据场景取舍。 考查对 iframe 特性、适用场景及潜在问题的理解。