-
LoadingWrapper组件通过插槽封装加载状态，支持default/loading/empty/error具名插槽，结合useAsyncData组合式函数统一管理异步逻辑，避免重复代码与副作用误触发。
-
表单验证的核心目标是及时友好提示用户并保障数据有效性，前端验证提升体验但不能替代后端校验；需结合原生API、自定义样式与提示、防误提交机制及前后端职责协同。
-
应使用requestAnimationFrame节流并在scroll回调中实时读取window.scrollY，避免直接高频操作；首次读取需等待DOMContentLoaded或load事件，移动端需同时监听touchmove并设passive:false，只读场景用passive:true提升性能。
-
JavaScript中函数是一等公民，可赋值、传参、返回和参与表达式，支撑回调、事件驱动与函数式编程等核心范式。
-
row-gap和column-gap仅在display:grid或inline-grid容器上生效；不支持百分比单位；gap简写会完全覆盖单独声明的row-gap/column-gap；Firefox中subgrid对gap支持不完整。
-
lch()和oklch()目前可用但需看浏览器支持：lch()自Safari16.4+/Chrome111+/Firefox117+起支持，oklch()需Chrome112+/Firefox121+/Safari17.4+；不支持时降级至前一条声明，常见错误是漏百分号或误解L范围（0%–100%）；oklch()基于感知更均匀的OKLab空间，适合深色模式、UI色阶与无障碍对比度控制，但兼容性较弱且依赖显示设备色域。
-
现代标准做法是使用WebCryptoAPI，它基于硬件加速和系统级随机数生成器，提供密钥管理、加解密操作和算法绑定三大核心功能，支持AES-GCM对称加密和RSA-OAEP公钥加密，强调密钥安全与运行时兼容性检测。
-
实时协作编辑的核心难点是多用户异步修改同一数据时如何保证最终一致性且不丢失操作；操作转换（OT）通过动态变换操作位置、合并与逆操作等机制解决该问题，但实现复杂，CRDT是其现代替代方案。
-
BEM是约束CSS作用域边界的协作协议，通过块（Block）、元素（Element）、修饰符（Modifier）三部分及双下划线__、双短横--命名规范，确保类名可反推DOM结构与意图，明确组件边界与职责。
-
Angular无内置XML解析功能，需用DOMParser手动解析XML字符串或HTTP响应的text数据，再转换为JS对象供模板绑定，注意编码、命名空间及性能问题。
-
<p>data-*属性必须用小写连字符命名，如data-user-id；JS通过dataset访问时连字符转驼峰，但修改需用setAttribute；不可存敏感信息或大量数据；框架中需显式透传，且不具响应性。</p>
-
本文介绍两种可靠方法解析以英文双引号包裹、逗号分隔的URL字符串（如"a.com","b.com/path,123"），避免因URL内含逗号导致split(',')失败，并通过性能对比推荐最优实践。
-
直接调用document.documentElement.style.setProperty('--color-primary','#3b82f6')即可修改CSS变量，前提是变量定义在:root或对应元素上；注意语法合法、作用域匹配、DOM已挂载、前缀双短横线，且IE不支持。
-
text-stroke不是标准属性，仅WebKit浏览器支持-webkit-text-stroke；Firefox需用8方向text-shadow模拟，且描边宽度应使用px并注意高倍屏适配。
-
通过BetterTouchTool在Mac上配置自定义触控板手势，可实现高效操作：一、添加三指滑动手势并绑定预设快捷键；二、执行终端脚本打开本地HTML文件；三、设置文本输入宏自动插入常用HTML结构；四、结合应用启动与AppleScript刷新浏览器，实现前端快速预览。
