前端性能监控指标
本文介绍前端性能监控的核心指标及量化方法，涵盖白屏时间、首屏时间、DOM Ready、onload等关键节点。通过传统代码注入与`window.performance` API 两种方式实现数据采集，重点解析 timing API 中各字段含义，并提供实际统计代码，帮助开发者精准评估页面加载性能，优化用户体验。
美团面经
本课程涵盖前端开发核心技术，包括HTML语义化标签、CSS布局（BFC、Flex、Grid）、JavaScript基础与进阶（原型链、闭包、事件循环）、异步编程、Vue原理、浏览器机制、网络协议、性能优化及算法实战，系统提升全栈能力。
重绘回流过程
浏览器解析HTML生成DOM树，解析CSS生成CSSOM，合并为渲染树。渲染树不包含head和隐藏元素。CSS阻塞渲染但不阻塞DOM解析。布局变化触发回流，外观变化触发重绘，回流必引发重绘。减少回流重绘可提升性能。
代码模块改造2
在zzyl-common模块集成MyBatis-Plus，替换原有MyBatis配置，改造Mapper、Service及ServiceImpl代码，支持自动填充 createTime、updateTime 等字段。通过MetaObjectHandler实现公共字段自动填充，优化代码生成模板，支持LocalDateTime类型与Swagger注解，提升开发效率并统一代码规范。
大厂如何解决订单幂等问题
本文介绍如何在分布式系统中实现接口幂等性，避免重复下单与ABA问题。通过预生成唯一订单号并利用数据库主键约束，确保订单创建的幂等；通过版本号机制，校验并原子更新数据，防止并发修改导致的数据不一致。结合MySQL与Redis，可通用化应用于各类需幂等的业务场景，保障系统可靠性与数据一致性。（238字）
大厂如何解决订单幂等问题
本文介绍如何在分布式系统中实现接口幂等性，防止重复下单与ABA问题。通过预生成唯一订单号并利用数据库主键唯一约束，可确保创建订单的幂等；通过引入版本号机制，更新时校验并自增版本号，避免并发修改导致的数据错乱。两种方案结合Redis或数据库状态标记，有效应对网络重试、请求重复等问题，适用于各类需幂等处理的业务场景。
常见注解及使用说明
本文介绍了SpringMVC中@RequestMapping注解的作用及原理，它用于将HTTP请求映射到控制器方法，实现前后端接口路径对应。并通过@GetMapping等派生注解简化常用请求类型处理，提升开发效率。
XSS攻击
XSS（跨站脚本攻击）利用网站对用户输入过滤不足，将恶意脚本注入页面，用户访问时执行，可窃取Cookie、数据或劫持操作。主要分反射型（通过URL注入）和存储型（存入数据库）。防御措施包括转义字符、白名单过滤富文本及使用CSP策略限制资源加载，有效降低安全风险。（238字）
常见注解及使用说明
SpringMVC中，通过注解将HTTP请求映射到控制器方法。@RequestMapping定义接口路径，实现前后端对接，如“/staff/add”对应新增操作。@GetMapping、@PostMapping等为@RequestMapping的衍生注解，简化GET、POST等请求映射，统一实现请求路由。
大厂如何解决订单幂等问题
在分布式系统中，网络重试易导致重复请求，需保证接口幂等性。创建订单时，可通过预生成唯一订单号并利用数据库主键唯一约束，防止重复插入；更新订单时，引入版本号机制，更新前校验版本，避免ABA问题。结合Redis或数据库状态标记，确保操作仅执行一次，保障数据一致性，适用于各类需幂等的业务场景。
