-
CSS加载顺序决定样式覆盖结果，需将基础样式置于head最前，避免@import和动态插入导致的竞态；构建时须显式控制chunk优先级并验证HTML中link顺序。
-
使用CSS的background-image属性是设置HTML背景图片的核心方法，通过url()指定图片路径，并结合background-size、background-repeat等属性控制显示效果。常见问题如路径错误、元素无高度、CSS优先级冲突等需逐一排查。为实现响应式，推荐使用background-size:cover或contain，并配合媒体查询适配不同设备。此外，支持多重背景图叠加及与CSS渐变组合，通过逗号分隔多个值，实现丰富视觉层次，提升设计灵活性。
-
心跳检测需与连接状态、业务流量、重连策略深度耦合：必须在ws.readyState===WebSocket.OPEN时发送原生Ping帧，及时清理定时器，结合业务消息重置超时，并采用指数退避+随机抖动重连，避免竞态与重连风暴。
-
float在flex容器的直接子元素上必然失效，这是CSS规范强制行为，浏览器会静默将float计算值设为none，且不触发BFC；flex与float属于互斥布局机制，前者由容器统一调度子项位置，后者使元素部分脱离文档流。
-
color属性默认继承父元素颜色，子元素未设置时自动沿用父级颜色；通过unset、inherit、initial或自定义值可控制继承行为；注意表单元素和链接可能不继承需单独设置。
-
唯一可靠方案是使用@page+counter(page)，因其由浏览器原生计数器驱动，不依赖JS、不触发重排，且被Chrome/Edge/Firefox/Puppeteer/wkhtmltopdf等主流引擎支持。
-
调用ReadableStream.getReader()会独占锁住流，同一时间仅允许一个活跃reader，重复调用抛出TypeError；锁通过[[locked]]内部槽控制，禁止再次getReader()、pipeTo()、pipeThrough()及BYOB模式读取；锁确保读取顺序性，不阻塞数据流入；开启底层读取需调用reader.read()，返回Promise并触发pull()或返回缓存chunk；锁需显式释放：读完自动解锁、cancel()主动终止或finally中调用cancel()/rele
-
直接修改element.style.xxx即可，需注意驼峰命名（如backgroundColor）、单位字符串（如"14px"）、CSS变量用setProperty()、避免混淆只读的getComputedStyle()。
-
塔防游戏需三大核心：路径需用节点序列与插值实现平滑移动；逻辑与渲染须分离并用固定步长驱动；攻击判定宜用格子法优化性能；交互需处理坐标转换、区域校验与DPI适配。
-
真正可行的是background-clip:padding-box配合透明border实现渐变边框，因该属性限制背景仅渲染于内边距及内容区，结合transparent边框可使渐变“显形”于边框位置。
-
html5play无法播放AAC音频的根本原因是其依赖浏览器原生audio元素，而浏览器仅支持MP4封装的AAC（.m4a/.mp4），不支持裸ADTS流（.aac）；需确保服务端返回audio/mp4或audio/x-m4a类型及正确CORS头。
-
直接设置width/height无效，应使用transform:scale()配合transform-origin:center缩放，并通过margin调整间距，确保可点击区域≥24×24px且兼顾可访问性。
-
用Map构建“字段名-验证器”映射引擎，核心是将各表单字段校验逻辑封装为可复用、动态注册/替换的函数，以字段名为键、验证函数为值存入Map，实现结构与规则解耦，适配配置化表单、多语言及动态策略场景。
-
padStart和padEnd仅用于字符串首尾补全，无法实现手机号中间脱敏；真实脱敏需先slice提取前后段再拼接星号，如“138**1234”。
-
padding用于设置元素内容与边框间的距离，提升可读性和视觉舒适度；其值不可为负，会增加元素实际占用空间。通过单、双、三、四值写法可分别设置不同方向的内边距。在标准盒模型中padding会扩大元素尺寸，而box-sizing:border-box则将其包含在宽高中，便于布局控制。常用于文本容器、按钮、导航菜单及响应式设计，是实现精准布局的基础。
