先上官方文档:https://github.com/icindy/wxParse。先讲一下我的理解,最后说明下自己使用wxParse的业务场景以及遇到的问题。
1.先上个目录结构。
然后总结下wxParse下我处理过得文件。html2json.js中注释掉console.dir()---显示对象的属性跟方法,安卓手机好像不支持这个命令。
wxParse.wxml中,video标签中添加poster(小程序video封面属性,开发者工具可能无法正常显示,但是手机可以)与custom-cache="{{false}}"属性(这个属性可以解决苹果手机视频无法播放的问题,当时我遇到的问题是同一页面超过5个视频后,先上传的视频无法播放),这个地方也是我想做个wxParse总结的原因,因为后端传过来的富文本标签会被重新转译成wxParse这里设置的标签。
在成功引用wxParse后,会在控制台打印一大段文字。下面是大概内容,wxParse.html中的{{}}中可以引用这些属性,具体自己研究下就懂啦^^。
最后总结一下,这篇文章没有具体讲到wxParse怎么使用,但是总结了一下我遇到的坑以及解决办法,希望能帮助到大家。我所要完成的业务是,在页面中显示一段富文本,看似简单,但是遇到了视频黑屏以及视频无法播放的问题,花费了很多很多零零散散的时间,debug的辛酸就不再赘述。这是我第一个小程序项目也是第一个前端项目的第一个小总结,加油。
前端路上种因果,填坑路上你和我