一 常用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 提高渲染效率
网友评论