-
相对定位元素位移后仍占原文档流位置；其本质是先按正常流占位再基于原位置偏移，top/left等不引发重排，z-index受层叠上下文限制，absolute子元素以relative父元素为containingblock但不受其后续位移影响。
-
input提示失效最常见原因是事件未绑定或被覆盖，如JS执行早于DOM加载、data-*属性拼写错误、CSS遮挡提示层、框架生命周期冲突。
-
窗口缩放错位或溢出主因是固定宽高、缺max-width及盒模型误用；应设max-width:100%、用min-height/vh、flex-wrap换行、移动优先媒体查询、flex-shrink:0防压缩、grid用repeat(auto-fit,minmax())、字体用clamp()弹性适配。
-
文档应包含模块简介、安装引入方式、API接口说明、使用示例和注意事项；通过JSDoc生成HTML文档，结合代码注释描述函数功能、参数与返回值；保持文档同步需将更新纳入开发流程，利用CI和GitHubPages自动化部署；提升可读性需用动词开头描述功能、具体化参数说明、辅以图表与changelog，确保内容清晰实用。
-
本文介绍如何通过processing:true和language.processing配合CSS控制，彻底隐藏原始HTML表格的短暂闪现，确保DataTables完全初始化完成后再展示表格，并同步控制D3图表的渲染时机。
-
JSAPIv2与v7的核心分水岭在于能力边界重划：v2是早期简单响应式框架，v7是ArkUI全面落地后的重构版本，二者不兼容，需迁移ForEach→Repeat、CustomDialogController→bindsheet/bingpopup、animateto→animateTo+AnimationOptions。
-
在JavaScript中实现Excel导出可以使用原生API导出CSV文件或使用SheetJS库导出带格式的Excel文件。1)使用Blob对象和URL.createObjectURL方法可以实现简单的CSV导出，适合小型数据集。2)SheetJS库支持复杂的Excel格式导出，但文件较大，处理大数据集时可采用流式处理方法来提升性能。
-
浮动图文间距问题根源在于行框高度计算异常，应通过vertical-align:top、明确line-height和BFC触发来修复，而非滥用margin/padding；现代布局推荐Grid/Flexbox替代float。
-
HTML5布局中元素间距问题可通过四种方法解决：一、用margin设置外边距；二、用gap控制Flex/Grid子项间隙；三、用padding增加内边距；四、用伪元素插入间隔节点。
-
单行文本溢出省略需设置overflow:hidden、white-space:nowrap和text-overflow:ellipsis，并限定宽度；多行则用display:-webkit-box、-webkit-line-clamp和-webkit-box-orient:vertical，同样需隐藏溢出，适用于WebKit浏览器，注意兼容性及容器宽度限制。
-
max-width和max-height不能让元素自适应，仅作上限约束；需配合width:auto和height:auto才能实现随内容或容器变化的自动调整。
-
直接用1.5更安全，因1.5em会继承父元素font-size叠加放大，导致嵌套时行高失控；1.5是无单位值，按自身字号计算，稳定兼容。
-
padding百分比始终基于父元素宽度计算，无论top/bottom/left/right，均按父容器内容区宽度而非高度或子元素尺寸计算，这是为避免布局循环依赖的CSS规范强制行为。
-
html2canvas渲染空白或部分截图的主因是目标元素未加载完、含跨域资源或被隐藏；需确保DOM挂载可见、图片同源或开启CORS、避免高级CSS属性，并等待资源加载完成后再调用。
-
实现CSS渐变文字的核心技巧是使用background-clip:text与color:transparent结合。1.将文字设为透明；2.为文字添加渐变背景；3.使用background-clip:text使背景仅在文字区域内显示。这种方式依赖于background-image接受渐变函数，而color属性无法直接设置渐变。为确保兼容性，需添加-webkit-前缀，也可借助Autoprefixer自动处理。此外，还可拓展玩法，如使用图片纹理、动态背景、结合text-shadow或filter等效果，增强
