小程序项目问题总结

1.  组件-外部样式:

小程序为我们提供外部样式用于适应组件在不同地方使用时的样式灵活性,但是我们在开发时发现一个问题,就是传入的外部样式有时候不能生效,

原因:

组件中的默认样式与传入的外部样式目前版本并不存在优先级高低、前后覆盖的概念,所以会出现外部样式失效问题

解决方案:

外部样式后面加上 “!important”,提高样式的优先级

2. 改变组件样式

除了外部样式类,还有一种hack的方式,直接在css中 利用 view v-component view 的方式改变样式,此写法虽然简单粗暴但是不符合组件封装性的特点

3. text中对于\n不生效的问题,text默认会对innertext中的\n进行换行处理,但是有时候服务器返回的text内容 有时候小程序解析时会出现\\n的情况,导致不能换行

解决方案:

利用小程序提供的wxs特性,对html中的内容进行“正则表达式”处理,wxs可以解决小程序中类似于vue过滤器、计算属性的功能

4. 富文本渲染

我们在利用rich-text插件渲染富文本时,经常会发现界面渲染缓慢

解决方案:添加富文本内容时添加一个“分页符”,后台返回时,在js中利用分页符将富文本内容分割成若干个数组,然后利用递归进行部分渲染

// 对富文本渲染进行标记

renderFuc() {

if (this.data.renderMark <= this.data.otherRichText.length) {

setTimeout(() => {

var arr = this.data.firstRender

arr[this.data.renderMark] = true

var _this = this

this.setData({

     firstRender: arr,

      renderMark: ++this.data.renderMark

})

      return this.renderFuc()

}, 100)

}

},

5.小程序无法直接接受实时推送,只能通过公众号,具体操作可以查看公众号消息推送信息

未完待续.....

猜你喜欢

转载自blog.csdn.net/smaller_coder/article/details/85757141
今日推荐