-
HTML是定义网页内容结构与语义的标记语言规范，非架构标准；DOCTYPE声明决定解析模式，head与body为强制逻辑分区，标签嵌套、属性书写等细节直接影响语义、可访问性与渲染一致性。
-
box-shadow多层叠加“糊成一团”是因渲染顺序错误：大模糊阴影应置于后层，锐利阴影放前层；spread负值可收紧边缘，blur与spread配比决定立体感；inset阴影需写在最后才能浮于表面；响应式需用CSS变量或clamp()动态调整。
-
CSS变量可动态控制background-position，需在:root或选择器内声明带单位的变量，用var()调用并配合calc()计算，多背景图时须一一对应变量，注意兼容性与生命周期管理。
-
函数柯里化将多参函数转换为单参函数链，提升复用性；函数组合理论上是f(g(x))，实现数据流水线处理；两者结合可构建清晰、声明式的代码结构，使逻辑更简洁易读。
-
高频读取getter本身不直接耗电，真正造成电池负荷的是它背后触发的计算、内存访问、状态同步或副作用。
-
正则表达式可快速提取HTTP响应头Key-Value对，但仅适用于格式规范、无嵌套和换行折叠的原始头；需先切出头部块、逐行匹配并转小写存储key，或用字符串方法替代以提升鲁棒性。
-
Array.from(newSet(arr))对简单原始值去重高效，百万级数据通常5–20ms；对象需用Map按字段去重；超大数据应分块、流式处理或移至WebWorker。
-
::placeholder是现代浏览器标准写法，Chrome57+、Firefox52+、Safari10.1+、Edge79+原生支持；老版本需按需补前缀，但失效主因常是选择器不匹配、优先级不足或未显式声明color。
-
requestVideoFrameCallback不能直接实现滤镜合成，但提供低延迟帧时机和精准时间戳，是实时视频处理链路关键起点；需配合OffscreenCanvas或WebGL做像素级滤镜，纯分析任务可直接触发处理逻辑以避开drawImage同步拷贝开销。
-
应使用带业务语义的块名，如.user-profile-tabs、.settings-tabs、.product-detail-tabs，而非泛化的.tabs；状态同步推荐用is-active类而非--active修饰符，确保语义清晰、可维护性强。
-
应使用语义清晰的div/span配合CSS实现垂直分隔线，或在Flex布局中用border-left/right控制；禁用hr的orientation属性和transform旋转，避免布局错位与语义错误。
-
答案：通过contenteditable结合自定义命令栈实现富文本编辑器的撤销重做功能。1.使用contenteditable使div可编辑；2.维护undoStack和redoStack两个栈保存操作历史；3.监听input、mouseup等事件并防抖保存状态；4.实现undo/redo方法，切换历史状态；5.优化包括限制步数、比较内容变化、合并连续输入及光标位置处理。核心是手动管理DOM快照而非依赖浏览器默认行为。
-
用text-indent配合媒体查询可响应式调整缩进，但必须用em或rem单位；px和%在多断点下易失控，因缩进需随字号等比变化以保持中文排版语义，且须确保元素为块级并处于BFC中。
-
z-index不生效主因是元素未定位或被父级层叠上下文隔离；需确保position非static，且检查祖先元素是否因opacity/transform/filter等触发新层叠上下文。
-
radial-gradient默认画椭圆是因为起始形状是ellipse而非circle；要画圆必须显式声明circle，并配合closest-side或farthest-corner等size关键词控制半径范围。
