-
FIMO输出HTML不支持文本对齐控制。其HTML为固定模板，无align属性或CSS样式选项，对齐效果源于浏览器默认渲染；需通过后处理注入CSS或改用TSV+Pandas/R等工具实现自定义对齐。
-
闭包能有效封装WebWorker通信细节，隐藏worker实例与消息通道，支持多任务队列、上下文绑定、统一错误处理与重试、模块化隔离。
-
JavaScript操作浏览器标签页的核心是window.open()和window.close()，但受限于安全策略，仅能由用户交互触发且无法控制非脚本创建的标签页。通过window.open()可打开新标签页并获取其引用，结合URL参数、window.opener、localStorage、BroadcastChannel等实现同源页面间的数据传递与通信。需注意弹窗拦截、跨域限制、安全风险（如opener泄露）及用户体验问题。移动端window.open()的窗口特性支持有限。此外，浏览器扩展API提
-
纯HTML实现返回顶部需用<ahref="#top">指向带id="top"的顶部元素（不可设在<body>），配合html{scroll-behavior:smooth}启用平滑滚动，固定按钮需设z-index≥100并处理iOS兼容性；JS仅在路由、IE兼容或动态偏移时必要。
-
使用:not(:last-child)可选中除最后一个子元素外的所有同级元素，常用于为列表项添加分隔线或间距时排除末尾元素；例如li:not(:last-child){border-bottom:1pxsolid#ccc;}可为每个列表项下方加边框，但最后一项不加，使界面更整洁。该选择器基于父元素中的位置判断，若需按标签类型排除末项，应改用:not(:last-of-type)。
-
clamp()在margin/padding中按最小值、首选值（需用vmin等可伸缩单位）、最大值线性插值，非自动响应；需设合理上下限、避免单位混用、提供fallback、统一基准并抽离为CSS变量以保维护性。
-
aria-live是唯一能让屏幕阅读器感知DOM变化的属性，需配合aria-atomic（控制重读范围）和aria-relevant（过滤变更类型）才能准确播报；仅设属性或错误更新DOM均会导致失效。
-
必须先设height:auto再读scrollHeight，否则旧高度会干扰测量；iOS、IE11等环境下易导致高度卡顿、留白或光标跳动。
-
右上角“塌陷”因border内切导致，应抽离元素用absolute定位+border-bottom/border-left外撑；伪元素transition需用opacity+transform而非display；clip-path直观但Safari旧版兼容差。
-
Promise通过链式调用替代callback地狱，核心是将嵌套回调转为线性结构；需正确包装回调API、确保resolve/reject调用、避免then内嵌回调，并善用Promise.all/allSettled/race及错误处理。
-
JavaScript数组操作核心是选对方法、避免副作用、利用现代语法：map/filter/reduce用于不可变数据转换与筛选，慎用push/splice/sort等修改原数组的方法，深层操作善用flat/find/解构，性能敏感时注意缓存length、批量push及分片处理。
-
Android和iOS的<inputtype="date">行为差异显著：安卓用可有限定制的原生选择器，iOS强制滚轮picker且CSS无效；iOSonchange仅确认后触发、oninput滚动即触发；清空时安卓返回""、iOS可能为null或旧值；required校验iOS不拦截；推荐统一监听onchange、显式校验、避免依赖样式。
-
:not()不支持嵌套，如:not(:not(.active))无效；仅支持单层且内部不能含:not()、:is()等；多:not()串联是“且”关系，非“或”；其内部选择器参与优先级计算，但本身不增权重。
-
浮动元素脱离文档流，不再为父容器撑高且不影响块级兄弟元素垂直位置；块级兄弟元素“上移”、内联内容“环绕”；父容器高度塌陷是规范行为，修复方式包括触发BFC、清除浮动或改用Flex/Grid。
-
在ReactRouter6.15中，ScrollRestoration组件可原生支持导航时滚动至顶部及历史回退时恢复滚动位置；若需更精细控制，也可通过自定义useScrollToTopHook或布局级组件实现。
