-
JavaScript异步编程以Promise为基础抽象，async/await是其语法糖；Promise封装状态（pending/fulfilled/rejected），支持链式调用与并发方法；async/await简化书写与错误处理，二者定位不同、协同使用。
-
SCSS支持+、-、*、/单位运算，但要求单位兼容；除法需括号避免解析错误；calc()中须用#{$var}插值；复杂逻辑应封装@function；结果精度默认5位小数，可用round()控制。
-
行内样式不一定覆盖外部CSS。因优先级受同一元素、同名属性及!important影响；其specificity为1000，高于class、id等，但遇外部!important、initial/unset值、CSS变量、媒体查询或JS动态修改时可能被反超。
-
<p>clamp()不支持在首尾参数中使用CSS变量，因其需静态长度值；正确做法是用calc()将变量作为比例因子乘到clamp()外部，如calc(var(--scale-base)*clamp(1rem,4vw,1.5rem))。</p>
-
根本原因是ShadowDOM样式隔离机制阻断外部CSS匹配，即使类名存在且Tailwind已生成对应规则，外部tailwind.css中的全局类（如.p-4）也无法穿透作用域生效；必须手动注入完整编译后的CSS到shadowRoot，且content配置需覆盖模板路径或safelist预声明动态类名。
-
直接引入第三方JS极危险，因其一旦被劫持或篡改，可窃取DOM数据、外发敏感信息、注入恶意脚本或绕过同源策略；必须叠加CSP（白名单防火墙）、SRI（哈希校验）和合理加载策略三重防护，缺一不可。
-
必须将Flash动画转为HTML5，可用四种方法：一、Swiffy转换简单SWF；二、CreateJS从Animate导出；三、Lottie+Bodymovin处理AE动画；四、手动用Canvas/SVG重写复杂逻辑。
-
结论：crossorigin="use-credentials"在script标签上无效，浏览器绝不发送Cookie；HTML规范强制script请求凭据模式为omit，该属性仅影响错误捕获和CORS检查，不改变凭证行为。
-
hover:rotate-180不生效主因是inline元素不支持transform，需设inline-block或block；旋转中心偏移应配合origin-*类；动画卡顿需加transition-transform和will-change-transform；动态控制应改用条件class而非仅hover。
-
text-overflow:ellipsis对面包屑无效，因其需单行块级元素且依赖white-space:nowrap与overflow:hidden；而面包屑由多个行内元素组成，浏览器无法确定省略位置。
-
必须在服务端用bleach.clean()白名单过滤HTML，前端净化仅为补充；禁用|safe直接输出，需显式配置tags、attributes及protocols；禁止strip_tags/正则等不可靠方案；属性值须二次转义；富文本白名单须按业务最小权限控制。
-
本文讲解Cypress中遍历.timestamp类span元素并准确断言其文本值的正确写法，解决因异步执行、DOM封装不当导致的断言失败问题，推荐使用cy.map()或原生.then()映射方案。本文讲解Cypress中遍历`.timestamp`类span元素并准确断言其文本值的正确写法，解决因异步执行、DOM封装不当导致的断言失败问题，推荐使用`cy.map()`或原生`.then()`映射方案。在Cypr
-
Intl是浏览器提供的底层格式化能力，不负责翻译或语言切换；需显式指定timeZone避开时区陷阱；currency格式需关注minimumFractionDigits；中文排序须用zh-Hans-CN和sensitivity:'base'。
-
clip-path动画需同类型路径且结构严格一致才能过渡，推荐全程用path()并统一单位；类型不同（如inset→path）或顶点数/指令数不匹配会导致跳变；JS动画需避免重复字符串拼接并注意读写分离。
-
最直接有效的解法是按业务功能拆分为多个独立的CompositionAPI函数，如useLoginForm、useApiRequest、useToast等，每个专注一件事；新建composables/目录存放可复用的.js文件，保持内聚性与复用性，并配合defineProps、defineEmits和defineOptions提升可读性与可维护性。
