websocket

JavaScript中建立WebSocket连接需用new WebSocket(url)创建实例，正确处理onopen、onmessage、onerror、onclose事件，并在readyState为OPEN时调用send()发送数据，关闭时用close()。 JavaScript 中建立 Web…

WebRTC是浏览器原生支持的实时通信标准，核心包括getUserMedia、RTCPeerConnection和RTCDataChannel；需配合外部信令服务交换SDP、ICE候选及offer/answer角色标识，且依赖HTTPS与STUN/TURN网络配置。 WebRTC（Web Real-…

JavaScript组合组件核心是解耦复用，主流模式包括：1.容器/展示分离逻辑与UI；2.渲染属性模式通过函数prop提升灵活性；3.复合组件共享上下文实现隐式协作；4.自定义Hook封装可组合逻辑。 JavaScript 中实现组合组件，核心是让多个独立、可复用的组件像搭积木一样拼装成更复杂的功…

WebSocket是一种基于单个TCP连接的全双工通信协议，支持浏览器与服务器持续连接并互相主动发消息，适用于聊天、实时通知等场景；其通过HTTP Upgrade握手建立长连接，区别于HTTP的请求-响应模式；前端使用new WebSocket()创建连接，监听open、message、close、…

HMR是构建工具提供的开发期能力，不刷新页面即可更新模块并保留状态；其依赖服务端监听、客户端WebSocket通信、模块动态替换及框架适配层，原生JS因ESM静态绑定而不支持。 JavaScript 本身不直接支持模块热替换（HMR，Hot Module Replacement），它是构建工具（如 …

WebRTC是浏览器原生支持的点对点音视频通信技术，核心由MediaStream、RTCPeerConnection和RTCDataChannel三部分组成，需信令服务与STUN/TURN服务器协同实现连接。 WebRTC 是浏览器原生支持的实时音视频通信技术，不用装插件、不依赖中间服务器转发媒体流…

JavaScript权限控制是运行时根据用户身份/角色/能力决定可见性与可操作性的协同机制，涵盖路由守卫、动态菜单、条件按钮、接口校验四层，需前后端配合，前端重体验，后端保安全。 JavaScript中的权限控制，本质是根据用户身份、角色或能力，在运行时决定“能看什么、能点什么、能进哪页”。它不是单…

JavaScript单例模式核心是确保类唯一实例并提供全局访问点，常用闭包工厂函数、ES6类静态属性或对象字面量实现，适用于状态管理、日志、SDK封装等场景。 JavaScript 中实现单例模式的核心是：**确保一个类只有一个实例，并提供全局访问点**。由于 JS 没有原生的类实例控制机制（如 J…

JavaScript页面可见性API用于检测页面是否对用户可见，通过document.visibilityState、document.hidden和visibilitychange事件实现，可优化资源消耗、暂停视频、停止轮询等，现代浏览器广泛支持。 JavaScript 页面可见性 API 是浏览…

Web Workers 是浏览器提供的后台线程机制，用于执行耗时任务而不阻塞主线程；每个 Worker 独立运行、无 DOM 访问权限，通过 postMessage 通信，支持 fetch 等 API 但不可操作 DOM。 Web Workers 是浏览器提供的在后台线程中运行 JavaScript…