Skip to content

XtLee/wechat-miniProgram-Precautions

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 

Repository files navigation

wechat miniProgram Precautions

1、scroll-view元素中fixed元素在滚动时会产生抖动。 解决方法:将fixed元素与scroll-view元素放置到同一层级

2、switch滑块样式控制。 /** 滑块选择时背景大小 / .wx-switch-input { width: 90rpx !important; height: 50rpx !important; } / 滑块大小 / .wx-switch-input::before { width: 96rpx !important; height: 50rpx !important; } / 滑块小圆点大小 **/ .wx-switch-input::after { width: 50rpx !important; height: 50rpx !important; }

3、canvas生成图片大小是根据当前canvas大小来设定的,如果canvas的高度是不固定的,最好在一开始就设置好canvas的高度,否则生成的图片可能会被拉伸;

4、控制多行文本超出显示省略号: /** 块级元素内多个行内元素/多行文本 / .line { text-overflow:ellipsis; overflow:hidden; display:-webkit-box; / 必要 / -webkit-line-clamp:2; / 这个数字是设置要显示省略号的行数 **/ -webkit-box-orient:vertical; }

5、text组件使用三元运算控制style的color字段无效,默认选择false结果。可将色值提前设置为变量引用。

6、IOS在new Date()时,只支持传入[年,月-1,日]格式。在Date.parse()的时候,不支持直接传输日期字符串,需转换为标准UTC格式。

7、小程序使用textarea组件时,回车展示为\r\n,但是在浏览器内有时会展示为\n。

8、小程序使用TS时会报Cannot find global type 'CallableFunction' Cannot find global type 'NewableFunction' 。解决办法为到node_modules路径下的TypeScript包的bin目录下,lib.es5.d.ts文件里面把这两个类型的Interface拷贝到,小程序typing目录下的lib.wa.es6.d.ts里面。

9、IOS不支持display: flow-root;可用overflow: hidden;产生BFC;

10、IOS上有时网络图片加修饰后图片加载失败,可在图片组件的binderror里将图片地址更新一次;

11、在setData时,key和value相同时,对value进行任何操作都会导致编译错误。解决方式为value不要和key重名,使用其他名称或者加上this的前缀;

12、微信小程序不支持text-align: justify-all;属性。文本两端对齐的最好解决办法为:将文本拆分为单独的块,使用flex布局解决;

13、微信小程序单行文本两端对齐支持:display: inline-block; width: 120rpx; text-align: justify; text-align-last: justify; 这种写法。

14、微信小程序阻止页面滚动可以监听catchtouchmove事件。必须要给一个空方法,不然会报错;

15、自定义组件生命周期触发除了一开始页面载入时,使用wx:if控制显示隐藏时也会触发;

16、安卓在后台时,无法调用wx.reLaunch(),只能通过在页面onShow时进行判断跳转;

17、IOS真机rich-text多行省略号必须设置height属性;如果高度不确定,可以选择在富文本外面手动套一个div,给div增加style控制多行省略号及max-height;

About

wechat miniProgram Precautions

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published