-
JavaScript实现3D效果主要依靠WebGL，实际开发多用封装库：Three.js（入门首选）、Babylon.js（游戏级交互）、PlayCanvas（协作编辑）、R3F（React集成）；轻量需求可选Regl或glMatrix。
-
使用Mocha、Chai、Supertest和Sinon搭建Node.js单元测试框架，1.选择Mocha为测试运行器，Chai作断言库，Supertest发HTTP请求；2.安装依赖并组织test/目录结构；3.编写测试用例验证API行为；4.用Sinon模拟数据库避免外部依赖；5.配置npm脚本运行测试并用nyc生成覆盖率报告。
-
<p>元素宽高计算不准确主因是盒模型（content-box）下width/height不含padding和border，或受box-sizing设置、父容器限制、替换元素固有尺寸、margin折叠等影响；推荐全局设*{box-sizing:border-box;}并用开发者工具实时验证布局。</p>
-
模块联邦通过配置expose、remotes和shared实现跨应用模块共享。Remote应用暴露模块，Host应用动态导入并加载远程模块，同时共享依赖避免重复引入，运行时动态解析与加载，支持微前端独立构建与集成。
-
答案：Electron应用架构需主进程与渲染进程职责分离，主进程管理窗口、系统事件和原生API，渲染进程负责UI与用户交互，通过IPC通信；应封装IPC为服务层如FileService，提升代码可维护性；采用模块化结构按功能划分main、renderer、shared等目录，结合TypeScript与构建工具；多窗口场景下在主进程中统一管理窗口实例，使用状态管理工具或事件总线实现数据同步，确保架构分层清晰、通信可控、模块解耦。
-
call和apply立即执行函数并改变this指向，区别在于参数传递方式；bind返回绑定this的新函数，不立即执行。
-
datalist元素需通过input的list属性绑定且id值严格匹配才能生效；仅支持text类输入类型；option必须含value属性，匹配为不区分大小写的前缀匹配；动态添加option需重新聚焦input才可能生效；iOSSafari基本不显示建议菜单，移动端兼容性差。
-
应通过语义化组件封装工具类，用业务名称如<Card>替代样式类名，按场景而非样式抽象组件，保留className等灵活扩展点，并辅以命名规范与文档降低认知成本。
-
答案：用HTML的aside和ul创建侧边栏结构，通过CSS设置固定宽度和布局，确保href路径正确，添加aria-label和active类提升可访问性与交互，最终实现完整导航功能。
-
Proxy用于拦截对象操作，Reflect用于调用默认行为；二者结合可实现属性监控、数据校验与响应式系统，如Vue3的响应式原理，通过set/get陷阱配合Reflect.get/set完成动态追踪与赋值控制。
-
ArrayBuffer与TypedArray支持多视图共享内存、DataView字节序控制、subarray高效切片、与Blob/Fetch集成、WebWorkers数据转移及缓冲区复用，提升二进制数据处理性能。
-
HTML页面加载后自动跳转有五种方法：一、meta标签refresh；二、JavaScriptlocation.href延时跳转；三、location.replace无历史记录跳转；四、location.assign标准跳转；五、隐藏a标签+click模拟跳转。
-
菜单换行混乱主因是flex-wrap:nowrap默认值及子项宽度失控，需设flex-wrap:wrap、flex-shrink:0与min-width，并配合媒体查询分层控制布局。
-
模板字符串通过反引号和${}嵌入表达式，支持多行文本与嵌套，显著提升前端代码可读性与维护性，适用于动态生成HTML结构。
-
函数定义有声明、表达式、箭头函数和构造函数四种方式，其中函数声明会被提升，可预调用；函数表达式需先定义后使用，适合回调；箭头函数语法简洁且无独立this，适用于单行逻辑；构造函数方式由Function构造器创建，性能差不推荐。调用方式包括普通调用（this指向全局）、方法调用（this指向调用对象）、构造器调用（生成新实例）及call/apply/bind（手动绑定this）。日常开发建议优先使用函数声明与箭头函数，提升代码可读性与维护性。
