当前位置: 首页 > Web前端 > HTML5

Vue2移动端项目完成总结

时间:2023-04-05 16:32:01 HTML5

项目使用vue-cli搭建,技术栈使用vue2+webpack3。本项目是一个移动端,嵌入在App中。业务内容为黄金买卖。使用websocket实时获取服务器端数据,更新黄金价格。使用Echart制作烛台图并展示数据。针对项目中遇到的一些问题总结记录移动端适配(rem+px)。该项目使用较少的预处理来动态获取设备大小,然后设置不同的字体大小。移动端兼容性问题ios8、9下的Safari不支持es6。在本项目中,已经将打包转为es5,但在ios8中仍然无法使用(测试时使用了ip5)。在Mac上测试后,发现报错。据悉,部分文件仍未转移。查看报错文件,发现使用的Swiper插件源码使用了es6语法,将这些没有转换的文件转过来。ios8不兼容flex,需要加前缀。自动添加前缀的插件移动端1px超细线需要模拟。项目优化(文件打包体积,路由层代码分段按需加载)webpack-bundle-analyzer这个插件可以用来分析每个文件打包后的组成,从而分析出每个文件变大的原因,可以进行哪方面的优化。您可以启用gzip压缩、配置服务器并减小打包文件的大小。在路由层,使用webpack提供的codesplitting进行按需加载。总结:整体问题都有解决办法。要点就是以上几点。项目基本没有困难。登录和身份验证是正常的背景检查。会有新的加入