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

相关推荐
帅次20 小时前
Web应用系统全面解析:从架构设计到测试部署的核心要点
前端·javascript·ajax·html5
梦65020 小时前
HTML5 零基础详解
前端·html·html5
二DUAN帝2 天前
像素流与UE通信
前端·javascript·css·ue5·html·ue4·html5
.又是新的一天.2 天前
【前端Web开发HTML5+CSS3+移动web视频教程】02 html - 列表、表格、表单
前端·html·html5
Still_L2 天前
手机浏览器使用百度浏览器内核导致的video视频层级提升的解决方案
html5·video 移动端层级
DEMO派3 天前
CSS优先级规则以及如何提升优先级方案详解
前端·javascript·css·vue.js·reactjs·html5·angular.js
木头程序员5 天前
前端(包含HTML/JavaScript/DOM/BOM/jQuery)基础-暴力复习篇
开发语言·前端·javascript·ecmascript·es6·jquery·html5
WebGISer_白茶乌龙桃5 天前
Cesium实现“悬浮岛”式,三维立体的行政区划
javascript·vue.js·3d·web3·html5·webgl
Pilot-HJQ6 天前
固定 Element UI 表格表头的方法(超简单)
vue.js·学习·css3·html5
ybb_ymm7 天前
html中的标签与实体
html5