在vue中使用WebSocket通信

        WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。很多人可能会问,我们不是已经有HTTP了吗?为什么还要推出websocket?万物产生必有因,HTTP请求有一个很大的缺陷,那就是,他只能由客户端发起通信,WebSocket 的全双工通讯很好的弥补了这一缺陷。

        在websocket没有出现之前,很多网站为了获取实时数据,所用的技术都是 Ajax 轮询。由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点,即浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。 WebSocket 协议,能更好的节省服务器资源和带宽,并且能够更实时地进行通讯。因为服务器可以在数据有更新的时候主动的把数据发送给客户端,这样就避免了客户端轮询。

ok! talk is cheap, show you the code



ps: 成长过程的简单记录,如有不恰当之处,欢迎指正!

你可能感兴趣的:(前端,Vue,http,vue.js,html5,javascript)