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)的方法,能更高效地利用网络资源。

相关推荐
java水泥工9 小时前
基于Echarts+HTML5可视化数据大屏展示-白茶大数据溯源平台V2
大数据·echarts·html5
2501_9181269118 小时前
用html5写一个flappybird游戏
css·游戏·html5
DevilSeagull4 天前
JavaScript WebAPI 指南
java·开发语言·javascript·html·ecmascript·html5
全栈技术负责人5 天前
Hybrid应用性能优化实战分享(本文iOS 与 H5为例,安卓同理)
前端·ios·性能优化·html5
Pu_Nine_95 天前
10 分钟上手 ECharts:从“能跑”到“生产级”的完整踩坑之旅
前端·javascript·echarts·css3·html5
空山新雨(大队长)6 天前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
索迪迈科技6 天前
Flex布局——详解
前端·html·css3·html5
十碗饭吃不饱6 天前
net::ERR_EMPTY_RESPONSE
java·javascript·chrome·html5
心一信息7 天前
ThreeJS骨骼示例
css·css3·html5
笑鸿的学习笔记8 天前
JavaScript笔记之JS 和 HTML5 的关系
javascript·笔记·html5