-
在HBuilder中运行HTML文件需先创建或打开文件并保存，然后通过右键菜单、快捷键Ctrl+R或工具栏运行，最后选择默认浏览器预览页面效果。
-
响应式状态深度监听的关键是避免无效监听、控制更新粒度、确保变化可追溯；Vue3默认深层响应，但需通过computed+toRaw、shallowRef+triggerRef、watch合理配置及结构化Store设计来实现精准响应。
-
Modernizr是全局特性检测最省事方案，通过DOM测试而非UA判断API支持，v3+需定制构建；单API检测用in/typeof/!!组合更轻量；CSS特性优先用CSS.supports()，兼容性不足时回退到style属性探测；运行时动态检测比加载时更关键。
-
border-radius写单值（如8px）为标准圆角，双值（如8px4px）因水平/垂直半径不同易显椭圆；百分比值按盒模型宽高计算；box-sizing影响裁剪基准，overflow:hidden不自动裁剪子元素。
-
事件循环是JavaScript异步操作的运行时机制，并非设计模式本身，但它为多种异步设计模式提供了执行基础。1.事件循环通过不断检查调用栈与任务队列，实现非阻塞执行，使JavaScript能高效处理异步任务；2.它支撑了观察者模式和发布/订阅模式，确保事件回调异步执行，实现对象间解耦；3.Promise和async/await等异步流程控制依赖微任务队列调度，构建清晰的异步逻辑链；4.理解事件循环有助于选择合适的设计模式，避免竞态条件、提升调试效率与应用性能；5.多种设计模式如命令模式、策略模式、单例模式
-
:checked伪类用于自定义选中状态的单选框和复选框样式，通过配合label、伪元素与兄弟选择器，可实现无JS的交互效果，如开关按钮、展开内容和模态框。
-
JavaScript压缩通过去除冗余字符、简化表达式和缩短变量名减小文件体积，提升加载速度；混淆则进一步重命名变量函数、扁平化控制流、加密字符串并插入无效代码，增强代码安全性。常用工具包括Terser、JavaScriptObfuscator等，建议开发保留源码，部署时压缩混淆，并避免上传sourcemap。
-
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则适合需持久化和遍历的操作。
-
答案：优化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元素。
