微信小程序踩过的一些坑

前言

迄今为止，正儿八经的上线了真正意义上的程序，可是这个小程序却着实不小。

之因此不小，是由于这个相似于社区的小程序，已经作了大部分都有的功能了

举例说明，具体的一些功能点：

• 一、帖子列表页面：会有的功能：滚动加载，下拉刷新等
• 二、发帖页面：图文发表，视频上传
• 三、评论页面，图文评论
• 四、帖子详情页：富文本解析，点赞，回复帖子，回复评论，关注，收藏，朋友圈分享，分享
• 五、任务中心，积分获取，兑换。
• 六、小程序提现到零钱(即将上线)

细数如下几个坑(上)

一、富文本

这个说来就有很是坑，做为一个帖子，本身建立的还好，若是是导入的富文本，对于小程序的体验真的是苦不堪言，寻求了多种方法之后，其中甚至有本身过滤标签，不过表现 形态不是很好，最终选择了 wxParse

社区里也专门有人对这个开源项目，设计出来了小程序插件，不过建议最好仍是用这个项目引入，毕竟有些代码改起来方便，不是每一个解析富文本的需求都恰好知足，能够 适当的调整下源代码。

相关截图

出自于 wxParse

值得注意的是，在某些搜索结果页面，可能也须要用到富文本解析进去搜索结果标红，由于前端去一个个匹配，仍是太为繁琐，这个时候就要用到 wxParse多数据循环使用方法

例子上举例的是数组模式，实际上键值对的对象也是能够，只要通过一些处理即可，也不是很麻烦 。

二、图片上传

参考问题来源chooseImage当sizeType为compressed时怎么获取压缩图片

关于图片上传有两个小问题

一、真机上的时候，不论怎么打印压缩后的结果都会发现没有压缩。

这个时候……不要奇怪，由于开发者工具上确实没法看到真实压缩后的结果，要放在真机上联调的时候，才能打印出来具体压缩后的大小 ，虽然不是很难的问题 ，但却着实苦恼了一阵。

二、上传事后，显示预览图的速度比较慢。

这个是本身做死遇到的，为了图方便，直接拿了七牛云上面的连接地址渲染img，但实际体验比想象中的要差的多，最好改善的方案，仍是拿choose后的本地图片渲染，速度快不少。

三、video始终处于最高级

当初在作弹框的时候，不管怎么设计弹窗，都没法逾越video这座大山，最后发现无论使用什么标签，设置啥层级都没有啥用。

选择的办法，设计一个伪装视频暂停的画面(黑屏)，把真实的video移走，等弹窗消息的时候，再从新移回来。

这个方案至今以为仍是挺low的，有好的方案的能够建议下 。

四、textarea获取焦点时，页面没有上推

对，这是个已知问题，不用再去各类搜索，坐标2018-9-3，尚未修复…………各类怨念。(一部分手机是支持上推的)

细数如下几个坑(下)

五、小程序海报二维码的绘制

只要小程序在功能都开始完善的差很少的时候，无可避免的都会遇到这个小程序海报二维码的问题，这个时候就是各类神笔马良绘制的时候。

这个时候，就会遇到如何隐藏当前canvas的问题，有不少种方案，最后选择的时候，把canvas移出屏幕以外，跟以前video用的是差很少的方法。

至于二维码的绘制，需求量大的，推荐文档的中的B方案。

获取二维码

还有一点比较坑的是，识别二维码必定要是已经发布的小程序，假如小程序历来没有发布过，不管你怎么神通广大都是调试不成功。

六、小程序分享

已经发出公告取消成功回调了

详细见 小程序、网页及App分享功能调整

未完……不知道是否待续

长时间没有写博客了，这段时间都一直浸淫在小程序当中，有愿意讨论的童鞋欢迎，目前小程序已稳定上线2个多月，社区类的小程序。

转载请注明原文地址 https://www.cnblogs.com/star-wind/p/9581055.html:谢谢

个人github,欢迎拍砖