文档章节

【mpvue】三

登天的感觉
 登天的感觉
发布于 09/19 15:23
字数 822
阅读 8
收藏 0

使用了快1个月,陆续整理发现的坑

1、pageA-pageB-pageA-pageC

如果以这种顺序,大概理解成,列表进详情B, 返回列表进入详情C,那么进入详情C的时候,会因为缓存,先展现详情B的内容。解决方案查看了官方issue。如下:

  onLoad() {
    Object.assign(this.$data, this.$options.data());
  },

2、之前有说过,因为缓存的原因,所以mounted一次生命周期只会加载一次,所以再一些需要数据刷新的页面,推荐使用onShow()来做。

但是会发现一个问题,小程序本身有缓存机制,就是记录上一次的浏览记录。如果onShow的话,会导致数据刷新,但是记录的缓存还在。

所以,在一些不需要随时刷新的列表上,依然使用mounted钩子。

3、由于本次项目中会使用到富文本。官方本身的rich-text,其实我觉得还好,也没那么差劲,mpvue官方说是不支持v-html,但是我用了以后,发现会自动转换成rich-text。效果其实还可以的。如果追求极致,可以去下载一个mpvue-wxparse。github上有。本次也就是使用了该组件。

https://github.com/qizhenshuai/qs-mpvue-wxparse 使用方法上面也有介绍。

重点:!!!!!!!

一定不要忘记引入wxparse.css!!!一定不要忘记引入wxparse.css!!!一定不要忘记引入wxparse.css!!!

因为引入了组件以后,确实可以编译了,但是在一些字体加粗《strong》标签,以及span等行内标签会被统一编译成《view》,变成块级元素。

4、关于页面打开会先展示出静态资源,然后再展示接口请求的数据,此问题会造成一定的用户体验不适。

比如一个详情页面。图片和介绍等内容是接口请求出来的,但是页面上的一些button,点赞等收藏元素是页面静态资源。进入页面后在接口请求数据完之前,静态资源会先展示出来。解决该问题的方法我是在最外层元素,使用v-if="isData",接口请求好数据以后设置为true。

5、关于在一些机型上面,会发现一行文字的头上好像被切除了1px的样子。具体原因排查不出来,解决方案是给该盒子padding:1px 0;。

6、另外在开发webSocket中发现一个问题。H5中的webSocket,链接以后会有一个状态码,根据状态码是可以判断出链接是open状态,还是close,或者是closing状态等。官方wx.connectSocket()

wx.connectSocket({
XXX
success(res){
console.log(res)
res.socketTaskId????????????
//刚开始,也以为这个res.socketTaskId就是状态码,因为在模拟器上的效果和h5的状态码很像。
//后来我根据状态码写完逻辑以后,真机一上就GG了。
//翻阅官方文档,居然没有这个解释。。。。。
}
})

暂时就这么多吧,陆续会更新

© 著作权归作者所有

共有 人打赏支持
登天的感觉
粉丝 0
博文 13
码字总数 5120
作品 0
浦东
前端工程师
如何在mpvue中正确的引用小程序的原生自定义组件

最近,很多人给我留言,问我说怎么在mpvue项目中引入小程序原生框架中的自定义组件。 有这种需求,是非常正常的一件事情。因为在实际开发中,我们通常希望使用已有的开源组件库来进行开发,这...

一斤代码
08/21
0
0
亲身体验小程序wepy和mpvue框架的区别

前言 小编公司也随潮流,把现有h5项目,重做成小程序项目,前期是用wepy搭建的,开始感觉还不错,随着加入的功能越来越多,感觉性能也越来越成问题。下面我们来详细介绍。开发文档 原生开发小...

向建峰_Javan
08/15
0
0
mpvue系列(三):组件、数据交互

1、mpVue项目组件的使用? (1) mpvue 可以支持小程序的原生组件,比如: picker,map、swiper 等。 (2)需要注意的是原生组件上的事件绑定,需要以 vue 的事件绑定语法来绑定,如 bindchan...

醉虾不醉
06/13
0
0
没朋友(mpvue),点个外卖,一个人也要好好吃饭

每次写文章时,总会感慨万千。面对成功,我们总是抱以较高的期望,总想急不可耐就能得到胜利的果实。可每一次成功不可能轻而易举的就来到我们的面前。几乎每一次都需要我们付出极大的耐心和勤...

hello等风来
06/25
0
0
mpvue小程序以及微信直播踩坑总结

前段时间刚写完一个mpvue的小程序,现在得闲必须赶紧记录和总结一下,不然很多东西又要忘了 我是比较熟悉vue的语法,但是也犹豫过是用原生还是用mpvue,因为那时候原生小程序已经相当成熟而m...

没事儿
09/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

20181018 上课截图

![](https://oscimg.oschina.net/oscnet/49f66c08ab8c59a21a3b98889d961672f30.jpg) ![](https://oscimg.oschina.net/oscnet/a61bc2d618b403650dbd4bf68a671fabecb.jpg)......

小丑鱼00
今天
1
0
WinDbg

参考来自:http://www.cnit.net.cn/?id=225 SRV*C:\Symbols*http://msdl.microsoft.com/download/symbols ctrl + d to open dump_file Microsoft (R) Windows Debugger Version 6.12.0002.633......

xueyuse0012
今天
2
0
OSChina 周五乱弹 —— 想不想把92年的萝莉退货

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @罗马的王:分享松澤由美的单曲《地球ぎ》 很久没看圣斗士星矢了 《地球ぎ》- 松澤由美 手机党少年们想听歌,请使劲儿戳(这里) @开源中国首...

小小编辑
今天
16
2
springBoot条件配置

本篇介绍下,如何通过springboot的条件配置,控制Bean的创建 介绍下开发环境 JDK版本1.8 springboot版本是1.5.2 开发工具为 intellij idea(2018.2) 开发环境为 15款MacBook Pro 前言 很多时候,...

贺小五
今天
1
0
javascript source map 的使用

之前发现VS.NET会为压缩的js文添加一个与文件名同名的.map文件,一直没有搞懂他是用来做什么的,直接删除掉运行时浏览器又会报错,后来google了一直才真正搞懂了这个小小的map文件背后的巨大...

粒子数反转
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部