**1. WebSocket 对象**
```js
//url:websocket服务地址
//protocol:子协议
var socket = new WebSocket(url, [protocol] );
```
**2. WebSocket属性**
```js
//只读属性 readyState 表示连接状态,共有如下4个值:
//0 - 表示连接尚未建立
//1 - 表示连接已建立,可以进行通信
//2 - 表示连接正在进行关闭
//3 - 表示连接已经关闭或者连接不能打开
socket.readyState
//只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输,但是还没有发出的 UTF-8 文本字节数
socket.bufferedAmount
```
**3. WebSocket事件**
```js
socket.onopen = () => {
console.log("已经与服务器建立连接时被触发.")
}
socket.onmessage = (e) => {
console.log("\n获取到服务器响应的数据时被触发.")
console.log(e.data)
}
socket.onclose = () => {
console.log("已关闭与服务器的连接时被触发.")
}
socket.onerror = (e) => {
console.log("连接发生异常时被触发.")
console.log(e)
}
```
**4. WebSocket方法**
```js
//发送数据到服务端
socket.send(data)
//关闭与服务端的连接
//code:关闭的代码,可以自定义,但是必须在[3000, 4999]之间,可选
//reason:关闭的理由,一个字符串,可选
socket.close(code, reason)
```
- 跨域问题
- 跨域是什么
- 跨域解决方案
- 从后端解决
- nginx反向代理
- WebSocket
- websocket是什么
- websocket协议
- 使用场景
- 实现方式
- 注解与html5原生方式
- websocketAPI
- 实现步骤
- 文件上传
- 文件下载
- 广播通信
- 定时推送
- 编程与socketjs方式
- socketjs与stompjs框架
- 实现步骤
- 重载目的地
- SimpMessagingTemplate
- 定时向前端推送数据
- 5种监听事件
- 点对点通信
- 拦截器
- HandshakeInterceptor
- ChannelInterceptor
- poi之excel表格
- 表格版本
- POI常用类
- POI依赖
- 写表格
- 编写表格过程
- 单元格边框样式
- 单元格背景色
- 冻结行或列
- 单元格合并
- 单元格内换行
- 文档内跳转
- 读表格
- Web中的Excel操作
- 导出表格
- 读取表格
- poi之word文档
- word版本
- 写word
- 基本使用
- 标题样式
- 添加图片
- EasyExcel表格
- EasyExcel是什么
- 与其他Excel工具对比
- EasyExcel依赖
- 读Excel
- 简单读取
- 指定列位置
- 读取多个sheet
- 格式转换
- 多行表头
- 同步读
- 写Excel
- 简单写入
- 单元格样式
- 拦截器
- 列宽
- 冻结行或列
- 合并单元格
- 填充Excel
- SpringSecurity
- SpringSecurity是什么
- 同类型产品对比
- 环境搭建
- 相关概念
- 密码加密
- Web权限控制
- UserDetailsService接口
- 登录认证
- 自定义登录页
- 未授权跳转登录页
- 权限控制
- 自定义403页面
- 权限注解
- 记住我功能
- 注销功能
- CSRF
- CSRF是什么
- CSRF保护演示
- 前后端分离权限控制
- 环境搭建
- 认证实现
- 会话管理
- 动态权限管理
- 微服务权限控制
- 权限控制方案
- SpringBoot整合RabbitMQ
- 整合步骤
- Fanout交换机演示
- Direct交换机演示
- Topic交换机演示
- @RabbitListener方法
- JWT认证与授权
- 环境搭建
- 密码加密
- 认证与授权