-
用:checked伪类替代:hover可实现移动端可控的点击展开/收起菜单，需将checkbox与菜单置于共同父容器内、菜单设position:absolute且父容器设position:relative，配合max-height过渡动画，并完善可访问性。
-
display:none是唯一真正移除渲染的方式，元素从渲染树中完全剔除、不占空间、不响应事件、JS查询尺寸为0，适合权限控制和条件渲染，但频繁切换会触发重排。
-
padStart能补零是因为它专用于字符串左填充，但数字类型需先转字符串（如String(5).padStart(2,'0')），否则报错或语法错误；注意getMonth()需+1再补零。
-
gl.createBuffer()返回null说明WebGL上下文无效，需先检查gl是否为有效WebGLRenderingContext，确认canvas已正确获取上下文且未丢失。
-
WeakRef单独无法支撑图像资源池，因其仅提供“可能还活着”的引用通道，不通知回收时机；必须搭配FinalizationRegistry才能触发自动清理，否则缓存条目堆积、deref()频繁返回undefined导致重复加载与内存泄漏。
-
JavaScript前端视频滤镜通过Canvas逐帧获取并修改像素数据实现，核心是实时绘制与合成而非文件重编码；需降采样或OffscreenCanvas+WebWorker优化性能。
-
Memoization的核心是用空间换时间，通过缓存纯函数的计算结果提升性能；关键在于为数组输入生成稳定可哈希的键（如JSON.stringify），并注意适用场景与限制。
-
位运算符在JavaScript中适用于取整、奇偶判断、变量交换、权限管理和数组索引截断等场景，通过直接操作二进制提升性能，尤其在高频计算中仍有优势，但需权衡可读性与维护成本。
-
localStorage配合Pinia的核心目标是实现页面刷新后状态自动同步：状态变更即时写入localStorage，页面加载时自动恢复；推荐优先使用useLocalStorage组合式函数处理单个字段，整Store持久化则用pinia-plugin-persistedstate插件。
-
核心思路是将样式与JS模块对齐，按路由、组件或条件分支做颗粒度控制，确保SSR中CSSchunk与JSchunk严格一致，动态引入CSS需配合lazy加载，避免手动插入，并通过配置PurgeCSS、emotion/styled-components插件及微前端样式加载机制实现真正按需。
-
需在HTTPS或localhost下运行，检查浏览器支持并请求video权限；获取流后赋值给video元素；用Canvas截图；用MediaRecorder录制视频；错误时提示用户手动授权或检查设备。
-
clear()会彻底清空整个Map，不支持按条件筛选删除；它仅适用于整表废弃或初始化重置，真实缓存管理需遍历+安全条件删除或采用LRU、WeakMap等自动生命周期方案。
-
background-size:cover未生效主因是父容器高度为0；需设min-height:100vh、避免套用限制宽度的.container，并确保元素真正占满视口。
-
表单元素在CSSGrid中高度不一致的主因是默认盒模型、内边距、字体及行高差异，且align-items:stretch仅对无显式高度的子项生效；需统一box-sizing:border-box、设min-height而非height、同步font-size/line-height/padding，并对textarea单独处理。
-
HTML海报排版需用CSS控制视觉权重、留白与层级；应采用flex+aspect-ratio实现自适应比例容器，图文分层依赖z-index与position，响应式按场景而非分辨率断点，字体行高须手动锁定并显式声明中文字体栈。
