d3

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 (参数){});

---