2.4 CSS动画
CSS动画主要通过transition、keyframe和逐帧实现，支持平移、旋转、缩放等效果。相比JS，性能更优且无需脚本控制。关键帧动画控制更精细，过渡动画需状态变化。文中示例用CSS3 keyframes实现了无缝轮播图效果。
前端性能监控指标
前端性能指标包括白屏时间、首屏时间、可操作时间和总下载时间。可通过注入代码或`window.performance API`进行量化统计，后者更精准，支持DNS、TCP、请求、解析等各阶段耗时计算，提升页面性能优化效率。（239字）
前端工程化
Webpack是模块打包工具，支持代码分割、模块化与静态分析，相比Grunt/Gulp更侧重模块处理。Webpack 4引入mode参数，优化构建速度与体积，支持Tree-shaking、chunk拆分，提升前端性能。通过配置可实现公共代码提取、压缩、长缓存优化等。
雅虎14条Web性能优化规则
雅虎军规总结了23条前端性能优化核心原则，涵盖减少HTTP请求、使用CDN、资源压缩、缓存配置、JS/CSS优化等方面，旨在提升网页加载速度与用户体验，是前端性能优化的经典指南。
nodejs连接mysql
创建config文件夹存放配置，实现解耦。通过.env文件管理数据库连接信息，db.js使用mysql2和dotenv创建连接池并测试连通性，确保应用稳定连接数据库。
重绘回流过程
浏览器渲染流程：解析HTML生成DOM树，解析CSS生成CSSOM，结合生成渲染树。布局（回流）计算元素位置，绘制（重绘）渲染界面。DOM树含所有元素，渲染树仅含可见节点。CSS阻塞渲染但不阻塞DOM解析。回流因布局变化触发，必导致重绘；重绘仅外观变。避免频繁操作样式、使用DocumentFragment、缓存属性值可优化性能。
NodeJS框架
JavaScript单线程设计避免DOM渲染冲突，通过事件循环机制实现异步操作。任务队列管理异步事件，主线程按序执行。Node.js利用libuv实现多线程任务调度，配合Event Loop高效处理I/O。Express与Koa基于中间件架构，Koa采用洋葱模型，支持async/await，更优的错误处理和流程控制。
ES6框架
ES6框架简介：涵盖Webpack与Rollup环境搭建、模块化演进、class与构造函数区别、Promise原理实现、async/await异步方案及Proxy响应式机制。深入解析let/const、箭头函数、解构赋值、reduce/map/filter等核心特性，对比var与const差异，详解ES Module与CommonJS区别，系统掌握现代JS开发核心技能。（238字）
腾讯面经
本文整理了腾讯前端面试中的高频考点，涵盖JavaScript基础（数据类型、闭包、原型链、event-loop）、DOM/BOM操作、网络协议（HTTP/HTTPS、TCP握手、缓存机制）、框架原理（React/Vue、Redux、响应式）、算法实现（快排、大数相加、树遍历）、安全防护（XSS、CSRF）、工程化（Webpack、PWA）及综合问题，全面覆盖前端核心技术体系，适合求职者系统复习与提升。
阿里面经
本资料整理阿里前端面试高频考点，涵盖React Hooks、闭包、跨域、事件循环、性能优化、Webpack、同源策略、JS单线程、Node.js高并发、TypeScript、PWA、XSS/CSRF防护、React/Vue对比、设计模式等。深入考察HTML、CSS、JS基础及框架原理，重视项目实战与底层机制理解，适合系统备战大厂前端面试。
