雅虎14条Web性能优化规则
雅虎军规总结了14条前端性能优化核心原则，涵盖减少HTTP请求、使用CDN、资源压缩、缓存配置、脚本与样式加载优化等方面，旨在提升网页加载速度与用户体验，是前端性能优化的经典指南。
虚拟滚动技术
面对插入几万个DOM导致页面卡顿的问题，可通过分批渲染解决。推荐使用虚拟滚动技术，仅渲染可视区域内的元素，滚动时动态更新内容，大幅减少DOM数量，提升性能。如react-virtualized等库可高效实现该方案，是面试中的加分亮点。
重绘回流过程
浏览器解析HTML生成DOM树，解析CSS生成CSSOM，合并为渲染树，再经布局与绘制呈现页面。DOM树含所有元素，渲染树仅含可见节点。CSS阻塞渲染但不阻塞DOM解析。回流（布局变化）必触发重绘，重绘（外观变化）不一定引发回流。减少回流重绘可提升性能。
头条面经
涵盖前端、网络、JS核心、框架及算法等多方面知识，包括深拷贝、双向绑定、HTTP缓存、跨域、Vue原理、TCP/UDP、设计模式、事件循环、类型判断、闭包、原型链、性能优化等高频面试题，全面考察技术深度与综合能力。
前端性能监控指标
前端性能指标包括白屏时间、首屏时间、用户可操作时间（DOM Ready）和总下载时间（onload）。可通过注入代码或使用 `window.performance` API 进行量化统计。传统方法依赖代码埋点，数据为估值；而 `performance.timing` API 可精准获取DNS、TCP、请求、解析等各阶段耗时，进而计算出各项性能指标，是现代浏览器推荐的性能监控方案。
美团面经
前端面试高频题库，涵盖HTML语义化、CSS布局（BFC、Flex、Grid）、JavaScript核心（原型链、闭包、事件循环）、DOM操作、异步编程（Promise、async/await）、HTTP协议、浏览器原理、Vue响应式、性能优化等全栈知识点，助力系统掌握前端技术体系。
写在最后
本文整理全网前端面试高频考点，系统涵盖JavaScript、框架原理、网络协议、算法、数据结构等核心知识，助力求职者高效备战。附18条进阶建议，助你斩获Offer，前程似锦。（239字）
百度面经
涵盖前端核心知识：React与Vue差异、JS数据类型、闭包、事件循环、跨域、缓存策略、PWA、安全防护等；深入框架原理、设计模式与算法，结合项目实践，全面解析前端开发关键技术点与常见面试题。
阿里面经
涵盖前端核心知识点：React Hooks、闭包、跨域、事件循环、性能优化、TypeScript、Webpack、Node.js、同源策略、异步编程、设计模式及HTTP协议等，深入理解JavaScript机制与框架原理，助力系统提升前端技术能力。（239字）
腾讯面经
涵盖JavaScript基础（数据类型、作用域、闭包、原型链）、DOM/BOM操作、事件机制、HTTP协议、TCP/IP、网络安全（XSS/CSRF）、前端框架（React/Vue）、性能优化、算法（快排、归并、位图）、工程化（Webpack）、浏览器原理等全方位前端技术点。
