-
模态框缩放动画卡顿或闪动，主因是transform-origin不匹配、visibility/display切换不同步、父容器尺寸未固定或height:auto触发重排；应显式设transform-origin:center，仅用opacity和transform:scale()，配合visibility:hidden与transition延迟隐藏，并确保容器宽高明确。
-
JavaScript操作DOM的核心是精准获取元素并用合适方法更新，常用获取方法包括getElementById、querySelector等；更新内容需区分textContent与innerHTML；修改属性推荐classList和dataset；增删节点需基于父元素操作。
-
计算属性名仅用于动态生成对象键名，不能直接合并多数据源字段；真正合并需通过统一接入层、字段映射规则和运行时聚合，并用计算属性名添加来源前缀以避免冲突。
-
as关键字用于重命名命名导出，解决名称冲突、提升语义明确性、适配API演进及聚合多源导出；如import{logasutilsLog}from'./utils.js'避免变量重复，import{parseasparseCsv}区分来源，import{loadDataasfetchData}兼容旧调用。
-
根本原因是默认盒模型为content-box，padding和border不包含在设置的width/height内，而是额外增加；加padding后总尺寸=内容区+2×padding。
-
低代码平台不直接暴露flatMapAPI，但在底层逻辑编排或自定义脚本中可用flatMap高效实现多数据源动态合并与拓扑排序：通过flatMap展开、过滤、映射异构数据源为带优先级的扁平执行单元，并驱动变量聚合节点分组配置，同时需遵守平台约束如兜底值置尾、类型统一和分组数限制。
-
JavaScript继承有四种模式：1.原型链继承，通过prototype实现方法复用但属性共享；2.借用构造函数，用call/apply复制属性但无法继承方法；3.组合继承，结合前两者，属性独立且方法复用；4.ES6class，语法糖封装原型链，语义清晰且功能完备。
-
必须显式添加transition才能实现hover缩放动画，且需写在基础选择器上；缩放中心由transform-origin控制，建议用关键词；移动端需降级或JS处理；模糊问题可通过整数缩放、translateZ(0)或backface-visibility缓解。
-
不会。CSS渐变本身静态，不触发重绘；性能瓶颈源于动画中图层合成开销、低端WebView兼容性、大量复用组件及fixed背景等场景，需结合DevTools实测判断并谨慎替换为纯色。
-
absolute定位参考最近已定位祖先，若无则退至视口左上角；relative需显式声明才能为子元素提供定位上下文；sticky需top值+可滚动父容器；fixed受transform等属性影响参考系。
-
ShadowDOM中文字颜色不是body所设，是因为虽color可继承，但用户代理样式（如a默认蓝色）优先覆盖；解决方法是在ShadowDOM内显式设置color:inherit或通过:host定义继承源。
-
HTML无法实现真正的301重定向，因为HTTP状态码由服务器决定，而<metahttp-equiv="refresh">仅触发客户端跳转（等效302），返回200状态码，不传递权重且影响SEO。
-
:nth-child(3n+1)选择DOM序号为1、4、7…的元素，与视觉排列无关；其生效需满足HTML线性、列数固定、无隐藏/插入元素等条件，否则易错位；可靠方案是用Grid定位而非依赖序号。
-
流式二进制合并适用于满足全部前提的碎片化媒体：同源、未加密（或已解密）、编码参数一致、首片含完整文件头且后续为纯帧数据；否则需转码、解密或转封装。
-
<p>Less中calc()无法直接使用变量，需用插值~"calc(100vh-@{header-height})"实现编译期替换；混用单位、媒体查询重定义变量无效，推荐CSS自定义属性；注意空格和性能问题。</p>
