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

相关推荐
2601_958492555 小时前
A Technical Log: Hosting Gravity Dunk - HTML5 Casual game
前端·html·html5
2601_958492556 小时前
Behavioral Analysis of HTML5 Trivia Integration
前端·html·html5
2601_958492557 小时前
Webmaster Notes: Deploying HTML5 Word Environments
前端·word·html5
向日的葵0061 天前
CSDN博客文章-爪印之约宠物收养管理系统
mysql·css3·html5·fastapi·宠物
rising start2 天前
InsightEdu - 轻量智能学习平台
javascript·axios·css3·html5·fastapi·orm·dify
aichitang20242 天前
椭圆的光学性质
html·html5·几何学
摇滚侠4 天前
12 移动端 WEB 前端 WEB 开发 HTML5 + CSS3 + 移动 WEB
前端·css3·html5
Bug-制造者5 天前
深入理解 HTML5 Web Workers:提升网页性能的关键技术解析
前端·html·html5
Simon523145 天前
常见404 500错误解析
网络·学习·servlet·html5
软件开发技术深度爱好者6 天前
HTML5+JavaScript读取DOCX 文档完整内容
前端·html5