vue编译成微信小程序的坑

野生程序猿-杂烧4年前随意分享296

uniapp最大的好处是方便,最大的问题就是编译后多端的异常难以排查。

h5端一切正常,在其他端异常。代码不存在语法上的错误,几乎都是平台的差异性导致的,这个时候多半是经验积累不够,坑踩得不够多。

很多时候问题是比较隐蔽的,有的时候h5正常,模拟器正常,真机不正常。

我遇到了以下几个坑

1、域名需要白名单,https。像微信小程序这些真机测试是需要这些的。

2、给page的传参获取不兼容。onLoad(options){} 的时候获取

3、page创建了再删除过,导致一些配置文件里还有改page,有些端提示异常。手动删除配置即可。

4、源码里加入了不支持格式的素材。比如有的时候为了方便修改素材,把psd文件也放在图片文件里了。

5、多端兼容的js有问题。h5里跟真机本身就是不同的。

标签: vue

相关文章

前端的多端适配-硬件接口篇

前端的多端适配-硬件接口篇

我们在多端开发的时候经常会遇到硬件接口的坑,比方调用扫一扫。h5网页要扫一扫,小程序要扫一扫,app也要扫一扫。我们 正常都是一边开发,一边h5端网页调试。但是h5端根本没有办法扫一扫啊?没有支付啊?...

vue通过组件的方式制作教学软件翻牌游戏环节

vue通过组件的方式制作教学软件翻牌游戏环节

为了方便学生记忆学习,将记忆知识点做成了翻牌游戏形式。由于记忆点知识比较多,我们可以设计成多个关卡,每个关卡就是一些知识点配置,通过组件的形式加载,更为合理,更为方便。【fanpai.vue】<...

vue的部分文字选中效果-选中变色

vue的部分文字选中效果-选中变色

我们在检索或者要突出部分文字重要的时候,都会有选中变色的效果。vue的文字选中变色研究了一下,没有找到很快速的方法。只能把文字字符串变成了list,然后js循环每个字符,把需要变色的字符找到。<...