前端大屏可视化项目

1、确定需要适配屏幕的大小，虽然我们前端默认大屏的1920*1080起步的，但是防止有人不懂开发前需要新搞清楚适配范围；

2、和UI说清楚字体大小尽量在12px以上，一是12px以下写起来麻烦；二是12px以下在大屏中展示效果不好；

3、不同大小屏幕的适配方法我使用的是zoom，其中1920是设计稿的宽度

const s = window.innerWidth / 1920
document.body.style.zoom = s + ''

当然transform scale 和rem等方式也行；

4、大屏中有很多样式很难实现，可能会使用很多图片代替，图片太多可以使用雪碧图来优化；

5、DataV组件库中的轮播表config数据更新后视图不发生变化的解决方法：

this.config.data = ['foo', 'foo']是无效的

this.config = { data: ['foo', 'foo'] }才是有效的

7、实现下图的进