前端/移动开发面试题 · 技术原理 · HTML
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 322 道 · 更新 2026-08-05
筛选题目已选:技术原理 · HTML
考察点
技术栈
第 61 题请描述图片懒加载的实现原理及常见做法。 考察前端性能优化中懒加载的核心原理、实现方式与边界处理第 62 题在移动端或响应式布局中,为什么通常需要动态设置根元素字体大小?这样做有什么作用和影响? 考察对 rem 单位原理、根字体大小作用及响应式适配的理解第 63 题请解释script标签中async和defer属性的区别及其适用场景。 考察对浏览器脚本加载执行机制的理解及实际选型能力第 64 题请说明HTML语义化标签的优点。 考察对HTML语义化价值的理解与应用意识第 65 题JavaScript 代码一般放在 HTML 页面中的什么位置? 考察前端资源加载与页面渲染的基本原理第 66 题图片懒加载怎么实现的? 考察前端性能优化中懒加载的原理、实现方式与边界处理第 67 题页面UI卡顿如何去优化? 考察前端性能问题的系统性排查与优化能力第 68 题请说明 script 标签的 async 和 defer 属性分别如何影响脚本加载与执行,以及一个页面中包含多个使用 async 或 defer 的 script 标签时,它们的执行顺序是怎样的? 考察对浏览器脚本加载与执行机制的理解,以及异步属性顺序的掌握第 69 题输入 URL 敲下回车后发生了什么? 考察网络请求全链路的理解与关键环节的深度第 70 题请描述从用户输入一个URL到页面完成渲染的完整流程。 考察网络协议栈、浏览器渲染原理与各环节协同机制第 71 题浏览器在加载完 HTML DOM 树后,页面渲染的后续流程是怎样的? 考察浏览器渲染原理,尤其是 DOM 解析后的样式计算、布局与绘制流程第 72 题图片懒加载的实现 考察图片懒加载的触发机制、性能优化和边界处理第 73 题请介绍一下HTML中<script>标签的基本用法。 考察对script标签语义、加载与执行机制的理解第 74 题meta标签 name=viewport 的作用是什么? 考察对移动端视口控制机制的理解第 75 题给定许多个按钮,如何实现只选择一个节点?点击一个按钮时,上一个按钮的选中状态消失,当前按钮触发点击事件。 考察前端单选交互的实现逻辑和事件处理第 76 题HTML 的渲染过程是怎样的?JS 的执行会不会阻塞 HTML 的渲染流程? 考察浏览器渲染机制与脚本执行对渲染阻断的理解第 77 题HTML解析过程中,浏览器是如何具体解析AST(抽象语法树)的? 考察对HTML解析器与AST构建细节的理解第 78 题请描述浏览器从收到HTML响应到完成首屏渲染的完整过程。 考察浏览器渲染机制、关键优化点及性能瓶颈理解第 79 题请解释HTML语义化标签的作用,并举例说明如何使用它们改善网页的可访问性和SEO。 考察对HTML语义化标签的理解及其在实际网页开发中的价值第 80 题请列举并说明实现元素水平垂直居中的几种常见方法。 考察CSS布局基础与方案理解