huruji / blog

红日初升,其道大光:sun_with_face::house_with_garden:请star或watch,不要fork
https://juejin.im/user/5894886f2f301e00693a3e49/posts
158 stars 11 forks source link

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

Open huruji opened 6 years ago

huruji commented 6 years ago

cover-view

  1. 不支持背景图片 image

2.wufa无法覆盖textarea的placeholder image

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

image

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

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

image.png

H5:

image

huruji commented 6 years ago

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

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

jimczj commented 6 years ago

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

huruji commented 6 years ago

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

huruji commented 6 years ago

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

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

huruji commented 5 years ago

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 commented 5 years ago

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

暂时无解