-
必须调用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>元素。
-
点击穿透需作用于真正遮挡元素本身，父设pointer-events:none会使子元素auto失效，应抽离交互控件为兄弟节点或用伪元素模拟遮罩。
-
Word加载本地HTML图片慢的根本原因是其逐个同步解析img标签src路径且不支持缓存或异步，相对路径基准目录为临时工作目录而非HTML所在目录；解决方法是将图片统一复制到HTML同级media子目录，并将所有src改为相对路径如"media/xxx.png"，避免file://或UNC路径。
-
flex-direction:column本身不激活Flex布局，必须配合display:flex、父容器有高度（如min-height:100vh）、子项合理设置flex属性及overflow-y:auto才能实现垂直排列与滚动。
