微信小程序开发之常用的知识点介绍

上节讲了微信小程序的自定义方法，其实很多的自定义方法与普通的JS自定义方法的规则是一样的，可以说几乎没有任何差别，只是小程序调用方法时要先声明调用的是哪里的方法，例如上节讲过的引入方法：var util = require('../../utils/util.js')，使用utils.方法名 就可以调用该方法了，下面我们再讲讲一些常用的知识点，可能会讲的有点散，反正想到那里写到那里。
1. 图片自适应，小程序的图片如果直接固定宽度和高度，显示会很容易变形，我们可以在<image mode="widthFix" src=""></image> 写上widthFix,这样就是在固定宽度的情况下，高度自适应，还有mode=”heightFix”，就是设置固定高度后，宽度自适应。
2. 关于小程序之前的页面跳转，wxml里的代码<navigator hover-class="none" open-type='navigate' url=’’></navigator>，其中hover-class表示点击时的样式，如果点击时不需要有任何效果，需要加上none,open-type是指打开的方式，一般共有三个方式，分别是navigate,switchTab,redirect；navigate就是常规的打开方式，跳转后的页面直接返回上一个页面，redirect也是跳转，但与navigate最大的不同是跳转后，用户无法返回上一个页面（点击跳转的页面），switchTab比较特殊，只有在小程序内的tabBar栏目页面才可以使用，其他页面使用无效，navigateBack是指返回上一层的页面。
3. button按钮一些自带的方式，如<button type="default"  open-type="contact" plain="true">文字或图片</button>，其中open-type就是调用自带的方法，contact是调用小程序自带的客服能力，点击可以联系小程序管理员的客服，还有getPhoneNumber获取用户的手机号，getUserInfo获取用户的信息等。
4. 数据循环输出，如<view  wx:for="{{index_goods}}" wx:key="id">内容</view>
5. 如果不在标签内特，也可以直接使用block，例如，<block wx:for="{{index_goods}}" wx:key="id"><veiw>内容</view></block>，用法是一样的，唯一不同的是block内需要加上标签，否则会出错，wx:key是唯一标识符，如果不加上，小程序会报黄色的提示错误，默认输出是item,例如item.name，也可以修改item，例如使用wx:for-item="items",则需要输出items.name，还有使用wx:for-index="index" ,即index是数组的索引值，一般是从0开始，一直增加。
6. 
还有一些等下次再讲，可能会讲提交表单，弹窗效果等常用的小程序功能。