-
自定义事件作为单向数据流的唯一出口，仅上报意图而不修改状态，需设bubbles/composed为true穿透ShadowDOM，由根节点统一拦截分发并审计，状态更新驱动视图重绘，禁止反向通信、嵌套派发与payload篡改。
-
没有“万能配色”，但有可复用的协调逻辑：主色定调性，辅色控节奏，强调色引动线，所有颜色须经对比度校验、语义化命名与集中管理。
-
前端仅引导支付流程，真实交易由后端完成；Stripe用Elements隔离卡信息，PayPal用Buttons组件调起原生结账；密钥、金额校验、状态确认均须后端处理，严禁前端接触敏感数据。
-
FID必须用PerformanceObserver异步监听，因其唯一暴露浏览器调度层首次输入延迟；TTI则需结合主线程空闲观察与交互验证，异步逻辑易破坏连续5秒无长任务条件。
-
WeakRef和FinalizationRegistry不控制对象生命周期，仅在对象被GC回收后提供弱感知与清理入口；真正决定生命周期的是强引用是否存在。
-
滚动卡顿主因是触发重排、强制同步布局或图层爆炸；须用passive:true、transform替代top/margin、节流布局读取、提升图层、长列表必用虚拟滚动。
-
合理使用CSS字体属性可提升网页可读性与美观度。首先设置font-family，提供首选字体及通用备选，如"HelveticaNeue",Arial,sans-serif；其次通过font-size选择合适单位（推荐rem或em）控制字号；再用font-weight（如bold、700）和font-style（如italic）调整字重与倾斜；最后可用font简写属性合并设置，语法为font:[style][weight]size[/line-height]family，如font:italicbold16
-
Tecno手机无HTML5私有API，适配关键是解决其老旧Android系统WebView兼容性问题；需检测UA确认内核版本，强制viewport完整声明，降级新CSS/JS特性，并用多真机交叉验证。
-
最快弹窗用window.alert()，但仅限调试；正式环境推荐dialog元素（Chrome97+/Firefox99+/Safari15.4+）或手写modal；需处理焦点管理、ESC关闭、遮罩层交互及移动端适配。
-
本文提供一个健壮的递归算法，用于遍历任意深度的嵌套对象数组，为每个子元素动态添加parentId字段，精准指向其直接父元素的id，解决因过早返回导致遍历中断的经典逻辑错误。
-
rgba(var(--color),0.5)不工作，因var(--color)返回字符串而非独立数值；RelativeColorSyntax要求颜色变量预定义为HSL/lch分量（如--primary-h:210），再用hsl(from.../var(--alpha))实现动态透明度。
-
2026年前端架构师需具备四维能力：JS/运行时底层穿透、TS架构级类型治理、AI原生与WebGPU高性能双轨、工程系统与跨域协同。核心是三层结构化掌控——底层原理、中层决策、上层抽象。
-
