前端/移动开发面试题 · 编码实现 · HTML
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 24 道 · 更新 2026-08-05
筛选题目已选：编码实现 · HTML
考察点
技术栈
第 1 题请现场编写一个汇率兑换功能的网页页面，并实现核心逻辑，要求尽量完整。 考察前端编码实操能力、页面实现完整度和逻辑清晰度第 2 题HTML解析过程中，浏览器是如何具体解析AST（抽象语法树）的？ 考察对HTML解析器与AST构建细节的理解第 3 题元素居中实现方法有哪些？ 考察前端布局基础知识与常见技巧第 4 题如何实现一个 input 框，使其宽度根据输入内容自动变宽？ 考察对前端文本尺寸测量与 DOM 同步机制的理解第 5 题请解释圣杯布局的实现方式。 考察对经典三栏布局原理和实现细节的理解第 6 题面试官通过共享屏幕让你打开奇安信官网，用浏览器开发者工具修改页面元素的颜色。你会如何操作并解释原理？ 考察前端调试工具使用与页面元素样式修改原理第 7 题请解释图片懒加载的实现原理，并说明如何优化其性能。 考察对懒加载机制的理解及前端性能优化能力第 8 题在一个HTML页面中，如何检测某个元素是否滚动进入视口（可视区域）？ 考察对浏览器滚动与视口相交检测技术的理解与实现能力第 9 题如何实现百度百科式的目录跳转,平滑滚动并精准定位到对应章节? 考察DOM定位、滚动行为与浏览器API的实际应用第 10 题请用 HTML、CSS 和 JavaScript 手写一个商品双列排列布局，并使用 Flexbox 实现。 考察前端基础布局能力与 Flexbox 实际运用第 11 题场景：input框，可输入数字如40，离开数字框后保留两位小数，怎么实现？ 考察前端输入处理、格式化和边界控制能力第 12 题讲讲如何使用原生 JavaScript 和 HTML 标签实现文件上传，并手写 AJAX 上传逻辑。 考察对原生文件上传流程、XMLHttpRequest 和 FormData 的掌握程度第 13 题请手写实现一个 PC 端微信界面布局。 考察前端布局能力、DOM 结构与样式组织第 14 题如何根据屏幕宽动态给HTML元素赋font-size的值？ 考察前端响应式布局与自适应方案的实现原理第 15 题场景题：给你100个div，里面是input和勾选框，用户勾选了1-20个，又勾选了第40个，现在想直接跳转到第21个来勾选，怎么实现？ 考察前端交互处理与DOM操作能力，以及边界与状态管理第 16 题如何用 HTML/CSS/JavaScript 实现页面水印效果？ 考察前端 DOM 操作、样式方案与性能优化能力第 17 题块级元素和行内元素在盒模型上有什么区别？如何修复布局中的相关显示问题？ 考察对盒模型知识、元素类型特性及常见布局问题修复方法的理解第 18 题请用你熟悉的语言或工具画一个3x3的九宫格，并说明实现思路。 考察基础编程能力与代码组织习惯第 19 题请详细介绍你实现 Markdown 转 HTML 的方案。 考察对 Markdown 解析与渲染原理的理解以及项目实现能力第 20 题怎么实现响应式布局？ 考察响应式布局的核心技术与实现策略