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

相关推荐
涔溪2 天前
HTML5 实现的圣诞主题网站源码,使用了 HTML5 和 CSS3 技术,界面美观、节日氛围浓厚。
css3·html5·节日
Amy.Wang2 天前
前端如何实现电子签名
前端·javascript·html5
veminhe2 天前
html怎么设置html5
html·html5
失落的多巴胺2 天前
使用deepseek制作“喝什么奶茶”随机抽签小网页
javascript·css·css3·html5
veminhe12 天前
HTML5 浏览器支持
前端·html·html5
伍哥的传说13 天前
react gsap动画库使用详解之text文本动画
前端·vue.js·react.js·前端框架·vue·html5·动画
veminhe14 天前
HTML5简介
前端·html·html5
蹦极的考拉17 天前
在使用 HTML5 的 <video> 标签嵌入视频时,有时会遇到无法播放 MP4 文件的问题
前端·音视频·html5
木木黄木木18 天前
HTML5 火焰字体效果教程
前端·html·html5
于本淡18 天前
一篇文章快速学会HTML
开发语言·前端·数据结构·qt·html·json·html5