win

JavaScript通过pushState()和replaceState()实现无刷新URL变更，配合popstate事件监听前进/后退；前者新增历史记录，后者替换当前记录，均需同源且state用于保存页面状态。 JavaScript可以通过History API实现不刷新页面的URL变更，核心方法…

PWA是基于标准Web技术、通过Service Worker、Manifest和HTTPS实现的渐进式Web应用。其三大基础条件为：必须运行在HTTPS上、包含配置合理的manifest.json文件、成功注册并激活Service Worker；JavaScript贯穿全程，负责逻辑控制、缓存管理、…

SPA架构核心是路由驱动视图、状态驱动行为：路由决定“用户在哪”，状态决定“页面显示什么、能做什么”；需声明式路由配置、按作用域分层管理状态、同步可分享状态到URL、服务端预留通配路由接口。 单页应用（SPA）的架构核心在于路由驱动视图、状态驱动行为，而不是靠后端跳转或整页刷新。关键不在于用哪个框架…

JavaScript通过监听window.resize事件配合节流优化实现响应式行为，如切换布局、更新状态；需避免频繁触发导致卡顿，推荐用setTimeout或requestAnimationFrame控制执行频率。 JavaScript 本身不直接实现响应式设计，但可以配合 CSS 媒体查询，动态…

JavaScript内存泄漏指本该回收的内存因引用未断开而持续驻留，导致内存占用升高、页面卡顿甚至崩溃；主要类型包括意外全局变量、未清理事件监听器、闭包持有大对象、未清除定时器、DOM与JS循环引用。 JavaScript内存泄漏，是指本该被垃圾回收器释放的内存，因为某些引用关系未被正确断开，导致对…

JavaScript事件流包含捕获（从window到目标）和冒泡（从目标到document）两个阶段；事件委托是利用冒泡特性在父元素统一监听子元素事件的优化策略。 JavaScript事件冒泡和捕获是DOM事件传播的两个核心阶段，共同构成完整的事件流；事件委托则是基于冒泡机制的实用优化策略，不是独立…

JavaScript通过style属性修改内联样式（驼峰命名）、classList精确管理类名、getComputedStyle读取计算样式，以及动态操作标签或CSSStyleSheet实现批量样式更新。 JavaScript 通过操作 DOM 元素的 style 属性和 className（或 c…

Three.js实现3D场景需三要素：WebGLRenderer渲染器、THREE.Scene场景、PerspectiveCamera相机；再添加几何体、材质、网格构成物体，配合环境光与方向光，并用requestAnimationFrame驱动动画及响应窗口缩放。 用 JavaScript 实现 3…

JavaScript中创建Web Workers需通过Worker构造函数加载独立JS文件，主线程与Worker通过postMessage/onmessage通信，不可访问DOM或共享变量；Worker脚本须为外部文件，支持模块化（type: ‘module’），但受限于同源…

Three.js 是主流 Web 3D 库，通过 Scene、Camera、Renderer 三要素搭建场景，用几何体+材质+网格创建物体，支持 glTF 模型加载与 OrbitControls 交互动画。 用 JavaScript 做 3D 建模，通常不是从零手写几何体顶点，而是借助成熟库（如 T…