-
JavaScript创建自定义事件需用CustomEvent构造函数定义类型与detail数据，并调用dispatchEvent在目标元素触发；监听时用addEventListener，通过event.detail获取数据。
-
本文介绍一种健壮的JavaScript方法，用于判断二维数组中各时间区间（起始/结束数值）是否相互重叠，并基于重叠关系为每项分配连续、不冲突的编号范围（如1-30），确保逻辑清晰、结果可预测。
-
优先使用transform:translate()移动元素，因其仅触发重绘或合成、性能优于触发重排的left/top；需注意坐标系、事件兼容性、will-change优化及JS控制规范。
-
要实现页面的平滑滚动，核心在于利用BOM接口结合requestAnimationFrame逐步更新滚动位置。1.使用window.scrollTo()或scrollTop属性控制滚动目标；2.通过requestAnimationFrame实现与浏览器刷新率同步的动画循环；3.引入缓动函数（如ease-out）提升滚动自然感；4.记录起始时间、计算进度并动态调整滚动位置；5.在动画完成或用户干预时及时终止循环。相比CSS的scroll-behavior:smooth，该方法具备更高的控制粒度、更广的兼容性和
-
本文介绍如何通过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等效果，增强
