uni-app开发的常见问题(uniapp开发遇到的问题)

软件开发 1810
今天给各位分享uni-app开发的常见问题的知识,其中也会对uniapp开发遇到的问题进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、uni-app使用时需注意的一些问题

今天给各位分享uni-app开发的常见问题的知识,其中也会对uniapp开发遇到的问题进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

uni-app使用时需注意的一些问题

一、组件做全局引入时要注意

最近在使用uni-app开发微信小程序,开头偷懒,组件做了全局引入,但是随着组件的增加,微信小程序报main.js超过500KB(实际大小为549KB),后来跟踪发现是因为组件做了全局引入影响,改为按需引入后,main.js缩小至123KB,warning解除。

uniapp开发遇到的问题总结

解决方案:

定义一个布尔类型的变量放到页面上去,改变循环的数据的某个属性时,给该变量赋值成false,然后再设置成true

只能使用create生命周期去构造了,如果不能满足的话就另想其他办法了

使用 placeholder-class 属性设置一个类名,再用该类名写样式去覆盖掉原有的样式

使用js给img标签添加行内样式以达到目的

经过顽强的询问,搜索,才知道HBuilderX 2.9.0+ 相关更新:调整根字体大小为系统默认大小与微信小程序平台一致,调整后 rem 默认大小不再为 窗口宽度/20,改为了浏览器(webview)默认的字体大小,一般为 16px

这是社区给的解决方案: 更新 HBuilderX 2.9.0+ 后 rpx(upx)、rem 样式变形的处理办法

我做的项目主要是使用 rpx 的部分变形,使用的解决方案为 宽屏适配指南

在里面找到的解决方案如下:

在 pages.json 的 globeStyle 里配置 rpx 的如下参数

uni-app小程序开发踩坑记录

最近要从零开发一个跟后台管理系统对接的小程序,因为功能比较复杂,时间短,选择了比较火的uni-app,因为小程序出现的时间较短,各方面并不完善,开发过程中就是不断踩坑的过程,特此记录一小下。

uni-app虽然功能还不完善,但是插件市场里东西还是不少的,在搭建框架中因为需求要求借鉴了之前开发的PC端,所以有一些跟之前开发VUE相关的插件 ,可以提高开发效率,

插件:

坑:

1.覆盖原生组件,需要用cover-view容器,但是cover-view里可包含的标签有限,类似view等在真机调试时不显示,需全部替换成cover-view,且icon无法显示,可以用cover-imaga代替。

2.小程序和小程序之间的跳转(如腾讯云的人机滑动验证),跳转回来时需要进行操作,此时可以判断app.vue中的options,如果按小程序文档中来说当options.scene === 1038时是小程序跳回来的场景,但是部分手机跳回来是options.scene为1001,只能将这2种都作为跳转判断的条件。

3.小程序跳转回来app中的onshow有时不执行,这个原因暂未找到

4.在uniapp的H5版本 ,接入 腾讯云滑动验证 ,示例的点击滑动验证元素是通过dom操作的,但是无效,可能跟uniAPP不支持dom操作有关系,采用定制接入方法一,手动调用。

uniapp开发ios提示不再可用

因为uniapp开发ios不兼容,所以不可用。

不得不说,任何一个开发者遇到苹果手机都会或多或少需要做适配。在使用uni-app开发小程序时,.由于页面大多数内容都是动态获取,当页面高度不给固定值时,让其随内容的填充自适应的时候,iPhoneXS Max手机在页面底部会出现白版,安卓手机不会有此现象. 解决办法:

//通过获取系统信息拿到屏幕宽高比,

const SCREEN_WIDTH = 750

const RATE = wx.getSystemInfoSync().screenHeight / wx.getSystemInfoSync().screenWidth

data(){undefined

ScreenTotalH: SCREEN_WIDTH * RATE, //拿到真实手机高度

}

//展示内容高度

//这样后苹果大屏手机内容底部不会白板

2.获取到时间字符串"2020-07-12 09:00:30" ,当我截取后取时和分为单位,如果时为"00"时,页面{undefined{dian}}点,显示为'0'而不是我要的'00',这个问题十分奇葩,虽然不是大的影响,加个三目判断:{undefined{dian=='00'?'00':dian}}点,就ok.

3.有时候小程序需要显示APP分享过来的H5页面,或者小程序本身需要显示H5页面时,需要配置https的域名,不然会无法正常显示。补充:(H5页面一般通过来展示,SRC里面的页面都是后台配置好的)

目前这是我遇到的苹果端适配问题以及解决办法。

uniapp原生插件开发问题汇总

uniapp原生插件开发与使用

问题1 : 导入UniPlugin-Hello-AS工程项目后,运行时虚拟器报device support x86 but apk only supports armeabi-v7a

问题2 :打包uni-app插件时,选择Gradle---插件module---Tasks---build---assembleRelease(双击运行生成module的aar文件)

双击运行assembleRelease时失败:

修改插件module的gradle:除了对sdk的arr包引入不用改为implementation,其他地方的compileOnly都需改为implementation。

成功:

成功获取插件module的aar文件:

备注:官网原生插件开发文档中添加依赖库是所有都用compileOnly,也不知道为什么到导致运行assembleRelease时报错,将compileOnly再改为implementation即可。

uniapp-选择文件时遇到的问题(iOS端)

最近在用uniapp开发,做选文件上传的需求时遇到这样一个问题,选完文件获取到路径后,发现插件获取的文件路径,无法用于上传,不是报文件无法读、就是找不到文件。

开始用了download、saveFile等方法都无法解决,官方文档也贫瘠,简直令人头秃。

老夫呕心沥血才得以解决,记录下!

此时文件在temp目录下且为private,无法直接拿到file用于上传。

(result.lastName是文件后缀名)

filePath最后的结果:

关于uni-app开发的常见问题和uniapp开发遇到的问题的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫码二维码