二，API

一 常用API

1，事件监听的API

以on开头,用来监听某些事件的触发

wx.onWindowResize(callback)

2,同步API

1,以sync结尾的API都是同步API;2,同步API执行结果可以用过返回值直接获取,如果执行错会抛错。
wx.setStorageSync('key','value')

3,异步API

类似于jquery中的$.ajax(options),需要通过success,fail complete 接收调用的结果

wx.request()

---

二,协同工作

在一家公司做一个小程序需要各部门的协同配合

协同

小程序的发布流程

流程

2.1基于小程序码进行推广

管理后台->设置->基本设置->基本信息->小程序码及线下物料下载

2.2 运营数据

• 小程序后台查看
• 使用小程序数据助手查看

三 模板与配置

3.1WXML模板语法

1.在data中定义数据,在WXML中使用数据
在index.js中

基本数据

使用数据的时候用双大括号的插值写法使用

image.png

setData({ })方法修改data数据

3.2事件绑定

类型	绑定方式	事件描述
tap	bindtap bind：tap	手指触碰后马上离开，类似click
input	bindinput bind：input	文本框的输入时间
change	bindchange bind：change	状态改变时触发、

事件对象的属性列表

属性	类型	说明
type	String	事件类型
timeStamp	Integer	页面打开到触发事件所经过的毫秒数
target	Object	触发事件的组件的一些属性值的集合
currentTarget	Object	当前组件的一些属性值的集合
detail	Object	额外的信息
touches	Array	触摸事件，当前停留在屏幕中的触摸点信息的数组
changedTouches	Array	触摸事件，当前变化的触摸点信息的数组

事件传参
自定义属性 data-aaa可以通过dataset包含了所有data-*传过来的数据
event.target.dataset

用bindinput bind：input 获取文博框的值用e.detail.value获取

3.3条件渲染

wx:if

image.png

可以用block标签包裹住,同时他是不会在页面上进行渲染的.

bidden="{{ flag}}" 是显示和隐藏,和wx:if的区别就是,
他的显示和隐藏与页面结构有关,wx:if是不会创建标签的
频繁用hidden

3.4，列表渲染

• wx:for="{{ }}" 列表渲染
  索引用{{index}} 当前值用{{item}}
  wx:key 提高渲染效率