小程序学习笔记（一）学习中的一些小 Tips

Tips

1、组件注册： 每次保存代码，模拟器都会展示写在app.json文件中pages里面的第一个路径所对应的组件

2、数据渲染： 在模版中使用数据，格式为

<p xw:for="{{dataList}}">{{data}}</p>

3、数据拼接： 在模版中拼接数据格式为

<image src="{{data1}}{{data2}}"></image>

4、文字换行： 在

<text>

标签中使用 /n 可以使文字换行

5、swiper组件样式设置： 在swiper组件中，swiper-item默认宽高是100%，如果需要设置宽高，需要在swiper容器上设置，在swiper-item上设置无效

6、布尔值的设置： 在组件的属性中，如果要设置一个属性的布尔值，在设置为false的时候，需要写在{{}}中，否则会被解析为字符串，从而得到true

7、引入本地脚本文件： 在文件中引入本地脚本文件的时候，需要使用相对路径，使用绝对路径可能会出错

8、修改data中的数据： 在小程序中总是会读取data对象来做数据绑定，但是这个动作是在 onLoad函数之后，所以在onLoad函数中做数据绑定的时候，可以直接给这个属性赋值，而不需要使用setData来更新数据绑定(如果是在异步中修改数据值，直接赋值则会失效)

9、音乐播放组件的资源引用： 音乐路径以及封面等资源都需要网络地址，不知道本地文件

10、缓存问题： 在真机上的缓存是没有办法清空的，除非手动用代码清空，否则后期可能会引起一些不可预测的问题

11、target 与 currentTarget的区别： target 指的是当前点击的组件，currentTarget 指的是事件捕获的组件

<view catchTap="tapFn">
	<image src="../../img/test.png" data-id="1">
	<image src="../../img/test1.png" data-id="2">
<view>
// target  ：指的是image 可以通过 target 拿到当前点击图片身上的data-id；
// currentTarget ：指的是 view ，这个绑定事件的元素本身
           

12、 在小程序数据请求中，从122100版本开始，header字段中application/json和" "空字符串都不可以使用，可以设置为

header{
"Content-Type": "application"    //or "Content-Type": "application/xml"  /  "Content-Type": "json"
}