-
HTML5动态背景动画需按需求选技术：Canvas适合交互粒子（100–300个，用requestAnimationFrame）、CSS渐变动画省资源（background-image+keyframes）、Three.js实现3D效果但体积大；性能与体验细节决定成败。
-
应使用JS动态生成日历：通过newDate(year,month,1)算首日星期，newDate(year,month+1,0).getDate()得当月天数；用div挂载、button渲染单元格并绑定data-date；签到状态存localStorage（如"checkin_2024-06"），渲染时比对加checked类；封装renderCalendar(year,month)支持月份切换；添加viewport、touch-action、:active反馈及min-height适配移动端。
-
必须将BEM与7-1架构绑定使用，因BEM解决类名冲突，7-1解决文件级混乱；components/下每个Block文件须独占一个SCSS文件，Modifier必须基于Block顶层声明且显式组合，abstracts/中禁止出现BEM类名字符串。
-
<!DOCTYPEhtml>是强制触发标准模式的开关，必须位于文件首行且无任何前置字符；缺失或错误将导致怪异模式，引发CSS错乱、盒模型异常及API不准等问题。
-
用Proxy动态代理第三方库导出对象，可在不修改源码前提下添加日志、监控等功能；通过get和apply拦截器增强函数调用，透传非函数属性；Node.js中可替换require.cache，前端构建时可用插件静态包裹，需注意toString等内置方法及不可枚举属性的兼容处理。
-
ChromeDevToolsMemory面板不自动检测泄漏，需通过至少三次堆快照对比确认：先手动GC后拍基线快照，执行操作后再拍两份，用Comparison模式查看#Delta持续为正且增长的构造器（如DetachedHTMLDivElement）及Retainers引用链，才能准确定位泄漏根源。
-
答案：Socket.IO通过join、leave和to().emit()实现房间管理，客户端加入房间后可接收定向消息，服务端向指定房间广播，房间无成员时自动清理。
-
JavaScript通过WebXRAPI与Three.js可在浏览器中创建免安装VR体验；需HTTPS、启用renderer.xr、用setAnimationLoop、添加空间音频与交互，并优化性能以保障72/90fps。
-
HighlightAPI的Range必须用document.createRange()创建并精确锚定到同文档的文本节点内，跨iframe或ShadowDOM会失败；关键词定位需遍历文本节点匹配textContent；注册后无效多因::highlight()伪元素样式未正确配置。
-
SCSS的nth()和append()函数需严格遵循编译期语义：nth()索引从1开始且不支持负数，越界即报错；append()默认空格分隔，逗号需显式声明comma，多值拼接优先用join()并预检长度。
-
scrollTo是标准滚动方法，scroll是非标准别名；两者参数和行为一致，但scrollTo更可靠，推荐优先使用，尤其在iframe或sandbox环境下。
-
Intl是浏览器提供的底层格式化能力，不负责翻译或语言切换；需显式指定timeZone避开时区陷阱；currency格式需关注minimumFractionDigits；中文排序须用zh-Hans-CN和sensitivity:'base'。
-
grid-area的四值顺序为行起始/列起始/行结束/列结束，非上下左右；支持span和命名区域，不接受auto或函数，且不可混用数字与名称。
-
preload字体必须加crossorigin属性，否则浏览器忽略预加载；as="font"和type="font/woff2"缺一不可；需与@font-face路径及format严格一致，并配合font-display使用。
-
在JavaScript中创建仪表盘主要有两种方法：1.使用CanvasAPI，适合需要频繁更新的场景；2.使用SVG，适用于复杂图形和不需要频繁更新的场景。这两种方法各有优缺点，选择时需考虑性能、响应式设计、用户交互、可访问性和数据驱动等因素。
