-
前后端测试分工明确，SpringBoot负责单元、集成与API测试，JavaScript负责组件与端到端测试，通过OpenAPI或JSONSchema统一接口契约。2.使用Cypress调用本地SpringBoot服务进行端到端测试，利用cy.request()验证API交互。3.通过frontend-maven-plugin将npmtest集成到Maven生命周期，确保构建时自动执行前端测试。4.在CI/CD中先启动SpringBoot服务（如mvnspring-boot:start），再运行Cypre
-
console.table仅展平一层嵌套，深层属性显示为[objectObject]；需用map预展开、columns精确指定字段、统一数据结构，并在复杂场景改用console.group分层调试。
-
fill()无法生成独立引用矩阵，因它复制同一对象引用；正确做法是在map回调中每次新建对象，或用Array.from({length:n})替代以避免空位问题。
-
Sass5.0+废弃@import是因其破坏模块化：全局作用域导致命名冲突、重复编译、无法选择加载、无命名空间；@use实现作用域隔离，@forward用于封装接口而非简单转发。
-
HTML本身不是编程语言，不消耗CPU；网页卡顿主因是JavaScript执行、CSS渲染、DOM重排重绘，在低压CPU上因频率低、缓存小、单核弱而被显著放大。
-
正确引入Animate.css并使用预设类名可快速实现动画效果。首先通过CDN、npm或本地文件引入库，然后为元素添加animate__animated基础类和对应动画类（如animate__fadeIn）触发动画。支持控制动画次数、时长、延迟及组合使用，结合JavaScript可动态添加类实现交互触发，并在动画结束后移除类以重置状态。
-
HTML调用navigator.mediaDevices.getUserMedia()被拒绝的常见原因：HTTP协议下一律拒绝（localhost除外），file://协议直接失败；用户手动阻止权限后需手动在地址栏锁图标中重设为允许。
-
JavaScript中的this在函数执行时根据调用方式动态决定：默认绑定（非严格模式指向全局，严格模式为undefined）、隐式绑定（obj.method()中this指向obj）、显式绑定（call/apply/bind手动指定）、new绑定（优先级最高，指向新实例）。
-
cursor属性支持url()自定义图标和关键字两类值，其中url()需配fallback关键字，推荐尺寸≤128×128px，热点需显式指定，且移动端Safari不支持。
-
JavaScript执行与页面渲染争夺主线程资源，需用requestIdleCallback分片长任务、避免强制同步布局、WebWorker卸载计算、RAF对齐渲染节奏。
-
真实阴影效果需多层box-shadow叠加与方向控制：基础态用双层阴影（01px3px0和01px2px-1pxrgba(0,0,0,0.1)），悬停加深并增大blur/spread；padding管内边距，margin或gap管外间距；border-radius推荐8px，适配响应式；避免inset及滥用border。
-
结论：resources/css/app.css是源码，必须经npmrunbuild（Vite）或npmrunprod（Mix）编译至public/下，再通过@vite或mix()引入；直接asset('css/app.css')必404，因Laravel不自动编译或复制源码文件。
-
HTML瀑布流失效的根本原因是图片缺乏可预测的宽高比。必须显式设置width/height或aspect-ratio，配合srcset/sizes、禁用首屏lazy加载、避免column-count截断、监听img.load而非仅IntersectionObserver，并启用grid-auto-flow:dense。
-
移动端页面缩成一团、文字小、点击错位，90%因viewport未写或写错；必须在<head>中硬编码<metaname="viewport"content="width=device-width,initial-scale=1.0">，禁用user-scalable=no等限制缩放属性，避免JS动态插入或固定width值。
-
NotificationAPI仅负责前端主动显示弹窗，不支持后台接收消息；WebPush需ServiceWorker持久监听并调用showNotification()，且依赖VAPID、PushManager订阅及后端合规推送协议。
