雅虎14条Web性能优化规则
雅虎军规总结了14条前端性能优化核心原则，涵盖减少HTTP请求、使用CDN、缓存策略、压缩资源、优化CSS/JS加载位置等内容，全面提升网页加载速度与用户体验。
Webpack性能优化
使用Webpack优化性能可通过按需加载、Tree Shaking、Scope Hoisting减小包体积；利用HappyPack、DllPlugin、缓存等提升打包速度；结合代码压缩与长缓存策略，显著提升构建效率与加载性能。（238字）
document
本文介绍了前端开发中常用的DOM操作API，包括元素查找、节点创建与修改、节点关系获取、属性与样式操作，以及BOM、事件机制、Ajax跨域（如JSONP原理与实现）和本地存储（cookie、localStorage、sessionStorage）等内容，涵盖面试常见考点与浏览器兼容性注意事项，帮助开发者深入理解Web API核心机制。
ajax和网络
Ajax（异步JavaScript与XML）是一种利用已有技术组合实现异步通信的技术，通过XMLHttpRequest对象实现页面局部刷新，提升用户体验。它支持GET/POST请求，解决跨域常用JSONP或CORS，具有高效、按需加载的优点，但存在对搜索引擎不友好、安全机制暴露等缺点。同步阻塞等待，异步非阻塞回调，现代开发多用封装库如jQuery。跨域限制源于同源策略（协议、域名、端口一致），可通过动态script、代理等方式突破。HTTP状态码如200成功、404未找到、500服务器错误等，是通信关键标识。
前端性能监控指标
前端性能指标包括白屏时间、首屏时间、DOM可操作时间和总下载时间。可通过注入代码或`window.performance` API进行量化统计，后者基于Navigation Timing提供更精准的网络、解析等阶段耗时数据，助力性能优化。
前端性能监控指标
本文介绍前端性能监控的核心指标及量化方法，涵盖白屏时间、首屏时间、DOM Ready、onload等关键节点。通过传统代码注入与`window.performance` API 两种方式实现数据采集，重点解析 timing API 中各字段含义，并提供实际统计代码，帮助开发者精准评估页面加载性能，优化用户体验。
美团面经
本课程涵盖前端开发核心技术，包括HTML语义化标签、CSS布局（BFC、Flex、Grid）、JavaScript基础与进阶（原型链、闭包、事件循环）、异步编程、Vue原理、浏览器机制、网络协议、性能优化及算法实战，系统提升全栈能力。
重绘回流过程
浏览器解析HTML生成DOM树，解析CSS生成CSSOM，合并为渲染树。渲染树不包含head和隐藏元素。CSS阻塞渲染但不阻塞DOM解析。布局变化触发回流，外观变化触发重绘，回流必引发重绘。减少回流重绘可提升性能。
虚拟滚动技术
插入几万个DOM时，为避免页面卡顿，可采用虚拟滚动技术，仅渲染可视区域内的元素，滚动时动态更新内容，大幅减少DOM数量。相比requestAnimationFrame分批插入，虚拟滚动性能更优，推荐使用react-virtualized等库实现。
XSS攻击
XSS（跨站脚本攻击）利用网站对用户输入过滤不足，将恶意脚本注入页面，用户访问时执行，可窃取Cookie、数据或劫持操作。主要分反射型（通过URL注入）和存储型（存入数据库）。防御措施包括转义字符、白名单过滤富文本及使用CSP策略限制资源加载，有效降低安全风险。（238字）
