摘要：对于项目中遇到一些问题进行总结记录移动端适配项目使用预处理，动态获取设备尺寸，进而设置不同的跟字体大小。
项目使用vue-cli搭建，技术栈使用vue2+webpack3。该项目为移动端，内嵌App中。业务内容为黄金交易。使用webscoket实时获取服务端数据，更新黄金价格。使用Echart制作k线图，对数据进行展示。对于项目中遇到一些问题进行总结记录
移动端适配（rem+px）
项目使用less预处理，动态获取设备尺寸，进而设置不同的跟字体大小。
移动端兼容问题
ios8,9下的safari对es6不支持，在本项目中，打包已经转es5了，但是还是不能再ios8(测试时用的是ip5),经过在Mac上测试，查看到报错，得知某些文件还是没有转。查看报错文件发现是使用的Swiper插件源码有使用es6的语法，讲这些没有转的文件也转一下。
ios8不兼容flex，需要添加前缀。自动添加前缀的插件
移动端1px极细线需要模拟实现。
项目优化（文件打包体积，路由层的代码分割按需加载）
webpack-bundle-analyzer 这个插件可以用来分析打包之后每个文件的组成，这样可以分析每个较大文件的原因在哪里，可以进行哪方面的优化。可以开启gzip压缩，配置服务器，减小打包文件大小。
在路由层，使用webpack提供的代码分割进行按需加载。
总结：整体问题有解决办法主要为以上几点，项目中基本没有难点，关于登录和验证身份都是正常的后台校验。有新的会不断补充
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/99950.html
摘要：使用即可完成一个很有意思的在线游戏作品。你画我猜，相信大家对这个游戏都很熟悉。我用实现了你画我猜这个游戏。可以修改画笔颜色，粗细，进行撤销，恢复，清空等操作。第一个猜完后，游戏时间缩短为秒。 使用 websocket + vue2 即可完成一个很有意思的在线游戏作品。你画我猜，相信大家对这个游戏都很熟悉。 我用Vue2 + mint-ui + nodejs + websocket ...
摘要：遇到问题时一定要去阅读文档，可以发现使用时遗漏或者没有注意的地方。打包文件时也要注意修改路径不然就踩坑了。 vue_lofter 一个仿lofte手机端的vue项目 项目描述 技术栈 Vue2.0全家桶 + axios + Vuex + Mint-ui + Mock.js + Stylus 预览效果 ?预览地址(PC端建议在Chrome下开启调试模式或移动端浏览) ?源码地址✨✨求你...
vue-mobile-starter View README in English 基于 vue2 + vuex + vue-router 构建的移动端单页微应用，适合于vue2、vuex、vue-router核心概念的理解与掌握。 前言 做这个项目的初衷其实很简单，我司之前一直用angular、react进行PC端项目的开发，但是最近新开展了一些项目打算用vue来做移动端的开发(紧跟大厂的步伐?...
阅读 3184·2021-11-15 11:37
阅读 2427·2021-09-29 09:48
阅读 3767·2021-09-22 15:55
阅读 2982·2021-09-22 10:02
阅读 2611·2021-08-25 09:40
阅读 3204·2021-08-03 14:03
阅读 1671·2019-08-29 13:11
阅读 1550·2019-08-29 12:49
