前端/移动开发面试题 · 问题拆解 · HTML

前端/移动开发相关岗位面试题。

24989 道真题 · 当前筛选命中 58 · 更新 2026-08-05

筛选题目已选:问题拆解 · HTML
第 1 题获取到 HTML 之后如何看到页面呢? 考察浏览器解析HTML、CSS和JavaScript渲染页面的核心流程问题拆解技术原理CSSHTMLJavaScript第 2 题请描述浏览器从输入 URL 到页面展示的完整流程。 考察对浏览器渲染流程的整体理解性能优化问题拆解技术原理CSSHTMLHTTP第 3 题请描述从输入一个URL到浏览器界面显示完整过程。 考察网络协议栈、浏览器渲染流程与系统级整合理解性能优化问题拆解技术原理CSSDNSHTML第 4 题requestAnimationFrame是宏任务还是微任务? 考察对浏览器事件循环与任务调度机制的理解问题拆解技术原理HTMLJavaScript第 5 题script的defer和async有什么区别? 考察对HTML脚本加载与执行时序的理解问题拆解技术原理HTMLJavaScript第 6 题请列举并解释浏览器中减少重排(reflow)和重绘(repaint)的常见优化方法。 考察对浏览器渲染机制的理解以及前端性能优化的实践能力性能优化问题拆解技术原理CSSHTMLJavaScript第 7 题当服务器返回 HTML 后,其中的 script 标签会阻塞页面解析吗?如果不加 defer 属性,是否一定会阻塞? 考察对浏览器解析 HTML 时同步脚本阻塞机制的理解问题拆解技术原理HTMLJavaScript第 8 题请现场编写一个汇率兑换功能的网页页面,并实现核心逻辑,要求尽量完整。 考察前端编码实操能力、页面实现完整度和逻辑清晰度编码实现问题拆解CSSHTMLJavaScript第 9 题如果页面宽度或高度变化,基于 offsetTop 和 scrollTop 的传统懒加载实现该如何动态适配?请说明你的思路。 考察对懒加载实现原理、布局变化影响及事件监听机制的理解性能优化问题拆解技术原理CSSHTMLJavaScript第 10 题输入 URL 敲下回车后发生了什么? 考察网络请求全链路的理解与关键环节的深度性能优化问题拆解技术原理DNSHTMLHTTP第 11 题请介绍一下HTML中<script>标签的基本用法。 考察对script标签语义、加载与执行机制的理解问题拆解技术原理HTML第 12 题给定许多个按钮,如何实现只选择一个节点?点击一个按钮时,上一个按钮的选中状态消失,当前按钮触发点击事件。 考察前端单选交互的实现逻辑和事件处理问题拆解技术原理HTMLJavaScript第 13 题页面从输入URL到渲染到页面发生了什么? 考察对浏览器网络请求、解析渲染全流程的掌握程度性能优化问题拆解技术原理CSSDNSHTML第 14 题为什么HTML是树形结构的? 考察对HTML文档对象模型层次结构与嵌套规则的理解问题拆解技术原理HTML第 15 题请描述从输入 URL 到页面渲染完成的完整过程。 考察浏览器网络请求、解析与渲染的整体流程理解性能优化问题拆解技术原理CSSHTMLJavaScript第 16 题请描述浏览器输入一个 URL 后,直到页面显示出来的完整解析与加载过程。 考察候选人对网络协议栈、DNS、HTTP 与渲染流程的整体理解性能优化问题拆解技术原理DNSHTMLHTTP第 17 题如何实现一个 input 框,使其宽度根据输入内容自动变宽? 考察对前端文本尺寸测量与 DOM 同步机制的理解编码实现问题拆解技术原理CSSHTMLJavaScript第 18 题怎么将Markdown格式转化为HTML格式,请说明实现思路。 考察对Markdown解析与HTML渲染的整体设计与处理边界问题拆解安全意识技术原理HTML第 19 题除了调整窗口大小、缩放页面或打开开发者工具外,还有哪些操作会导致浏览器窗口的宽高变化? 考察对浏览器布局和视口变化触发机制的理解问题拆解技术原理CSSHTML第 20 题请解释浏览器是如何将HTML文档渲染为DOM树的,并说明渲染过程中的关键步骤。 考察对浏览器渲染机制和DOM构建原理的理解问题拆解技术原理CSSHTML