websocket 初识

1、概念

WebSocket是一种在单个TCP连接上进行全双工通信的协议。

WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。

WebSocket_百度百科

HTML5 WebSocket | 菜鸟教程

2、插件

Socket.IO

需要服务端与前端配套使用,有文档学习成本。

3、自定义封装 有助理解

https://juejin.cn/post/7371365854012276747?searchId=2024062617355574E747E0443CF55D7CAF

4、应用场景

  1. 4.1即时通信:WebSocket 可以实现客户端和服务器之间的全双工通信,适用于需要实时交互的应用,如聊天室、在线游戏等。

  2. 4.2实时数据流:WebSocket 可以用于服务器端向客户端推送数据流,比如股票价格变化、体育赛事结果更新等。

  3. 4.3服务器推送技术:WebSocket 提供了一种替代传统服务器推送技术(如 AJAX 长轮询、Comet)的方法,能更高效地利用网络资源。

相关推荐
前端小白从0开始9 小时前
Vue3项目实现WPS文件预览和内容回填功能
前端·javascript·vue.js·html5·wps·文档回填·文档在线预览
灏瀚星空2 天前
用HTML5 Canvas打造交互式心形粒子动画:从基础到优化实战
前端·html·html5
全栈陈序员2 天前
前端文件下载常用方式详解
前端·javascript·chrome·ajax·css3·html5·safari
站在风口的猪11082 天前
《前端面试题:CSS预处理器(Sass、Less等)》
前端·css·html·less·css3·sass·html5
站在风口的猪11083 天前
《前端面试题:CSS3新特性》
前端·css·html·css3·html5
站在风口的猪11083 天前
《前端面试题:CSS对浏览器兼容性》
前端·css·html·css3·html5
站在风口的猪11083 天前
《前端面试题:前端布局全面解析(圣杯布局、双飞翼布局等)》
前端·css·html·css3·html5
站在风口的猪11084 天前
《前端面试题:HTML5、CSS3、ES6新特性》
前端·css3·html5
站在风口的猪11085 天前
《前端面试题:CSS有哪些单位!》
前端·css·html·css3·html5
xhload3d6 天前
图扑软件 | 带你体验 Low Poly 卡通三维世界
物联网·3d·智慧城市·html5·webgl·数字孪生·可视化·工业互联网·三维建模·工控·轻量化·中国风·卡通动画·写实风格·科技风·low poly