-
在JavaScript类继承中，子类重写方法时必须正确使用super：构造函数中须先调用super()再访问this；普通方法中用super.methodName()调用父类逻辑，this始终指向子类实例；需避免条件遗漏导致父类逻辑未执行。
-
toRaw是Vue3中用于获取响应式对象原始目标的工具，适用于第三方库兼容、序列化、原型校验等场景，需注意仅对Vue响应式对象有效且不递归处理嵌套属性。
-
答案：Node.js中操作Cookie需借助Express等框架及cookie-parser中间件，通过res.cookie()设置、req.cookies读取、res.clearCookie()清除，并需配置httpOnly、secure、sameSite等安全属性以防范XSS和CSRF攻击。
-
BEM通过单一顶层类名和显式子元素类名（如card__title）切断CSS对DOM结构的依赖，避免样式污染与定位漂移；禁止深层嵌套、伪类驱动状态及语义类名复用，强调类名即结构契约。
-
JavaScript图像处理核心是通过canvas2D上下文操作RGBA像素数组实现滤镜，需等待图片加载完成再获取数据，常见效果如灰度、反色、亮度调节等均基于遍历修改ImageData.data，性能优化可优先使用CSSfilter、缩放图像或分块处理，复杂场景可用WebGL或WASM加速。
-
vertical-align对浮动元素无效，仅适用于行内级元素和表格单元格；替代方案是用inline-block配合vertical-align或直接使用flex实现垂直居中。
-
元素最终渲染高度=content高度+padding-top+padding-bottom+border-top+border-bottom（标准盒模型），padding独立撑开空间且不受line-height影响。
-
Vue.js中动态插槽名（v-slot:[dynamicName]）配合props/emits/v-model及provide/inject，可构建灵活的可视化配置页面。父组件用响应式变量控制插槽渲染，子组件按需展示对应UI区域，并通过通信实现配置数据双向同步；复杂嵌套场景下，provide/inject避免prop-drilling，提升可维护性。
-
div是无语义的块级容器，主要用于页面布局和内容分组。1.它通过包裹内容为CSS提供样式控制的“把手”，实现精准的布局与视觉设计；2.在复杂页面中，div通过逻辑分组构建模块化结构，提升代码可维护性；3.与JavaScript协同时，div作为动态内容的容器，支持内容更新与交互控制；4.当无合适语义化标签时，如表单分组或弹窗组件，应优先使用div；5.最佳实践包括语义优先、合理命名、避免过度嵌套，并结合现代CSS布局技术，防止“div汤”问题。正确使用div需在灵活性与语义化之间取得平衡。
-
sessionStorage是仅限当前标签页的会话级存储，关闭标签页即清除，支持字符串存取（对象需JSON序列化），不跨标签页共享、不参与网络请求，适用于表单草稿等临时数据。
-
HTML无法预测学习完成时间，必须依赖JavaScript通过滚动行为、时间戳和localStorage等动态估算阅读进度与剩余时间。
-
JavaScript中不存在api_proxy内置对象或“反射APIProxy”概念，Proxy是用于拦截对象操作的构造函数，Reflect是与其配套提供标准操作方法的内置对象，二者结合可实现响应式系统、访问控制、日志代理等高级功能。
-
Flex容器不会自动创建层叠上下文；默认情况下它不产生新层叠上下文，与普通div相同，属于父级层叠上下文的一部分。
-
JS虚拟机通过解析源码生成AST，结合解释执行与JIT编译优化性能，采用分代垃圾回收管理内存，并依赖事件循环处理异步任务，实现高效并发。
-
必须设置box-sizing:border-box;否则border会使元素总宽超出设定值；border需同时指定宽度、样式（如solid）、颜色三部分；单边边框优先用border-bottom等方向属性；内边距和行高需同步调整以保证对齐。
