1)大屏布局——使用媒体查询,根据不同的分辨率采用不同的布局样式;使用 rem 做自适应布局。
2)动画制作——使用轻量的 JavaScript 动画库 Anime.js 制作复杂动画,使用 css3 中 animation 制作简单动画。
3)图表——使用 echarts 可视化库实现;echarts 实现自适应功能。
4)实时更新——使用 websocket 接收实时数据进行更新;处理时间使用 moment.js 库
5)地图——使用百度地图 vue-baidu-map 插件
6)视频实时播放——使用 EasyPlayer.js H5 播放器进行播放实时视频流。
1、 多次使用组件之间的通信,进行组件之间的传值,监听数据变化调整组件大小及布局
2、 使用 postMessage 向 iframe 传值,使用监听 message 事件接收参数
3、 根据填写的接口地址、参数、请求头,得到数据,进行页面数据的实时更新