-
中介者模式重构微前端通信总线，通过统一入口、命名空间隔离、生命周期自动管理、请求-响应语义、跨框架兼容与安全控制，实现模块解耦与可控通信。
-
computed的核心作用是基于响应式数据自动计算并缓存结果；它通过依赖追踪和缓存机制避免重复计算，比methods更高效，且天然响应式，适用于购物车总价、总件数、是否为空等实时汇总场景。
-
闭包本身不提供回滚能力，但它是组织“原子化回滚”逻辑最自然的载体——关键在于把整个表单提交流程封装进一个受事务保护的执行单元中，让异常穿透触发数据库与内存状态的联动回滚。
-
samp标签专指用户代理实际呈现的原始程序输出，如终端错误提示；不可用于API响应、日志或含解释性内容，须配合CSS实现等宽与换行，语义误用会损害可访问性。
-
使用::placeholder伪元素可美化输入框提示文字，支持颜色、字体、透明度等样式控制，需添加各浏览器私有前缀以确保兼容性，建议避免过淡颜色并配合label提升可访问性。
-
视频课程页面需同时解决播放控制、目录跳转、响应式布局、移动端静音拦截四件事；video必须加muted+autoplay+playsinline（含webkit前缀），双source兜底，preload="metadata"，目录跳转须currentTime+play()显式触发并捕获错误，卡片用grid+aspect-ratio，禁用页面滚动改用容器滚动，错误时回退poster图，跳转逻辑与播放状态须解耦。
-
能，但仅限width、background-color、border（部分浏览器）、visibility:collapse等少数CSS属性；color、font-size、text-align等无效，且background易被td覆盖，需配合border-collapse:collapse才可靠生效。
-
箭头函数不绑定自身this，而是继承外层作用域的this值；它用=>定义，无arguments、prototype、super和new.target，不能作为构造函数。
-
<animate>在现代浏览器中已废弃，Chrome102+、Firefox86+、Safari16.4+移除SMIL动画支持，因其与CSS动画和WebAnimationsAPI重叠且存在安全性能隐患；应改用CSS@keyframes或WebAnimationsAPI替代。
-
触摸交互必须用BEM修饰符（如btn--pressed）配合JS显式控制，禁用:active伪类；需同步touchstart/touchend、focus/blur及aria-pressed，并确保PurgeCSS保留状态类。
-
会，text-shadow模拟加粗因软边阴影导致文字模糊，尤其小字号或Retina屏；需设blur-radius为0，用多方向1px硬边阴影（如-1px00,1px00等）并启用GPU加速。
-
浮动与定位的核心区别在于对文档流的影响及使用场景。①浮动（float）使元素半脱离文档流，仍影响相邻内容，常用于文本环绕和简单布局，但需清除浮动以解决高度塌陷问题；②定位（position）则让元素完全脱离文档流（如absolute、fixed），实现精确位置控制和层叠效果，适用于弹窗、固定导航等场景；③两者关系在于均用于改变元素位置，但浮动侧重排版，定位侧重精准放置；④在响应式设计中，浮动因复杂布局和顺序控制的局限逐渐被Flexbox和Grid取代，而定位因其固定、叠加和粘性能力仍不可或缺；⑤层叠上下文
-
Map和Set通过树形（如TreeMap，O(logn)）或哈希（如HashMap，平均O(1)）实现，将查找、插入、删除从O(n)优化为稳定高效，适用于动态频繁操作场景。
-
本文详解如何将HTML中<script>标签内的JavaScript逻辑提取为外部.js文件，并确保功能正常运行，涵盖文件创建、HTML引入方式、执行时机控制及常见错误规避。
-
状态模式通过封装对象状态及其行为，使对象在内部状态改变时改变其行为，避免复杂条件判断。上下文（如Light）持有当前状态，并将状态相关操作委托给具体状态对象处理；具体状态（如OnState、OffState）实现各自行为逻辑并可切换状态。示例中灯的开关通过press方法触发不同行为，无需if/else判断。优点包括消除条件逻辑、提升扩展性与职责清晰，适用于多状态场景如订单流程、按钮状态、游戏角色动作等，增强代码可维护性与灵活性。
