-
本文讲解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提升可读性与可维护性。
-
SSR的核心是在Node.js中执行组件并生成带数据的HTML字符串，而非直接返回静态index.html；必须包含组件执行、数据注入、HTML合成三环节，且需规避浏览器API、保证同构、严格对齐客户端水合。
-
height:50%在Flex容器中不生效是因为CSS百分比高度需基于有明确height（非auto）的父容器，若Flex容器自身height为auto，则子元素height:50%退化为auto；须向上设置html、body及祖先元素的height或min-height（如min-height:100vh），且在flex-direction:column下应改用flex-basis（如flex:0060%）而非height；Safari14–15.6存在解析缺陷，不将display:flex父容器视为有
-
Array.prototype.sort()的不稳定性不会直接导致UI错位，但当存在重复值且未用稳定比较函数时，会使等值元素顺序错乱，引发同价商品排序跳变、评分头像乱序、分页重复项及key为索引时的DOM复用异常。
-
fetch触发OPTIONS预检当使用PUT/DELETE等非常规方法、含自定义请求头或非标准Content-Type时；前端可降级为简单请求规避，但需后端配合，且credentials需显式设为include并配对应响应头。
-
BEM通过将作用域编码进类名（如search-form__submit）实现样式隔离，避免全局冲突；禁止无上下文规则、!important和嵌套后代选择器，强调Block功能闭环与命名一致性。
-
color-mix()仅支持混合两个不透明颜色，不处理透明度；需透明时应使用rgba()、hsla()或color()的alpha参数，且输入颜色不可含alpha，色彩空间推荐inoklch。
-
在<form>标签上添加novalidate布尔属性即可禁用整个表单的HTML5原生验证，无需赋值；formnovalidate仅适用于提交按钮，用于单次提交跳过验证；禁用后:valid/:invalid伪类失效，且服务端校验不可省略。
-
<colgroup>仅能可靠设置width（需配合table-layout:fixed）、有限border及visibility:collapse，不支持color、font-size、background-color等样式；必须作为<table>直接子元素置于<caption>后、<thead>前，否则被忽略。
-
应在:root中一次性声明所有设计系统颜色变量，如:root{--color-primary:#0066cc;--color-error:#d32f2f;}，命名需语义化；暗色模式通过:root[data-theme="dark"]覆盖值；使用data-theme切换主题并配合合法fallback值（如background:var(--color-primary,#0066cc)）确保兼容性；颜色源统一维护在tokens/colors.json等独立文件中，通过脚本生成CSS并纳入CI校验。
-
中介者模式重构微前端通信总线，通过统一入口、命名空间隔离、生命周期自动管理、请求-响应语义、跨框架兼容与安全控制，实现模块解耦与可控通信。
-
WebComponents事件冒泡需精准控制：默认composed:false阻止穿透，必要时显式设composed:true；外部应检查event.composedPath()或target防误触发；框架集成时用修饰符或自定义事件避免冲突。
