Vue开发 机顶盒版本页面问题小结

1.机顶盒报错，const ,由于编译问题，编译好的文件中含有const和let 关键字，通过babel-loader

进行编译，如果发现编译有问题，，还是存在const关键字，而且检查发现自己配置没有问题，把node_modules删除重新安装

 

2.由于页面布局采取非定宽瀑布流，更具图片数据，一张图片紧挨一张图片，从左向右从上到下无缝拼图实现页面布局，所有图片的每个的位置是更具图片的实际宽高计算出来的，这个计算量比一般的计算要大很多，导致机顶盒加载时间很长，浏览器加载大约需要一秒左右，机顶盒需要7-10秒，才能完成。

 

检查代码：for循环中有大量对this.pullObject这类具有全局参数的使用，对参数进行使用是，先复制给局部变量，对局部变量进行操作，循环，计算，，方法介绍后在复制给全局的变量。方法的调用，如果方法定义methods：后，小的方法调用在很频繁的时，调取方法也会消耗性能，对于一个方法只对一个方法单独有效时，可以把方法整合成一个，或者一个方法体中定义其他方法，可以减少加载计算时间。

增加菊花loading图，。由于用把菊花的加载放大了vue中，vue只有加载完才会出现菊花，为了让菊花开始句出现，将菊花的创建写在vue面。并且在vue加载完成后将菊花关闭。

总结：最快的加载速度永远都是原生！牛逼的框架和结构对高性能的运行环境更能体现价值，对超低配的环境，有太多坑！