uniapp踩坑记

在使用生命周期时,需要注意生命周期在不同平台上的执行顺序和时机,可以使用条件编译的方式,针对不同平台编写不同的生命周期代码。在使用API时,需要注意API在不同平台上的兼容性,可以使用条件编译的方式,针对不同平台编写不同的API代码。不同平台对于生命周期的参数可能会有差异,例如小程序中的onLoad生命周期的参数是一个对象,而H5中的onLoad生命周期的参数是一个路由参数。在使用组件时,需要注意组件在不同平台上的兼容性,可以使用条件编译的方式,针对不同平台编写不同的组件代码。2.1 组件差异问题。
摘要由CSDN通过智能技术生成

全文链接!!!!!!
一、样式兼容问题

1.1 rpx单位问题
Uniapp中使用rpx作为单位进行布局,但在不同平台上,rpx的表现方式可能会有所不同。在小程序中,1rpx等于屏幕宽度的1/750,而在App中,1rpx等于屏幕宽度的1/2。所以在开发过程中,需要根据不同平台进行单位的换算,可以使用uni.$bem.px2rpx()方法进行转换。

1.2 样式兼容问题
不同平台对于某些CSS样式的支持程度不同,例如flex布局在小程序中表现可能会有问题。在开发过程中,需要注意样式的兼容性,可以使用条件编译的方式,针对不同平台编写不同的样式代码。

二、组件兼容问题

2.1 组件差异问题
不同平台对于某些组件的支持程度不同,例如小程序中不支持video组件。在使用组件时,需要注意组件在不同平台上的兼容性,可以使用条件编译的方式,针对不同平台编写不同的组件代码。

2.2 组件参数问题
不同平台对于组件参数的支持程度也有差异,例如小程序中的textarea组件不支持placeholder参数。在使用组件时,需要注意组件参数的兼容性,可以使用条件编译的方式,针对不同平台编写不同的组件参数代码。

三、API兼容问题

3.1 API差异问题
不同平台对于某些API的支持程度不同,例如小程序中的request方法和App中的request方法参数不一样。在使用API时,需要注意API在不同平台上的兼容性,可以使用条件编译的方式,针对不同平台编写不同的AP

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

温暖前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值