uni-app经验总结

1.uni-app下tabBar跳转不支持传参(api跳转成功回调方法执行时,新的页面未加载成功),解决方案使用vuex全局传参。
2.样式下使用rpx,不使用upx--(rpx支持动态绑定)。
3.新建页面页面,需要重新运行小程序程序。
4.加载外部样式文件,在script中使用import,忌在style中使用@import(代码效果是一致的,但是修改代码,服务器动态编译代码的时候会出错)。
5.小程序开发-建议使用统一的授权弹窗或是授权页面,微信授权使用的按钮回调事件,耦合在业务逻辑中开发,会耗时耗力。
6.小程序开发中不支持动态的插入组件也不支持全局引入组件,同样的组件需要到各个页面按需引入。
7.小程序中使用canvas绘画组件中的文字时,需要使用行内元素,利用弹性盒进行布局。
8.canvas绘图微信开发者工具模拟器效果与真机效果有差距,有时会在模拟器上会频繁偶现错乱的效果,不妨在真机上测试看看,真机上并不存在问题。
9.小程序在涉及canvas绘图的时候,不要使用require方法去引入图片,会导致canvas绘图失败,解决方法直接使用路径便可以,uni-app哪怕是变量字符串编译后依旧正常可用。
10、canvas画图不支持网络路径。需要先使用uni.downloadFile下载到本地使用本地路径。如果图片确定放在项目中,图片src请使用绝对路径。在页面级vue下使用相对路径获取图片路径能成功,但是在组件级vue下,获取图片信息会出错走的失败的回调。
11、同理 组件级VUE uni.createCanvasContext(canvasId, this) 与uni.createSelectorQuery().in(this) 使用加上this参数。
12、静态公共文件新增导出的方法,需要重启服务器,例utils.js文件
13、condition配置模式下,query参数仅支持字符串。
14、app.vue不能出現template标签,会导致运行小程序时编译出错。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值