-
some比forEach+手动中断更合适，因其天然支持短路：一旦某规则返回true即停止遍历，语义清晰且避免冗余校验；而forEach需抛错或标志位，易出错且可读性差。
-
实现等高列的常见方法是使用display:table-cell或flex布局。1.使用table-cell时，将容器设为display:table-row，子元素设为display:table-cell，它们会自动等高对齐，适合兼容老旧浏览器；2.使用flex布局时，只需将容器设为display:flex，子元素默认会拉伸至相同高度，更适合现代响应式设计；3.需注意table-cell可能影响内部元素定位和百分比高度计算，导致布局异常；4.若项目需兼容IE8及以下版本，推荐table-cell，否则建议优
-
:last-of-type选择父元素中同类型标签的最后一个子元素，如p:last-of-type选中最后一个p元素，不受后续其他类型元素影响，常用于去除最后项边框、调整间距等场景。
-
sticky定位不生效最常见的原因是父容器未设置非visible的overflow属性或高度不足，导致无法形成滚动上下文；它依赖最近的有滚动行为的祖先容器而非视口，且必须配合top/bottom等偏移值才能生效。
-
多行文字省略号不能只用text-overflow:ellipsis，因其仅支持单行且需white-space:nowrap和overflow:hidden，会阻止换行；多行截断应使用display:-webkit-box、-webkit-box-orient:vertical和-webkit-line-clamp组合方案。
-
一个能实际提交的HTML登录页面必须包含：<formaction="/login"method="POST">骨架；name="username"和name="password"的对应输入框；type="submit"按钮；密码框必须用type="password"；关键autocomplete、autocapitalize等语义属性不可省。
-
position:sticky须同时满足设置top/bottom、父容器不破坏滚动上下文、浏览器支持三条件，缺一不可；常见失效原因是未设top/bottom或父级存在overflow/transform等干扰属性。
-
滚动监听必须用节流+闭包，因滚动事件高频触发易致卡顿，闭包可持久化保存previous时间戳和timeout状态，实现自包含、可复用、隔离的节流逻辑。
-
模块预加载加剧内存碎片是因为加载后未统一管理生命周期，导致各插件独立堆分配器、符号表和TLS区频繁映射/卸载，产生大量零散mmap空洞；需通过预分配固定内存池并重定向malloc/new调用，配合munmap整块回收、Dex预解析与ClassLoader隔离、内存水位联动及madvise归还等手段综合治理。
-
Animations面板为空主因是页面未真正触发动画，需确保Chrome≥98、元素已绑定animation/transition、状态已变化或手动触发重绘；修改duration等属性须暂停重播或清空重输才生效。
-
:focus-within不能直接实现“点击任意处关闭弹窗”，因为它仅响应焦点进出，不监听点击事件或鼠标位置；其关闭效果实为焦点流失所致，且在Firefox中存在兼容性问题，无法可靠响应空白区域点击。
-
Safari中sticky失效主因是父容器无显式高度且含overflow:hidden等属性，需设min-height、避免干扰overflow，并按position:-webkit-sticky;position:sticky;顺序声明。
-
background-position动画比background-image重绘更高效，因其属合成层属性，可由GPU加速；而直接替换background-image会触发全背景重绘，易掉帧。
-
ChromeDevToolsStyles面板需理解层叠顺序与继承，右侧Computed显示最终值，左侧按来源排序，Shift点击可禁用属性，右键RevealinSidebar跳转源码；CSSLint应聚焦关键规则如禁用!important和重复选择器；Vue/React中用scoped或styled-components确保样式隔离；推荐CSSPeeper、WhatFont、Stylebot三款插件辅助调试。
-
trycatch仅捕获同步异常（如JSON.parse失败、访问undefined属性），不捕获SyntaxError、异步错误、未await的Promise拒绝及资源加载失败；需小范围包裹、明确响应、正确处理async/await与finally清理。
