@RefreshScope热更新原理
本文深入解析Spring Cloud中@RefreshScope注解实现配置热更新的原理。通过分析其组合注解特性，重点探讨@Scope("refresh")如何借助代理模式与缓存机制，在配置变更时触发Bean重建，结合Nacos动态刷新Environment，实现配置实时生效。
浏览器缓存
浏览器缓存通过Cache-Control和ETag实现。Cache-Control控制缓存策略，如public、private、max-age等；ETag则用于资源变更验证，配合If-None-Match实现304协商缓存。结合内容哈希可优化静态资源更新，提升性能。
汇总
本文介绍MyBatis核心配置与使用技巧，涵盖属性加载优先级、多环境配置、事务管理、XML映射（一对一、一对多、多对多）、分页策略（逻辑与物理分页）及缓存机制，并简析执行器类型与批量操作原理，助力高效开发。
Webpack性能优化
本文介绍Webpack性能优化策略：通过按需加载、Tree Shaking、Scope Hoisting减小打包体积；利用HappyPack、DllPlugin、缓存等提升打包速度；结合代码压缩、resolve优化、长缓存配置，显著提升构建效率与加载性能，适用于大型项目优化实践。（238字）
美团面经
本篇美团前端面经涵盖HTML、CSS、JavaScript核心知识，包括语义化标签、BFC、盒模型、flex布局、响应式适配、事件机制、原型链、闭包、异步编程、Vue原理、Vuex、浏览器缓存、跨域、HTTP协议、设计模式等高频面试题，全面系统，助你攻克大厂技术面。
网络优化方案
本文介绍八大网络优化方案：合并与压缩资源、合理利用缓存、DNS预解析、CDN加速、预加载与预渲染、图片优化等，有效减少HTTP请求、降低资源大小、提升加载速度，改善用户体验。
前端工程化
Webpack是前端模块化打包工具，支持代码分割、模块化与静态分析。相比Grunt/Gulp，更注重模块处理。核心概念包括bundle、chunk、module。Loader用于解析非JS文件，Plugin扩展构建功能。构建流程含初始化、编译、依赖解析、输出等阶段。可通过SplitChunks提取公共代码、Tree-shaking去除无用JS（需ES6模块）、压缩资源、合理配置缓存（如chunkhash）优化性能。支持热更新提升开发效率，配合webpack-cli可自动生成配置。
重绘回流过程
浏览器渲染流程：解析HTML生成DOM树，解析CSS生成CSSOM，合并为渲染树，再经布局、绘制显示页面。DOM树包含所有元素，渲染树仅含可见内容。CSS阻塞渲染但不阻塞DOM解析。重绘因样式变化，回流因布局变化，回流必触发重绘。避免频繁操作样式与属性读取，提升性能。
One Trick Per Day
初始化Map建议用Guava指定预期大小，避免扩容；禁用Executors创建线程池，防止OOM，推荐自定义ThreadPoolExecutor或使用Guava；Arrays.asList返回不可变列表，禁止修改操作；遍历Map优先使用entrySet或forEach；SimpleDateFormat非线程安全，勿定义为static，推荐ThreadLocal或Java8新时间API；并发更新记录需加锁，优先乐观锁，冲突低时重试不少于3次。
何为跨域
CORS（跨域资源共享）是W3C标准，允许浏览器向跨源服务器发起XMLHttpRequest请求，突破AJAX同源限制。需浏览器和服务器共同支持，主流浏览器均兼容。通信由浏览器自动完成，开发者无需特殊编码。核心在于服务器配置CORS响应头，如Access-Control-Allow-Origin等。请求分为简单和非简单两类，后者会先发送OPTIONS预检请求确认权限。相比仅支持GET的JSONP，CORS支持所有HTTP方法，更灵活安全。
