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

Question

1. cover-view 不支持背景图片

2. wufa无法覆盖 textarea 的 placeholder

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

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

5. 不支持设置阴影，不支持伪类，小程序：

H5:

Answer 1

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

暂时无解

Answer 2

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

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

ele.getBoundingClientRect().bottom: 0

window.innerHeight: 640

ele.offsetTop： 595 

ele.offsetHeight： 45

社区提问：

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

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

暂时无解

Answer 3

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

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

Answer 4

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

Answer 5

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

Answer 6

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

未显示指定this

显示指定this