微信小程序开发
2016-10-20 11:02:52 0 举报AI智能生成
微信小程序开发导图
作者其他创作
大纲/内容
工具
Q&A
目录结构
app.js
app()参数Object
onLaunch
onShow
前台，前台
onHide
Any
Example code
App.prototype.getCurrentPage()
Page
Page()函数及生命周期函数
data:页面的初始数据
onLoad：生命周期函数--监听页面加载
OnReady：舍命周期函数--监听页面初次选渲染完成
onShow:生命周期函数--监听页面显示
onHide：生命周期函数--监听页面隐藏
onUnload：生命周期函数--监听页面卸载
onPulllDownRefreash :页面相关事件处理函数--监听用户下拉动作
事件处理函数
定义
示例代码
其他：开发者可以添加任意的函数或数据到object 参数中，用this 可以访问
示例代码：index.js
初始化数据
定义
示例代码
Page.prototype.setData()数据修改
定义
参数格式
示例代码
注意事项
生命周期示意图
图
GetApp()
注意
app.json
简单配置案例
配置列表
pages Array ：设置页面路径
window Object : 实质默认页面窗口表现
tabBar Object : 设置底部tab的表现
networkTimeout Object : 设置网络超时时间
debug Boolean：设置是否开启debug模式
子主题
子主题
逻辑层
API
网络
发起请求
上传下载
wx.uploadFile
wx.downloadFile
WebSocket
wx.connectSocket
wx.onSocketOpen
wx.onSocketError
wx.sendSocketMessage
wx.onSocketmessage
wx.closeSocket
wx.onSocketClose
媒体
图片
wx.chooseImage
wx.previewImage
录音
wx.startRecord
wx.stopRecord
音频播放控制
wx.playVoice
wx.pauseVoice
wx.stopVoice
音乐播放控制
wx.getBackgroundAudioPlay..
wx.playBackgroundAudio
wx.pauseBackgroundAudio
wx.seekBackgroundAudio
wx.stopBackgroundAudio
wx.onBackgroundAudioPlay
wx.onBackgroundAudioPause
wx.onBackgroundAudioStop
文件
视频
数据
子主题
子主题
子主题
子主题
位置
获取位置
查看位置
设备
网络状态
系统信息
重力感应
罗盘
界面
设置导航条
导航
动画
绘图
其他
开放接口
登录
签名加密
用户信息
微信支付
模板消息
试用说明
接口说明
视图层
WXML
数据绑定
简单绑定
内容
组件属性
控制属性
运算
三元运算
算数运算
逻辑判断
字符串运算
组合
数组
对象
简单组成对象
对象扩展
组合
条件渲染
wx:if
block wx:if
wx:if VS hidden
列表渲染
wx:for
定义
实例代码
block wx:for
模板
定义模板
试用模板
模板的作用域
事件
什么是事件
事件是视图层到逻辑层的通讯方式。
事件可以将用户的行为反馈到逻辑层进行处理
事件可以绑定在组件上，当触发事件，就会执行逻辑层中对应的事件处理函数。
事件对象可以携带额外信息，如id,dataset,touches
事件的使用方式
事件详解
事件分类
事件绑定
事件对象
type
timeStamp
target
urrentTarget
touches
detail
引用
import
include
WXSS
尺寸单位
样式导入
内联样式
选择器
全局样式和局部样式
组件
基础组件
组件属性类型
Boolean
Number
String
Array
object
EventHandler
Any
共同属性类型
Id
class
style
hidden:boolean
data-*:Any
bind*/catch*
特殊属性
组件列表
视图容器
view
示例代码
示例效果
roll-view
wiper
基础内容
icon
text
progress
表单组件
button
checkbox
form
input
label
picker
radio
slider
switch
操作反馈
action-sheet
modal
toast
loading
导航
navigator
媒体组件
audio
mage
video
地图
map
画布
canvas
子主题
0 条评论
下一页
