-
rgba()支持透明通道且仅影响当前颜色属性，#hex不支持透明（除新标准8位扩展但兼容性差）；rgba()第四参数为0–1小数，需先转RGB再加alpha；IE8及以下需fallback写法；透明背景需同步保障文字对比度。
-
document.cookie读写需严格遵循字符串格式与元信息规则：读取时需处理分隔符、解码及空格；写入须声明完整属性；删除靠伪造过期；HttpOnlycookie无法被JS访问。
-
推荐使用CSS设置文字样式，通过style属性或样式表定义font-family、font-size和color；2.可在标签内用style直接设置，或在style标签及外部文件中统一管理；3.避免使用已废弃的font标签。
-
fetch读取本地HTML文件触发CORS错误是因file://协议被浏览器禁止跨域请求，解决方法是部署到本地HTTP服务或改用XMLHttpRequest；DOMParser解析HTML字符串更安全；Node.js中需用fs读取文件并注意编码与路径。
-
原生WebSocket无法直接await，因其无请求-响应语义；需手动实现请求标识、响应匹配与超时控制三层逻辑，包括生成唯一uuid、用Map存储Promise回调、服务端返回对应uuid，以及连接异常时清理pending请求。
-
nav和dropdown必须是两个独立block，因nav只管语义结构与布局，dropdown专责交互行为（显隐、定位、过渡），二者职责分离才能避免样式耦合与测试爆炸。
-
答案：通过监听change事件可实时响应文件选择变化，结合draganddropAPI支持拖拽上传，并利用事件委托处理动态添加的文件输入框。
-
应优先提升虚拟机CPU核心数与内存容量，再启用3D图形加速并扩容显存，接着切换为NVMe或SCSI存储控制器、禁用非必要虚拟设备及后台服务，最后优化客户机浏览器与HTML工具配置。
-
真正有效的DOM打点必须锚定在浏览器确认“内容已就位”的稳态节点上：单次插入用requestAnimationFrame检查挂载与offsetHeight>0，批量操作验证getComputedStyle可见性，按准备/写入/布局分层命名且不重复，通过链路ID控制唯一性，并用performance.getEntriesByName验证落点。
-
-webkit-tap-highlight-color:transparent仅对可点击且可聚焦的元素自身生效，不继承、不全局作用；需显式写在目标节点（如button、[role="button"]）上，并确保viewport正确、语义完整，AndroidChrome62+已不支持。
-
template.content是唯一能取到模板内容的只读属性，返回DocumentFragment；必须用cloneNode(true)或importNode克隆后才能复用，且需手动绑定事件、设置表单状态。
-
Flex容器中margin-bottom不撑高父容器并非外边距合并，而是align-items:stretch默认行为所致：子元素无明确高度且内容少时底边“浮”在基线附近，margin-bottom未参与布局计算；gap是更优解，因其为Flex/Grid原生间距机制，不塌陷、不解耦、语义准确，现代浏览器已全支持。
-
使用CSSMediaQuery可实现响应式布局，1.通过@media规则根据屏幕宽度设置断点适配不同设备；2.可检测方向、分辨率等特性精细控制样式；3.推荐移动优先策略，先定义小屏样式再逐步增强；4.建议用em单位、添加viewport标签并保持断点简洁，结合Flexbox或Grid布局提升适配效果。
-
initial-letter在Chrome/Firefox中不生效，是因为浏览器尚未原生实现该属性：Chrome119+需手动开启实验标志才支持，Firefox至今完全不支持，AndroidWebView及旧版Safari亦无实现。
-
HTML表格使用<table><tr><th><td>构建，支持scope属性提升可访问性、colspan/rowspan合并单元格、<caption>添加标题及内联样式控制外观。
