微信小程序开发注意事项总结：上拉加载失效、转义字符等

时间 2019-12-06

标签微信程序开发注意事项总结加载失效转义字符繁體版

原文原文链接

一、上拉加载失效html

问题背景：部分页面上拉加载失效。当使用flex布局，底部固定，中间采用自适应撑满全屏实现滚动时，发现上拉加载失效，不知道是什么缘由。web

解决问题：小程序

　　在小程序中，官方为咱们提供了原生的下拉刷新和上拉加载，只须要进行简单的配置便可实现下拉刷新的功：onPullDownRefresh、onReachBottom微信小程序

　　除此以外，还能够使用 scroll-view 组件来实现这两个功能，利用scroll-view的bindscrolltolower、bindscrolltoupper事件api

<scroll-view
style="height: {{scrollHeight}}px;"
enable-back-to-top
bindscrolltolower="loadMore"
bindscrolltoupper="refreshData">
</scroll-view>

二、小程序不能使用层级选择器。微信

三、在 wxss 不能使用背景图片，须要使用 image 组件引入图片。xss

四、wxml中不能直接插入转义字符，好比 \n，须要使用在 text 组件中使用。布局

五、web-view的使用flex

　　微信小程序不支持原生页面跳转，包括 html 和 js，ui

　　若要跳转小程序应用内页面，须要使用 wx.navigateTo(OBJECT)，详见 wx.navigateTo API。

　　若要跳转 H5 页面，就须要用到 web-view 组件了。web-view 组件是一个能够用来承载网页的容器，会自动铺满整个小程序页面。

<web-view src="{{url}}"></web-view>

　　web-view指向的 H5 连接必需要在小程序后台配置白名单。若要实现动态跳转，只须要动态传参到 web-view 所在页面就能够了。

六、自定义组件里面没法使用icon，须要用image