-
allow-scripts仅解禁外部/内嵌script标签和src引入的JS，不恢复onclick等内联事件处理器及javascript:void(0)链接，故脚本仍不执行；需改用addEventListener绑定或srcdoc内联script。
-
Bootstrap5自定义断点唯一可靠方式是修改Sass变量$grid-breakpoints并同步更新$container-max-widths，通过构建工具重编译；CDN引入或仅改HTML/JS无效，且BootstrapVue需额外配置breakpoints数组。
-
推荐将复杂判断逻辑抽到computed中，因其具备命名、缓存、可调试、可复用优势；computed应纯净，不包含副作用或异步操作。
-
订单备注输入框应根据内容长度选择：简短说明用<inputtype="text">，多行备注必须用<textarea>；后者支持换行、滚动和语义正确，配合rows、maxlength及white-space:pre-line确保体验与数据一致。
-
BEM通过命名约定（block__element--modifier）实现样式隔离，不依赖构建工具，避免全局污染；CSSModules依赖哈希类名，在SSR、动态DOM、第三方组件中易失效。
-
大批量数据传Props易致卡顿，应采用轻量可控方案：①用Object.freeze或markRaw跳过响应式；②分片加载+虚拟滚动替代全量渲染；③provide/inject替代深层透传；④异步加载+懒初始化优化性能。
-
enterkeyhint是input/textarea的提示属性，用于建议软键盘回车键文案，但非强制生效；仅对移动端软键盘有效，iOS旧版支持差，需配合type使用且不支持中文。
-
JavaScript中只有false、0、""、null、undefined、NaN六个假值，其余均为真值；逻辑运算符返回原始值而非布尔值，显式转换用Boolean()或!!，隐式转换用于条件判断。
-
border-radius过渡失效主因是起始/结束值结构不一致（如10px20px→0）、单位混用（10px50%→0）、overflow:hidden裁剪异常、Safari旧版渲染毛刺；应统一参数格式、用CSS变量控制、显式声明transition、避免JS同步读取阻塞动画。
-
CSS中没有可用的:current伪类，当前页高亮需通过HTML添加.active类并配合CSS样式实现，或由后端模板、前端路由动态控制该类名。
-
HTMLpattern属性本质是浏览器原生正则匹配机制，仅作用于input值且遵循ECMAScript语法，自动锚定、不支持PCRE特性，需配title提示，空字符串默认通过，服务端校验不可依赖。
-
实现提示气泡弹出动画需结合CSS透明度、位移与过渡或关键帧。1.HTML结构为div容器；2.CSS设置初始隐藏，通过transition实现opacity和transform平滑变化；3.可选@keyframes定义scale缩放增强弹出感；4.JS动态添加类触发显示，定时移除类控制隐藏，完成流畅气泡提示效果。
-
mounted钩子是初始化第三方库的黄金时机，此时$el已存在且已挂载；created和beforeMount因DOM未就绪而不可用；需注意销毁清理、异步加载及SSR兼容性，并推荐使用ref精准控制挂载元素。
-
navigator.clipboard.read读不到图片和HTML是因为浏览器默认仅支持text/plain，其他类型需显式申请clipboard-read权限并用户授权；API返回ClipboardItem列表，须手动调用getType()解析，且各浏览器兼容性差异大（Chrome/Edge支持较全，Safari不支持图片，Firefox不支持read）。
-
本地HTML联网运行需避免file://协议限制，推荐五种方案：一、Python内置服务器；二、Node.js的http-server；三、VSCodeLiveServer插件；四、Chrome启用--allow-file-access-from-files参数；五、GitHubPages+Jekyll本地预览。
