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