-
toRefs是解决Vue3对象解构后响应式丢失的标准方案，它将reactive对象的每个属性转为ref，保持双向同步；因Proxy只代理整个对象，解构会脱离追踪，故需toRefs包裹后再解构。
-
必须掌握操作HTML元素的核心DOM方法：一、通过ID获取单个元素；二、通过类名获取元素集合；三、通过标签名获取元素集合；四、通过CSS选择器获取元素；五、为元素绑定事件监听器；六、创建并插入新元素；七、替换或删除现有元素。
-
BEM是模块边界声明工具而非标签运动，需定义独立块、语义化元素名、避免嵌套与位置修饰符；其核心价值在于人工约定的模块契约，工具无法替代；须约束选择器权重并禁用随意!important。
-
换图标前需先确认引用方式：检查<linkrel="icon">、<linkrel="apple-touch-icon">、图标字体或SVGSprite；再替换多尺寸图标文件并更新对应HTML标签，注意sizes属性与实际尺寸一致，同时处理缓存问题。
-
TypedArray通过Uint32Array/Float32Array扁平化存储坐标与节点元数据，消除对象开销和GC压力，提升Quadtree构建、遍历与查询性能；采用量化整数比较、预分配缓冲区、栈模拟递归及SIMD加速实现高效空间索引。
-
本文介绍如何在Dynamics365模型驱动应用中，通过自定义HTML/JavaScript弹窗（WebResource）收集用户输入，并将选项集（OptionSet）等字段值回传至主表单，替代简单提示框，提升数据录入效率与用户体验。
-
OpenClaw部署需确认三件事：服务器已安装Nginx/Apache、index.html置于正确根目录、安全组开放80端口；缺一将导致浏览器无法访问。
-
WebAssembly支持C++多线程数据清洗，但需显式启用：编译加-pthread和-sTHREADS=1，JS加载时传shared:true内存，通信依赖SharedArrayBuffer+Atomics，并满足跨域隔离要求。
-
PriorityExecutor是可控异步调度器，需用WeakMap管理AbortController避免内存泄漏，按字符串优先级（critical/normal/idle）调度，任务须支持取消且上下文通过参数传入、finally清理。
-
JavaScript的class是原型继承的语法糖，其本质仍依赖prototype、__proto__和原型链；class声明将方法挂载到prototype，extends通过设置__proto__实现继承，所有特性均可用ES5原型写法复现。
-
JavaScript中this指向由调用方式决定：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向该对象；call/apply/bind可显式绑定；箭头函数无this，继承外层词法作用域的this。
-
WebSpeechAPI可纯前端实现语音驱动DOM变更与原始文本合成：先检测并初始化SpeechRecognition（Chrome最稳，Safari不支持）和SpeechSynthesis；识别稳定后提取清洗后的transcript，匹配预设指令更新DOM；再根据指令语义获取目标DOM文本内容，用对应语言的SpeechSynthesisUtterance合成反馈；需用cancel()、stop()和onend协调识别与合成，防止冲突。
-
Foundation的Grid基于Flexbox而非CSSGrid或浮动，.grid-x/.cell与原生grid属性互斥；其响应式断点、等高处理及交互实现均需遵循特定规则，混用易冲突。
-
手风琴效果不必强制使用details元素，但details+summary是最稳妥方案，原生支持展开/收起、键盘操作与屏幕阅读器语义，无需JS；多开为默认行为，单开需少量JS实现；动画应避免max-height:none，推荐设固定较大值（如600px）。
