前端/移动开发面试题 · 性能优化 · Web Browser

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

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

筛选题目已选:性能优化 · Web Browser
第 1 题访问哪些属性会触发页面重排?请说明原因和避免影响的思路。 考察对浏览器渲染机制中重排触发条件的理解性能优化技术原理Web Browser第 2 题采集LCP埋点是如何设计的? 考察对LCP指标原理、采集时机与上报策略的理解性能优化技术原理Web Browser第 3 题请描述从输入URL到页面显示的完整过程,重点说明浏览器渲染机制。 考察对浏览器渲染主流程及关键性能优化点的理解性能优化技术原理HTTPWeb Browser第 4 题请解释浏览器中的重绘(repaint)与重排(reflow)是什么,并说明如何避免或减少它们。 考察对浏览器渲染机制的理解及性能优化实践性能优化问题拆解技术原理Web Browser第 5 题什么是回流(reflow)与重绘(repaint)?触发条件有哪些? 考察浏览器渲染原理中回流与重绘的概念区别及其触发条件性能优化技术原理Web Browser第 6 题请描述浏览器从输入URL到最后渲染页面的完整加载过程,并说明JS资源加载的两种主要方式及其对页面渲染的影响。 考察浏览器渲染机制、前端性能优化中的资源加载策略性能优化技术原理HTMLJavaScriptWeb Browser第 7 题请解释什么是重绘(repaint)和回流(reflow),并说明它们之间的关系及如何减少回流对性能的影响。 考察对浏览器渲染机制的理解及前端性能优化能力性能优化技术原理CSSWeb Browser第 8 题请解释浏览器中的重排(Reflow)与重绘(Repaint)是什么?它们有什么区别,以及如何优化以减少它们带来的性能影响? 考察对浏览器渲染机制的理解和性能优化意识性能优化技术原理Web Browser第 9 题在页面刷新后,执行获取 body 高度并修改该高度的代码,请说明浏览器渲染流程中会触发哪些环节。 考察渲染流程中布局与绘制环节的触发过程性能优化问题拆解技术原理JavaScriptWeb Browser第 10 题页面卡顿、掉帧的最底层原因是什么? 考察对浏览器渲染机制和性能瓶颈根源的理解性能优化技术原理问题排查Web Browser第 11 题请解释浏览器中的重排与重绘,并说明它们的关系以及如何减少重排。 考察对浏览器渲染机制的理解及性能优化策略性能优化技术原理Web Browser第 12 题请描述浏览器从收到HTML响应到完成首屏渲染的完整过程。 考察浏览器渲染机制、关键优化点及性能瓶颈理解性能优化技术原理CSSHTMLWeb Browser第 13 题请解释 DOM 操作引发的回流(reflow)与重绘(repaint)的区别及触发条件。 考察浏览器渲染机制中回流与重绘的理解性能优化技术原理Web Browser第 14 题浏览器的回流和重绘是什么?如何减少它们的发生? 考察对浏览器渲染机制的理解及性能优化意识性能优化技术原理CSSWeb Browser第 15 题请讲解 RequestAnimationFrame 的工作原理及其典型使用场景。 考察对浏览器动画调度机制与性能优化的理解性能优化技术原理JavaScriptWeb Browser第 16 题浏览器中哪些操作会引起重排和重绘? 考察对浏览器渲染流程及性能优化的理解性能优化技术原理Web Browser第 17 题请解释浏览器事件循环中帧的概念、生命周期以及其所经历的阶段。 考察对浏览器渲染帧在事件循环中的调度机制、生命周期阶段及性能影响的理解性能优化技术原理Web Browser第 18 题请解释浏览器中的重排(Reflow)和重绘(Repaint),并说明哪些操作会触发它们。 考察浏览器渲染机制的理解,以及性能优化意识性能优化技术原理Web Browser第 19 题请描述从输入URL到页面渲染完成,浏览器内核经历了哪些关键阶段? 考察浏览器工作原理的整体理解与关键阶段划分能力性能优化技术原理Web Browser第 20 题点击同一个链接时,浏览器如何决定是复用已有页签还是打开新页签?如果同一页面被重复打开,会带来哪些问题? 考察对浏览器页签复用机制的理解及重复页签带来的问题分析能力性能优化技术原理问题排查Web Browser