微信小程序（九）实现首页代码

swiper

滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行誉陆为。

swiper-item 仅可放置在swiper组件中，宽高自动设置为100%。

列表渲染

条件渲染

dataset

在组件节点中可以附加一些自定义数据。这样，在事件中可以获取这些自定义的节点数据，用于事件的逻辑处理。

在 WXML 中，这些自定义数据以 data- 开头，多个单词由连字符 - 连接。这种写法中，连字符写法会转换成驼峰写法，而大写字符会自动转成小写字符。如：

navigateTo

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

redirectTo

关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

switchTab

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。

没铺开直接赋值的打印结果：(打开注释)

不加...

铺开后庆清顷赋值的打印结果：(打开注释)

onPullDownRefresh

onPullDownRefresh()方法，用于监听用户下拉刷新事件正芦。

需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。

onReachBottom()方法，用于监听用户上拉触底事件。

微信小程序regexp对象（附带方法解析）

getRegExp(pattern[, flags])，参数：

当我们在手机上打开一个微信小程序，首先看到的就是小程序顶部的图片banner。通过顶部轮播图，商家可以展示主打产品、各种品牌信息、新的营销活动等等。这是品牌的第旁辩一印象，除了必要的节日外，小程序的首页图片就奠定了整个小程序的基调。比如下面两张图片，虽然是同样的轮播图，但是其实在使用的时候它的模式和状态是完全不同的。

在图片尺寸方面，大图和小图呈现的效果会完全不同，对于零售类的商品，一般以小图为主，呈现“热卖”、“热销”“实惠”的样式，而对于主打品牌品质类的商品，一般会以大图的模式，推广当季或是店铺主推产品。

在播放方面，小程序的首页轮播图是可以调节轮播图静止时间和轮播速度的，轮播图静止时间应该尽量控制在3秒左右，不同的品牌可以有不同的速度，比如零售类和主打品质类的产品对比，零售类可以稍微快一些，以数量和种类吸引消费者注意，而主打品牌类产品可以让消费者更好地看清楚，时间可以稍微长一些。

一般大家的浏览习惯是从左到右、从运帆缺上到下，因此，商家要想把自己的小程序做得吸引人，就需要根据自己的产品类目好好设计小程轿衫序的头图，以便能让访客快速了解到你。

---