-
用CSS变量实现多页面主题色：在:root定义语义化变量（如--primary-color），通过body或容器的style属性、data-theme属性或JS动态设置覆盖，依赖继承生效；注意all:unset会清空变量，服务端需预注入避免闪屏。
-
overflow:hidden能撑开父容器是因为触发BFC，使父容器包含浮动子元素高度；但会裁剪溢出内容，推荐用display:flow-root替代。
-
要让侧边栏的特定元素固定在底部对齐，最有效的方案是使用Flexbox布局；2.将侧边栏设置为display:flex且flex-direction:column，使其成为垂直方向的Flex容器；3.给需要底部对齐的元素添加margin-top:auto，使其自动占据上方剩余空间并被推至底部；4.该方法优于position:absolute，因它保持元素在文档流中，避免重叠和定位混乱；5.Flexbox能自适应内容高度变化，无需JavaScript干预，确保布局稳定；6.此外，Flexbox还支持侧边栏与主
-
答案：JavaScript实现剪贴板复制有三种主要方式。1.使用已废弃但兼容性好的document.execCommand("copy")，需创建临时文本元素并触发用户事件；2.推荐使用现代ClipboardAPI的navigator.clipboard.writeText()，更安全高效，支持异步操作但需HTTPS环境和用户手势触发；3.通过判断浏览器支持情况自动降级，优先使用API，不支持时回退到传统方法。实际应用中应根据项目需求选择方案，新项目用API，旧浏览器用兼容方案，并提供复制成功提示以提升体
-
Canvas是唯一可行的底层方案，因其在实时协作、笔迹平滑性与性能压测下表现稳定；必须手动处理事件节流、坐标归一化、路径压缩和上下文重置以解决卡顿、断笔、偏移问题；需检查getContext('2d')是否返回null并fallback，避免静默失败；移动端须校验CSS缩放导致的坐标扭曲；必须同时监听鼠标与触控事件并阻止默认行为；擦除应使用'destination-out'合成模式而非画白色；导出时需适配跨域、Retina屏及透明背景。
-
AntDesign是成熟React组件库而非低代码搭建工具，需集成使用而非生成组件；其核心价值在于开箱即用的规范组件、主题配置（theme）、国际化（locale）及性能优化（如virtual），而非可视化拖拽。
-
AppCache已被所有主流浏览器废弃，唯一可行的离线方案是ServiceWorker+CacheAPI；因其存在更新不可控、全站故障、不支持请求拦截等根本缺陷，W3C于2018年将其标记为obsolete。
-
不能用<table>套整个页面，因其专为结构化数据设计，用于布局会导致语义错乱、可访问性差、响应式失效、维护困难；报表页应仅在行列关系明确处使用，并配齐<thead>/<tbody>、<th>与scope属性，整体布局推荐Flexbox或Grid。
-
HTML本身无法实现全屏，需用JavaScript的requestFullscreen()方法（用户手势触发）配合:fullscreen伪类控制样式，调用返回Promise需捕获错误，退出靠fullscreenchange事件和document.fullscreenElement判断。
-
HTML文件需先格式化再diff，否则90%差异为格式噪音；推荐tidy或prettier标准化，浏览器端用diff2html可视化，语义级对比须用lxml或html5lib解析DOM树。
-
函数节流的核心是“稳执行”而非“少执行”，需配合passive:true和requestAnimationFrame，避免强制重排与重绘，轻量逻辑外移至WebWorker或虚拟滚动。
-
JavaScript中反斜杠用于转义字符，必须正确使用：\"、\'、\\、\n、\t、\r等有特定含义；模板字符串不支持\x转义；正则需双重转义；ES6推荐\u{...}和\x替代八进制。
-
WebWorkers通过消息传递实现主线程与Worker线程间的通信，支持字符串、数字、数组、对象及ArrayBuffer等可序列化数据类型，不支持函数、DOM节点等；利用postMessage发送数据，onmessage接收，可通过TransferableObjects如ArrayBuffer提升大数据传输性能，传输后原引用失效；主线程调用worker.terminate()或Worker内调用self.close()关闭Worker，同时需监听onerror处理异常；适用于高耗时任务如大数据解析、图像
-
必须使用input[type="radio"]配合label和CSS兄弟选择器实现，确保可访问性、键盘导航及表单提交；禁用display:none隐藏radio，改用position:absolute;clip:rect(0000)；悬停与选中状态需通过:checked~label和:hover~label叠加控制；fieldset包裹并配legend满足WCAG标准。
-
BigInt是处理大型科学装置原始脉冲计数值的唯一可靠选择，因其可精确表示超10¹⁸量级整数，避免Number类型因精度限制导致的截断与失真，确保计数、比较、累加、差分全程保真。
