-
BroadcastChannelAPI是浏览器提供的同一源下跨标签页通信方案，通过创建同名频道实例实现消息收发，支持postMessage发送和onmessage监听，适用于状态同步与操作通知，需注意仅限同源、数据可序列化、不保证消息顺序，且应调用close()释放资源。
-
JavaScript内存管理依赖垃圾回收机制，通过可达性判断对象是否可回收。开发者需避免意外全局变量、未清理的定时器与事件监听、闭包长期持有大对象及DOM引用残留导致的内存泄漏。使用严格模式、及时解绑资源、弱引用结构（如WeakMap、WeakSet）并结合ChromeDevTools分析内存使用，可有效优化性能，防止内存持续增长。
-
JavaScript事件循环执行顺序取决于调用栈状态、任务队列及运行时实现；宏任务包括setTimeout、setInterval、setImmediate（Node.js）、I/O回调、UI渲染、postMessage、script脚本；微任务包括Promise.then/catch/finally、MutationObserver、queueMicrotask、async/await后续处理，且process.nextTick在Node.js中优先级最高。
-
面板根元素用panel，子元素统一为panel__header/body/footer；状态用panel--collapsed，尺寸修饰符需成套作用于各子元素，body需设flex:1和min-height:0防塌陷。
-
本文详解React组件中因错误使用单引号而非模板字符串（反引号）而导致动态插值失效的问题，并提供修复方案、原理说明及开发注意事项。
-
HTML导出本身不包含协作元数据，但第三方工具可能将data-collab-id等注入源码；需检查导出HTML中的data-*属性、注释及外链，禁用相关插件选项或手动清理。
-
WeakMap通过弱引用避免内存泄漏，而Map的强引用可能导致内存无法释放。示例中，对象作为Map键时即使被置为null仍不回收，size仍为1；而WeakMap中相同操作后对象可被回收，键值对消失。WeakMap仅支持对象键、不可遍历、无size等限制使其适用于私有数据存储、对象缓存等需自动内存管理场景，Map则适合需持久化和遍历的操作。
-
list-style:none仅隐藏项目符号，不影响布局；实现平铺需用display:flex作用于ul，并重置padding/margin、合理设置gap或flex属性等细节。
-
掌握JavaScript设计模式进阶需理解对象、函数与闭包的灵活运用。1.创建型模式如工厂、抽象工厂、构造器和单例，解决对象创建的复杂性与解耦；2.结构型模式如装饰器、适配器和代理，优化类与对象的结构关系，提升扩展性；3.行为型模式如观察者、策略、迭代器和命令，规范对象间通信与职责分配；4.实际开发中常组合使用，如React的HOC体现装饰器思想，Redux融合观察者与命令模式。关键在于理解模式背后的问题本质，合理应用以提升代码可维护性，同时避免过度设计。
-
答案：优化JavaScript数组操作需减少遍历次数、避免频繁修改结构、预分配数组大小。应合并操作为单次遍历，优先使用push/pop，慎用unshift/shift，大数组可选for循环或工具库，明确长度时预创建数组以提升性能。
-
link标签必须写rel="stylesheet"且href为有效路径，推荐置于head中；路径以/开头表示根目录，否则相对HTML当前位置；加载顺序决定覆盖关系，后解析的样式优先。
-
可通过五种CSS/HTML方法创建方形：一、div设等宽高；二、aspect-ratio:1/1；三、padding-top:100%技巧；四、Grid单格布局；五、SVG的rect元素。
-
本文详解如何在现有HTML/JavaScript测验应用中安全、高效地实现题目随机化展示，涵盖随机索引生成、去重逻辑、代码集成及关键注意事项，助你快速升级自用学习工具。
-
深拷贝需根据场景选择方法：JSON方法简洁但不支持函数、循环引用等；手动递归可定制但复杂；结构化克隆支持多数内置对象但异步；Lodash最稳定但增加依赖。
-
使用CSS的position和:hover实现下拉菜单：通过父级li设置relative定位，子菜单absolute定位并默认隐藏，hover时显示，结合box-shadow、z-index等优化体验，无需JavaScript即可完成交互。
