1.需求 前后端实现数据实时传输，采用长连接的模式 websocket 前端vue项目，后端Springboot 2.原理 2.1握手协议： 2.2优点 较少的控制开销。在连接创建后，服务器和客户端之

项目上有个新的需求，需要在系统数据发生改变时，前端页面要实时刷新页面数据。 最简单的方式就是直接在前端页面使用定时器定时刷新数据。 这个方案除非是定时的时间设置很短，否则还是会存在页面刷新不及时的情况。但是如果定时时间设置得过短，一旦客户端使用量变多，整个系统的请求数量会变的非…

【基础】为什么使用WebSocket？ ​前端和后端的交互模式最常见的就是前端发数据请求，后端响应传输数据之前端进行展示。如果前端不操作，后端不能主动向前端推送数据。 ​因此，在业务场景需服务端主动向

webSocket相关基础内容请查看 内容待更新 一、搭建node服务端 1、安装node环境 2、安装nodejs-websocket 控制台输入命令 3、新建socket.js文件 socket.

在Vue中利用websocket实现简单的聊天室效果（一） 在使用websocket之前先让我们了解一下websocket吧 WebSocket 如果说ajax像手机发短信一样，发送信息，获取信息，那

WebSocket是什么？ 如果说ajax像手机发短信一样，发送信息，获取信息，那么websocket技术则是打电话这样。WebSocket要达到的目的是让用户不需要刷新浏览器就可以获得实时更新。

要看清node中间层在整个服务承担什么角色，首先我们要跳出前端的视野，把自己视角提示一个level —— 去鸟瞰整个项目。 互联网时代其实就是信息时代，我们都是在利用数据交换，来产生价值。 一个最简单的数据流，前端-->后端-->数据库。 在这个原始的流程之间，我们有很多事情可…

本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。 有一些问题不限于 Vue，还适应于其他类型的 SPA 项目。 1. 页面权限控制和登陆验证 就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越…

其中include可以是个数组，数组内容为路由的name选项的值。 hash: 兼容所有浏览器，包括不支持 HTML5 History Api 的浏览器，例http://www.abc.com/#/index，hash值为#/index， hash的改变会触发hashchang…