第一章
1.1.2小程序特征
1.无需安装
2.触手可及
3.用完即走
4.无需卸载
1.1.3小程序应用场景特点
1.简单的业务逻辑
2.低频度的使用场景
1.2微信小程序开发流程
1.2.1注册小程序账户
1.2.2开发环境准备
1.2.3微信开发工具的下载及安装
1.2.4创建第一个小程序项目
1.2.5运行及发布小程序
第二章
2.1小程序的基本目录结构
pages所有页面,每个页面一个文件夹,一个页面四个不同的文件夹分别表示页面结构、页面样式、页面逻辑和页面配置文件。
utils存放一些公共的 .js文件
2.1.1主体文件
1.app.js:小程序逻辑文件,用来注册小程序全局实例。
2.app.json:公共设置文件,配置小程序全局设置。
3.app.wxss:主样式表文件,类似HTML里面的 .css文件。
2.1.2页面文件
2.2小程序开发框架
2.2.1视图层
所有.wxml文件(描述页面的结构)与.wxss(描述页面样式)文件的集合
2.2.2逻辑层
逻辑层用于处理事务逻辑
2.2.3数据层
1.页面临时数据和缓存
2.文件存储
3.网络存储于调用
2..3创建小程序页面
2.3.1创建第一个页面文件
2.3.2创建另一个页面文件
2.4配置文件
2.4.1全局配置文件
1.pages配置项
2.window配置项
3.tabBar配置项
4.networkTimeout配置项
5.debug配置项
2.4.2页面配置文件
2.5逻辑层文件
2.5.1项目逻辑文件
2.5.2页面逻辑文件
1.设置初始数据
2.定义当前页面的生命周期函数
3.定义事件处理函数
4.使用setData更新数据
2.6页面结构文件
2.6.1数据绑定
1.简单绑定
2.运算
2.6.2条件数据绑定
1.wx:if条件数据绑定
2.block wx:if条件数据绑定
2.6.3列表数据绑定
1.wx:for
2.block wx:for
2.6.4模板
1.定义模板
2.调用模板
1.import方式
2.include方式
2.6.6页面事件
2.7页面样式文件
1.尺寸单位
2.样式导入
3.选择器
4.WXSS常用属性
第三章
3.1盒子模型
模型结构
模型元素
3.2块级元素与行内块元素
3.2.1块级元素
3.2.2行内元素
3.2.3行内块元素
3.3浮动与定位
3.3.1元素浮动与清除
3.3.2元素定位
3.4flex布局
3.4.1容器属性
1.display
4.flex-flow
5.justify-content
6.align-items
7.align-content
3.4.2项目属性
第四章
4.1组件的定义及属性
<标签名 属性名=“属性值”>内容......</标签名>
id,class,style,hidden,data-*,bind*/catch*
4.2容器视图组件
4.2.1 view
组件属性
4.2.2 scroll-view
组件属性
4.2.3 swiper
组件属性
4.3基础内容组件
4.3.1 icon
组件属性
4.3.2 text
4.3.3 progress
组件属性
4.4表单组件
4.4.1 button
组件属性
4.4.2 radio
组件属性
4.4.3 chekbox
组件属性
4.4.4 switch
组件属性
4.4.5 slider
组件属性
4.4.6 picker
1.普通选择器
组件属性
2.多列选择器
组件属性
3.时间选择器、日期选择器
时间组件属性
日期组件属性
4.省市选择器
组件属性
4.4.7 picker-view
组件属性
4.4.8 input
组件属性
4.4.9 textarea
组件属性
4.4.10 lable
4.4.11 form
组件属性
4.5多媒体组件
4.5.1 image
组件属性
1.缩放模式
2.裁剪模式
4.5.2 audio
组件属性
4.5.3 video
组件属性
4.5.4 camera
组件属性
4.6其他组件
4.6.1 map
组件属性
markers属性
polyline属性
4.6.2 canvas
组件属性
第五章
5.1即速应用概述
5.1.1即速应用的优势
1.开发流程简单,零门槛制作
2.行业模板多样,种类齐全
3.丰富的功能组件和强大的管理后台
5.1.2即速应用界面介绍
1.菜单栏
2.工具栏
3.编辑区
4.属性面板
5.2即速应用组件
5.2.1布局组件
1.双栏组件
2.面板组件
3.自由面板组件
4.顶部导航组件
5.底部导航组件
5.2.2基本组件
1.文本组件
2.图片组件
3.按钮组件
4.标题组件
5.轮播组件
6.分类组件