echarts
按照格式
d3
生成器 => 数据 => 结果
d3.pie => [xx,xx,xxx,xx] => 生成元素
HTML5
video/audio
1.src
2.controls
3.autoplay
4.poster封面
文件格式
video mp4
audio mp3
video/audio
JS
播放 .play();
暂停 .pause();
属性 .duration 总时长
.currentTime 当前时间
事件 .ontimeupdate()
abc.mp4
ad.mp4
播放abc.mp4，每隔10s，停下来播放ad.mp4
ajax webSocket
单向 双向
ajax的问题：
服务器有数据前台不知道
轮询：定时器
1.有用
2.消耗带宽
3.服务器压力比较大
webSocket：双向
兼容
socket.io库
webSocket封装——IE6+
webSocket 后台语言(nodejs)
传统浏览器+服务器——HTTP
webSocket基于http协议
listen：注册监听
socket.io 服务器 浏览器
1.创建普通http服务
let server=http.createServer();
server.listen(端口);
2.创建webSocket服务
let wsServer=io.listen(server);
3.等待ws连接请求
wsServer.on('connection', function (sock){});
4.连接ws服务
let sock=io.connect('ws://xxxx')
5.发送/接收 5.发送/接收
emit/on emit/on
双向通信(双工通信)
WebSocket自带跨域
ajax 默认不能跨域；通过配置可以跨域
webSocket 默认可以跨域；通过配置不能跨域
sock.emit('事件名', 参数);
sock.on('事件名', function (参数){});
