-
优先用CSSbackground-blend-mode解决背景图与文字颜色冲突，如multiply/screen/overlay；其次用伪元素遮罩层；再辅以filter微调；最终需前后端协同控制图片色域。
-
不能，subgrid不能直接替代传统嵌套Grid；它仅作用于直系子元素，需父容器设grid及轨道定义、子元素显式声明subgrid，缺一即退化；兼容性需双重@supports检测并配合CSS变量fallback。
-
length统计UTF-16编码单元数而非字符数，导致代理对字符（如?、?）length为2；应使用Array.from()、Intl.Segmenter或codePointAt()获取真实字符数。
-
必须调用super()，因为ES6要求子类构造函数访问this前须先执行父类构造函数以初始化实例内部结构和原型链，否则会抛出ReferenceError。
-
正确做法是将REM基准值定义为无单位SCSS变量（如$font-scale:16），在:root中转为px，并用rem-calc()函数统一计算rem值，避免硬编码和JS动态设置冲突。
-
HTML无法直接发送短信，只能通过sms:协议链接唤起系统默认短信App并预填内容；需注意国际号码格式、中文URL编码、多收件人兼容性差及移动端限制。
-
在HTML中插入倒计时器可以使用JavaScript实现。具体步骤包括：1.设置目标时间；2.使用setInterval或requestAnimationFrame更新倒计时；3.通过DOM操作更新显示内容；4.处理倒计时结束的情况。
-
使用float布局图片时，需统一图片尺寸、设置固定宽高和一致margin，并通过box-sizing和清除浮动确保排列整齐。
-
modulepreload是<linkrel="modulepreload">用于预获取模块而不执行，区别于<scripttype="module">的立即解析执行；它需绝对路径、as="script"，且服务端需配CORS，适用于明确依赖链或动态导入前的预加载。
-
time标签的datetime属性必须严格符合ISO8601格式，如“2024-05-20T14:30:00+08:00”；省略时间可仅用日期“2024-05-20”，但“2024/05/20”等非法格式将导致语义丢失。
-
暗黑模式需三者协同：prefers-color-scheme媒体查询兜底、data-theme属性统一控制、localStorage持久化用户选择；缺一则导致刷新回亮色、表单失色或Safari闪屏。
-
CredentialManagementAPI可实现原生异步自动填充：检测支持后，在DOM就绪且用户未输入前调用navigator.credentials.get()，通过mediation控制交互强度，安全注入凭证并更新UI，登出时需调用preventSilentAccess()保持状态一致。
-
playsinline在iOS上关键是因为仅iOSSafari和WebKitWebView强制要求该属性实现内联播放，Android等浏览器默认支持；必须同时设置playsinline和webkit-playsinline布尔属性，且需配合muted才能自动播放，否则强制全屏。
-
核心是将“今年生日”与“当前日期”转为Date对象计算毫秒差；若今年生日已过，则自动设为明年生日，再用Math.ceil(diffMs/86400000)得精确天数。
-
应优先用<img>替代background-image实现全屏背景，因其支持srcset/sizes精准适配多DPR，避免CSS渲染模糊；纯色渐变用CSS，纹理用SVG内联，图标用<svg>元素。
