

首页  思维导图  详情



微信小程序开发

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

共同属性类型

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

导航

navigator

媒体组件

audio

mage

video

地图

map

画布

canvas

子主题

 Collect

Get Started

微信签到小程序开发方案

 Collect

Get Started

微信小程序软件架构图(打印共享小程序)

 Collect

Get Started

微信小程序架构图，技术架构图，功能架构，网络部署架构，整体架构，拓展图

 Collect

Get Started

微信小程序交作业





0 条评论

下一页