chevron_left

Vue 2 实践教程

免费
第 11.7 回

教程文档

Vue 2 实践教程 - Element 结合 WebSocket 实战

2023年11月14日更新
Vue 2 实践教程

Element 结合 WebSocket 实战

websocket 和 http 的区别:

1、WebSocket 是双向通信协议,模拟 Socket 协议,可以双向发送或接受信息,而 HTTP 是单向的。

2、WebSocket 是需要浏览器和服务器握手进行建立连接的,而 http 是浏览器向服务器发起的连接。

短连接、轮询、长连接

  • 短连接是指通讯双方有数据交互时,就建立一个连接。数据发送完成后,就断开这个连接,就是每次连接只完成一项业务的发送。像网站正常的 http 请求一般都用短连接。

  • 轮询,客户端通过定时执行,不断刷新服务端接口,以获取最新数据。

  • 长连接,指在一个连接上可以连续发送多个数据包。当需要主动向客户端推送数据时,例如聊天、即时游戏、手机消息推送,这些应当使用长连接。

功能介绍

安装 WebSocket

yarn add ...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手