uni-app开发技巧

1.背景图

当小于40kb的背景图 uniapp会自动编译成为Base64格式，大与40kb的图，就需要我们自己手动将图片转为Base64格式的图片

2.svg图片

ios不支持svg图片

3.upx换算

计算公式：
1px=2upx(设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx) 注：我们使用的设计稿基准宽度为375px

4.UI框架

使用colorUI,在uni-app官网组件市场可以找到

5.打包出现样式问题

自定义组件的类名不要和使用组件的vue页面的类名一样，否则h5测试是没有问题的，但打包后，很容易出现自定义组件样式覆盖页面的样式的问题

6.修饰符失效

uni-app 虽然是vue语法，但是并没有使用vue的修饰符，而是选择小程序的修饰符

7.打包体积过大问题

可以将较大的本地图片压缩后使用

uni-app开发技巧相关推荐

web app开发技巧总结
Web APP开发技巧总结一.META/LINK相关: 1.百度禁止转码通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心.不过我们可以通过这个meta标签来禁 ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
Web App开发技巧
webApp和nativeApp的区别 Native App 开发成本非常大.一般使用的开发语言为JAVA.C++.Objective-C. 更新体验较差.同时也比较麻烦.每一次发布新的版本,都需要做 ...
新年之际，盘点一些APP开发技巧
(原文:Reader Submissions - New Year's 2015 作者:Mattt Thompson 译者:培子校对:蓝魂) 回顾过去一年发生在我们身边的事情时,有一点不得不提:对苹 ...
记录uni.app开发微信小程序中地图的使用,以及项目中的解决办法
标题先讲一下需求:需要获取用户的地址信息以及经纬度,并在地图中展示时出来 uniapp官方也提供了api uni.getLocation(OBJECT) getLocation只能获取用户的经纬度,不 ...
Web APP开发技巧总结(转）
一.META/LINK相关: 1.百度禁止转码通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心.不过我们可以通过这个meta标签来禁止它: <meta h ...
uni.app开发物联网小程序
1.当切换页面的时候,容易与mqtt服务器断开连接,并报错原因:在onLoad事件中,获取参数的时候使用异步获取,但是在事件里面还使用了这个参数,导致mqtt发布的时候,发了一个空主题,导致连接被断 ...
天府一品茶叶商城平台 uni app 开发总结 H5商城
天府一品问题总结问题一: 按钮加上border-radius会发现外层有个长方形线问题二: 如何文章页和文章详情页传值问题三: 引入echarts 参考资料: 问题四: 解析markdown ...
小程序个性签名，uni app 开发横屏
兄弟们,一行代码都不需要敲,直接复制张贴,就能用兄弟们,一行代码都不需要敲,直接复制张贴,就能用点击展示签名的组件 sign-canvas.vue 跳转到配置了横屏属性的写签名页 canvas ...
教育系统+直播APP开发设计
抗疫期间,不少购物中心闭店或缩短营业时间,但消费需求仍然存在.因此,为了方便消费者以及应对疫情带来的市场冲击,商场纷纷推出直播荐货.线上直购.建群卖货等方式,让消费者"在家也能逛商场&quo ...