最近开始接触小程序的开发。由于时间关系，文档不完整，踩了很多坑。不得不说，微信的野心是越来越大了，但它超高的流量注定了有这个资本。原文地址：小程序目录下scroll-view的使用关于Swiper下拉刷新和上拉加载的使用其他相关内容1.scroll-view的使用官方提供的scroll-view（可滚动视图区域）为提供的组件，开发人员可以轻松配置它们。在使用过程中，必须指定一个固定的scroll-view高度，所以在某些情况下需要给组件动态增加高度。//wxml//jsdata:{scrollHeight:500},onShow:function(){varthat=thiswx.getSystemInfo({success:function(res){that.setData({scrollHeight:res.windowHeight})}})}注意：当使用scroll-view时，页面会被阻止回弹，所以在scroll-view中滚动不能触发onPullDownRefresh2。关于Swiper的使用，官方也提供了swiper组件，通过简单的配置即可实现。广播图，但是对于轮播图的指示点，并没有提供过多的配置，所以如果要修改指示点，需要禁用默认模拟。//wxml//jsdata:{swiperCurrent:0},swiperChange:function(e){this.setData({swiperCurrent:e.detail.current})},3.下拉刷新上拉在加载小程序中，官方为我们提供了原生的下拉刷新和上拉加载，只需要简单的配置就可以实现下拉刷新功能//app.json"window":{"backgroundTextStyle":"dark",//如果下拉不显示加载图标，则将浅色改为深色"enablePullDownRefresh":true,"onReachBottomDistance":50//页面上拉时距页面底部的距离-down事件触发，单位px}//jsonPullDownRefresh:function(){//标题显示加载gifwx.showNavigationBarLoading()//执行完成后，停止下拉刷新，加载gifwx.stopPullDownRefresh()wx.hideNavigationBarLoading()},onReachBottom:function(){//你的代码}另外，你也可以使用scroll-view组件来实现这两个功能//wxml//jsloadMore:function(){//你的代码},refreshData:function(){//你的代码}在实际体验，使用scroll-view下拉刷新。当页面在顶部时，无法通过下拉触发该事件。需要滚动页面一定距离，然后下拉触发bindscrolltoupper。体验不友好，建议使用小程序原生的下拉刷新。还有一个问题是，当拉起加载的时候，经常会触发多个加载事件，这显然不符合要求。解决方法可以是在loading事件中添加一个loading状态，默认为true，触发loading时设置为false，所有事件执行完毕后修改为true。//wxml4.web-view的使用微信小程序不支持原生页面跳转，包括html和js。跳转到小程序应用中的页面，需要使用wx.navigateTo(OBJECT)，详见wx.navigateToAPI。如果要跳转到H5页面，需要使用web-view组件。web-view组件是一个可以用来承载网页的容器，它会自动填充整个小程序页面。web-view指向的H5链接必须在小程序后台配置白名单。实现动态跳转，只需要给web-view所在页面动态传参即可//demo.wxml//demo.jsdata:{url:'https://www.google.com'},toPage:function(e){wx.navigateTo({url:'pages/webView?url='+e.currentTarget.dataset.url})}//webView.wxml//webView.jsdata:{url:''},onLoad:function(options){options.url?this.setData({url:options.url}):wx.navigateBack()}5.其他相关内容小程序不能使用分层选择器。wxss中不能使用背景图片，需要使用image组件导入图片。wxml中不能直接插入转义符，需要在text组件中使用。对自定义循环变量使用wx:for-item="i"。参考微信小程序开发者文档
