blog icon indicating copy to clipboard operation
blog copied to clipboard

微信小程序开发的那些神坑

Open huruji opened this issue 6 years ago • 6 comments

cover-view

  1. 不支持背景图片 image

2.wufa无法覆盖textarea的placeholder image

3.显示隐藏时有时上下闪屏瞬移

image

4.可以覆盖textarea中输入的文字,但无法覆盖emoji image

5.不支持设置阴影,不支持伪类 小程序: image

image.png

H5:

image

huruji avatar Oct 06 '18 04:10 huruji

关于小程序canvas参数需要传递上下文this的API,如wx.canvasGetImageData、wx.canvasToTempFilePath,请一定显示指定this对象,否则在组件内会失败,

未显示指定this image 显示指定this image

huruji avatar Oct 10 '18 08:10 huruji

textarea 是原生组件,层级最高,所以不管是 placeholder 还是 value 都无法通过z-index 覆盖。伪类可以用,但是微信开发者工具审查不出来而已,实际是有的

jimczj avatar Oct 10 '18 09:10 jimczj

是呀,textarea是所谓的原生组件,但我说的是使用半透明cover-view不能遮挡住textarea的placeholder和emoji,cover-view的伪类失效,不是textarea的 @jimczj

huruji avatar Oct 10 '18 09:10 huruji

canvas无法在display:none的canvas中绘制图片

很多时候我们需要通过canvas绘制网络图片,但这个动作不希望用户看到,这个时候不应该去设置隐藏这个元素,而应该是去设置position和位置在一个用户看不到的位置

huruji avatar Oct 10 '18 09:10 huruji

web-view 组件在小程序自定义导航栏 "navigationStyle":"custom" 时 web-view 内 fixed 布局元素被截断,出现机型 vivo x9

这个时候通过轮询 ele.getBoundingClientRect()window.innerHeight 的值对比或者 ele.offsetTopele.offsetHeightwindow.innerHeight 对比都无法解决

ele.getBoundingClientRect().bottom: 0

window.innerHeight: 640

ele.offsetTop: 595 

ele.offsetHeight: 45

社区提问:

小程序全屏模式下webview高度被截断

小程序全屏模式下webview高度被截断

暂时无解

huruji avatar Mar 20 '19 09:03 huruji

内嵌 H5 上传照片,选完点完成后直接退出到小程序首页,出现机型 vivo x9

暂时无解

huruji avatar May 22 '19 06:05 huruji