总结复习小程序

第一章

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

2.flex-direction

3.flex-wrap

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.分类组件

第六章

6.1网络API

6.1.1发起网络请求

6.1.2上传文件

6.1.3下载文件

6.2多媒体API

6.2.1图片API

1.选择图片或拍照

2.预览图片

3.获取图片信息

4.保存图片到系统相册

6.2.2录音API

1.开始录音

2.停止录音

6.2.3音频播放控制API

1.播放语音

2.暂停播放
3.结束播放

6.2.4音乐播放控制API

1.播放音乐

2.获取音乐播放状态

3.控制音乐播放进度

6.3文件API

1.保存文件

2.获取本地文件列表

3.获取本地文件的文件信息

4.删除本地文件

5.打开文档

6.4本地数据及缓存API

6.4.1保存数据

1.wx.setStorage(Object)-------异步

2.wx.setStorageSync(key,data)-----------同步

6.4.2获取数据

1.wx.setStorage(Object)

2.wx.setStorageSync(key)

6.4.3删除数据

1.wx.removeStorage(Object)

2.wx.removeStorageSync(key)

6.4.4清空数据

1.wx.clearStorage()
2.wx.clearStorageSync()

6.5位置信息API

6.5.1获取位置信息

6.5.2选择位置信息

6.5.3显示位置信息

6.6设备相关API

6.6.1获取系统信息

6.6.2网络状态

1.获取网络状态

2.监听网络状态变化

6.6.3拨打电话

6.6.4扫描二维码

  • 38
    点赞
  • 48
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值