微信小程序入门到实战实例分享（四）

发布日期： 2018-02-23 阅读量： 作者： 网络

调试方法

小程序的调试和一般的网页调试差不多，但是注意几点：

调试文件的选择

打开调试器，选中Sources页签，然后使用快捷键：ctrl+p打开搜索框，选择后缀为sm的文件进行调试。
微信小程序入门到实战实例分享（四）

数据绑定的展示

打开调试器，选中AppData页签，可以查看到页面数据绑定的详细信息，是否正确绑定。记载着所有页面的数据绑定内容。
微信小程序入门到实战实例分享（四）
通过上面这个图片，我们就可以知道，只有在datesArry对象里面有需要绑定在页面上面的数据。

Template模版

wxml / wxss / js模块的复用，更好的封装ui和业务逻辑增加复用性

当一块区域需要在多个地方使用的时候，可以把这个区域做成一个模版，在使用的时候调用这个模版即可，这样即减少重复代码的编写，又易于维护，让代码整洁。

模版代码的编写

<template name='postItem'>
  <view class='box'>
    <view class='title-box'>
      <text class='title'>{{item.title}}</text>
      <text class='date'>{{item.date}}</text>
    </view>
    <image src='{{item.imgUrl}}' class='cont-image'></image>
    <text class='content'>{{item.content}}</text>
  </view>
</template>

# 小程序 # 分享 # 实例

上一篇: Windows中鼠标的拖放操作是指什么？

微信小程序入门到实战实例分享（四）

随便看看