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

相关推荐
Justinc.2 天前
HTML5新增属性
前端·html·html5
LilyCoder2 天前
HTML5二十四节气网站源码
前端·javascript·html·html5
浊浪载清辉3 天前
基于HTML5与Tailwind CSS的现代运势抽签系统技术解析
前端·css·html5·随机运签·样式技巧
合作小小程序员小小店4 天前
web网站开发,在线%射击比赛成绩管理%系统开发demo,基于html,css,jquery,python,django,model,orm,mysql数据库
python·mysql·django·jquery·html5
chinahcp20084 天前
CSS保持元素宽高比,固定元素宽高比
前端·css·html·css3·html5
veminhe5 天前
html5语义元素
前端·html·html5
艾小码5 天前
HTML5 & CSS3 从入门到精通:构建现代Web的艺术与科学
前端·css3·html5
LilyCoder7 天前
HTML5中华美食网站源码
前端·html·html5
黑椒牛肉焖饭7 天前
第三次作业
前端·css·html5
鹏多多.11 天前
flutter-使用AnimatedDefaultTextStyle实现文本动画
android·前端·css·flutter·ios·html5·web