-
使用:not(:last-child)可选中除最后一个子元素外的所有同级元素，常用于为列表项添加分隔线或间距时排除末尾元素；例如li:not(:last-child){border-bottom:1pxsolid#ccc;}可为每个列表项下方加边框，但最后一项不加，使界面更整洁。该选择器基于父元素中的位置判断，若需按标签类型排除末项，应改用:not(:last-of-type)。
-
纯HTML实现返回顶部需用<ahref="#top">指向带id="top"的顶部元素（不可设在<body>），配合html{scroll-behavior:smooth}启用平滑滚动，固定按钮需设z-index≥100并处理iOS兼容性；JS仅在路由、IE兼容或动态偏移时必要。
-
JavaScript操作浏览器标签页的核心是window.open()和window.close()，但受限于安全策略，仅能由用户交互触发且无法控制非脚本创建的标签页。通过window.open()可打开新标签页并获取其引用，结合URL参数、window.opener、localStorage、BroadcastChannel等实现同源页面间的数据传递与通信。需注意弹窗拦截、跨域限制、安全风险（如opener泄露）及用户体验问题。移动端window.open()的窗口特性支持有限。此外，浏览器扩展API提
-
闭包能有效封装WebWorker通信细节，隐藏worker实例与消息通道，支持多任务队列、上下文绑定、统一错误处理与重试、模块化隔离。
-
FIMO输出HTML不支持文本对齐控制。其HTML为固定模板，无align属性或CSS样式选项，对齐效果源于浏览器默认渲染；需通过后处理注入CSS或改用TSV+Pandas/R等工具实现自定义对齐。
-
FetchAPI是现代浏览器发起网络请求的标准方式，相比XMLHttpRequest更简洁强大，基于Promise支持async/await，但需手动处理状态码异常和响应解析，且不支持超时、上传进度监听等，IE不兼容。
-
offsetWidth包含内容宽度、左右内边距和左右边框宽度，不包含外边距，也不受transform缩放影响；它与clientWidth（不含边框）、scrollWidth（含溢出内容）有本质区别，适用于弹窗宽度匹配、裁剪判断等布局测量场景。
-
最稳妥方式是将严格符合JSON格式的<scripttype="application/ld+json">直接写入HTML<head>，每个商品独立一个块，价格含priceCurrency，库存用标准大写值（如"InStock"），禁用JS动态插入、单引号、注释和尾逗号。
-
事件委托的核心原理是利用事件冒泡机制，将事件监听器绑定在父元素上，通过event.target.closest()和matches()精确识别目标元素，避免为动态元素重复绑定，但不适用于focus/blur等不冒泡事件。
-
应将尺寸修饰符限定为单一维度，仅作用于根元素且只设width和height，如.avatar--sm；形状、状态等须另起正交修饰符，避免语义混乱。
-
在使用原生HTML5Drag&Drop实现列表拖拽排序时，常因transform或transition导致被拖元素视觉上“回弹”到原始位置；本文提供零延迟setTimeout+color:transparent的轻量级修复方案。
-
在CSS中设置外边距的主要方法有：1.使用单个margin属性，可以一次性设置四个方向的外边距；2.使用单独的属性如margin-top等，适用于精细控制；3.使用百分比和auto值，适用于响应式设计和居中元素。实战经验包括注意外边距塌陷、使用百分比或rem单位进行响应式设计、谨慎使用负外边距以及性能优化。
-
低代码平台不直接暴露flatMapAPI，但在底层逻辑编排或自定义脚本中可用flatMap高效实现多数据源动态合并与拓扑排序：通过flatMap展开、过滤、映射异构数据源为带优先级的扁平执行单元，并驱动变量聚合节点分组配置，同时需遵守平台约束如兜底值置尾、类型统一和分组数限制。
-
根本原因是默认盒模型为content-box，padding和border不包含在设置的width/height内，而是额外增加；加padding后总尺寸=内容区+2×padding。
-
as关键字用于重命名命名导出，解决名称冲突、提升语义明确性、适配API演进及聚合多源导出；如import{logasutilsLog}from'./utils.js'避免变量重复，import{parseasparseCsv}区分来源，import{loadDataasfetchData}兼容旧调用。
