vue中用websocket,用echarts展示曲线

实习考核的第3个:使用websocket订阅trade实时交易数据,展示曲线图(推荐使用Echats)。
记录下昨天学习的东西
现在大三下,只会前端3件套加vue,考核第三天好家伙,Echarts怎么用,我只听过这个名词,websocket是什么?这个名词我都没听过…,还是太菜了。
什么是websocket?
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议,ok,它是这个通讯协议
为什么要用websocket?
对啊,我们不是有HTTP协议了吗?为啥要用websocket?
因为 HTTP 协议有一个缺陷:通信只能由客户端发起,我想让服务器主动给我发,就得用websocket。
websocket特点
*这个我就是去CV的了…*给个大家一个传送门
1.服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息。
2.建立在 TCP 协议之上,服务器端的实现比较容易。
3.与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服务器。
4.数据格式比较轻量,性能开销小,通信高效。
5.可以发送文本,也可以发送二进制数据。
6.没有同源限制,客户端可以与任意服务器通信。
7.协议标识符是ws(如果加密,则为wss),服务器网址就是 URL。
vue中怎么用websocket
我就直接写我自己的代码了
我也是昨天第一次用,怎么把代码跑起来,我也是在网上找了很多,这里就简单归纳下
先在data里面定义一个path,和ws(其实应该用axios来封装这个请求的)

data() {
    return {
      path
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值