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

相关推荐
A-超1 小时前
html5 video去除边框
前端·html·html5
binnnngo3 小时前
网页计算器的实现
javascript·css3·html5
svygh1235 小时前
安卓h5打包系统设计
android·html5·打包
软件开发技术深度爱好者1 天前
HTML5+JavaScript单词游戏
javascript·游戏·html5
爱吃java的羊儿2 天前
html5+css简易实现图书网联系我们页面
css·vscode·html5
阿瑾06182 天前
【前端】从零开始学习编写HTML
前端·html5·web
Catherinemin2 天前
CSS|04 复合选择器&伪类选择器&属性选择器&美化超链接
css·css3·html5
前端组件开发3 天前
一站式uniapp优质源码项目模版交易平台的崛起与影响
前端·vue.js·ui·小程序·前端框架·uni-app·html5
我爱李星璇3 天前
网页用事件监听器播放声音
javascript·html5
.陌路4 天前
uniapp开发H5、手机APP、微信小程序 可拖动菜单按钮
微信小程序·uni-app·app·vue3·html5·按钮拖动