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

相关推荐
sugar__salt20 天前
从网页小游戏到数据可视化:掌握 HTML5 Canvas 核心能力
前端·信息可视化·html5
meilindehuzi_a20 天前
从 Canvas 到 Vibe Coding:HTML5 游戏开发入门与 AI 飞机大战实战
前端·人工智能·html5
YHHLAI21 天前
HTML5 Canvas 从入门到实战:画布绘图 · 帧动画 · 小游戏 · 数据可视化
前端·信息可视化·html5
li-xun22 天前
我的在线工具箱继续升级:新增 Token 计算器、AI 提示词生成器和开发者格式化工具
javascript·django·html5
星辰徐哥24 天前
工具推荐:HTML5+AI开发必备的前端调试工具
前端·人工智能·html5
星辰徐哥24 天前
技能提升:自然语言处理在HTML5前端的应用
前端·自然语言处理·html5
星河耀银海24 天前
接口调用:HTML5前端调用AI接口的基础语法与示例
前端·人工智能·html5
贩卖黄昏的熊1 个月前
flex 布局快速梳理
开发语言·javascript·css3·html5
Xzh04231 个月前
Web 前端开发 — 期末复习指南(Html、Css、Js)
css·html5·web·js·期末
Agatha方艺璇1 个月前
前端开发技术复习笔记
vue·bootstrap·css3·html5·web