同事笔记-小程序入坑点
1.小程序中上传图片或者视频的时候需要进行压缩一下,程序有限制不说,数据一多会显示的很慢很卡 三种方法: 一种是使用官方提供的接口 wx.compressImage(Object object); 一种是通过压缩图片的大小,利用canvas重绘来得到压缩图片; 最后一种安装第三方图片压缩包。 2.textarea组件键盘遮挡问题,,因为是原生组件的问题,机型对于这个textarea组件的影响是很大的,当聚焦输入时键盘挡住输入,并没有跟预期页面一样向上滚动输入,兼容解决办法也还时很麻烦的,(触发焦点时让它为textarea,是去焦点时让它为view)封装一个textarea(原理通过view标签来代替不点击输入时的状态) 3.单位换算问题: BaseInfo.winWidth = res.windowWidth / (res.windowWidth / 750); BaseInfo.winHeight = res.windowHeight / (res.windowWidth / 750); 1rpx = (设备宽度 / 750) px 1px=2rpx 1rem=35rpx (样式兼容还是很麻烦的,前期排版还是需要谨慎的) 小程序的屏幕宽固定为750rpx(即750个物理像素),在所有设备上都是如此,1rpx=(screenWidth / 750)px