【微信小程序】复习总结

第1章

简介：微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。

优势：无须安装，触手可及，用完即走，无须卸载。

场景：简单的业务逻辑，低频率的使用场景

更详细内容请跳转：第一章总结

第2章 

第2章主要介绍了小程序的基本目录结构， 我们可以清楚的知道小程序生成逻辑。

1. pages配置项 

pages配置项接受一个数组，用来指定小程序有哪些页面组成，数组的每一项都是字符串，代表对象页面的 “路径 + 文件名” 。pages配置项是必填项。

2. window配置项

window配置项负责设置小程序状态栏，导航条，标题，窗口背景色等系统样式。

3. tabBar配置项 

当需要在程序顶部或底部设置菜单栏时，可以通过配置tabBar配置项来实现。

4. tabBar中的list选项 

list（列表）接受数组值，数组中的每一项也都是一个对象。

5. networkTimeout配置项 

小程序中各种网络请求API的超时时间值只能通过networkTimeout配置项进行统一设置，不能在API中单独设置

6. debug配置项

debug配置项用于开启开发者工具的调试模式，默认为false。开启后，页面的注册，路由，数据更新，事件触发等调试信息将以info的形式输出到Console（控制台）面板上。

更详细内容请跳转： 第二章总结 

 

 第3章

一个块级元素占一行。 

块级元素的默认高度由内容决定, 除非自定义高度 

块级元素的默认宽度是父级元素的内容区宽度, 除非自定义宽度 

浮动

元素浮动就是指设置了浮动属性的元素会脱离标准文档流的控制, 移到其父元素中指定位置的过程。

元素定位 

浮动布局虽然灵活, 但无法对元素的位置进行精确的控制。

更详细内容请跳转：第三章 

 

第4章 

 view

 view组件是块级组件, 没有特殊功能, 主要用于布局展示, 相当于HTML中的div, 是布局中最基本的用户界面(User Interface, UI) 组件, 通过设置view的css属性可以实现各种复杂的布局。

scroll-view

通过设置scroll-view 组件的相关属性可以实现滚动视图的功能。

swiper

swiper组件可以实现轮播图、图片预览、滑动页面等效果。

 icon

icon组件即图标组件, 通常用于表示一种状态, 如success、info、warn、waiting、cancel等。

text

text组件用于展示内容, 类似HTML中的< span> , text组件中的内容支持长按选中, 支持转义字符“ ＼”, 属于行内元素。

progress

progress组件用于显示进度状态, 如资源加载、用户资料完成度、媒体资源播放进度等。

button

button组件用来实现用户和应用之间的交互, 同时按钮的颜色起引导作用。 

radio 

 单选框用来从一组选项中选取一个选项。

checkbox 

复选框用于从一组选项中选取多个选项

switch

switch组件的作用类似开关选择器 

slider

slider组件为滑动选择器, 可以通过滑动来设置相应的值。

picker 

picker组件为滚动选择器, 当用户点击picker组件时, 系统从底部弹出选择器供用户选择。

多列选择器

 多列选择器(mode＝ multiSelector) 允许用户从不同列中选择不同的选择项, 其选项是二维数组或数组对象。

picker-view 

picker－ view组件为嵌入页面的滚动选择器。

 input

input 组件为输入框 , 用户可以输入相应的信息。

textarea 

 textarea组件为多行输入框组件, 可以实现多行内容的输入。

 label 

label组件为标签组件 , 用于提升表单组件的可用性。

form 

from组件为表单组件 , 用来实现将组件内的用户输入信息进行提交。

audio 

audio组件用来实现音乐播放、暂停等 。

 video 

video组件用来实现视频的播放、暂停等。

camera

camera组件为系统相机组件, 可以实现拍照或录像功能。

map

map组件用于在页面中显示地图或路径 , 常用于LBS( 基于位置服务 ) 或路径指引 , 功能相对百度地图、高德地图较简单 , 目前具备绘制图标、路线、半径等能力 , 不能在croll－view、swiper、picker-view、movable－ view组件中使用。 

 canvas 

 canvas组件用来绘制图形 , 相当于一块无色透明的普通图布。 

 更详细内容请跳转：第四章

 

第5章 

即速应用的优势 

1. 开发流程简单，零门槛制作

2. 行业模板多样，种类齐全 

3. 丰富的功能组件和强大的管理后台 

更详细内容请跳转：第五章 

 

第6章

 

发起网络请求

wx.request(Object) 实现向服务器发送请求、获取数据等各种网络交互操作

上传文件

 wx.uploadFile(Object) 接口用于将本地资源上传到开发者服务器, 并在客户端发起一个HTTPSPOST 请求 

下载文件

wx.downloadFile(Object)接口用于实现从开发者服务器下载文件资源到本地, 在客户端直接发起一个HTTPGET请求, 返回文件的本地临时路径。 

选择图片或拍照

  wx.chooseImage(Object) 接口用于从本地相册选择图片或使用相机拍照。 

预览图片

wx.previewImage(Object) 接口主要用于预览图片

获取图片信息

wx.getImageInfo(Object)接口用于获取图片信息

保存图片到系统相册

wx.saveImageToPhotosAlbum(Object) 接口用于保存图片到系统相册, 需要得到用户授权scope.writePhotosAlbum。

开始录音
wx.startRecord(Object) 接口用于实现开始录音。 

停止录音 

wx.stopRecord(Object) 接口用于实现主动调用停止录音。

播放语音

wx.playVoice(Object)接口用于开始播放语音, 同时只允许一个语音文件播放, 如果前一个语音文件还未播放完, 则中断前一个语音文件的播放。 

暂停播放

wx.pauseVoice(Object)用于暂停正在播放的语音。

结束播放

wx.stopVoicVbject)用于结束播放语音。

播放音乐

wx.playBackgroundAudio（Object）用于播放音乐, 同一时间只能有一首音乐处于播放状态。

获取音乐播放状态

wx.getBackgroundAudioPlayerState（Object） 接口用于获取音乐播放状态。

控制音乐播放进度

wx.seekBackgroundAudio（Object）接口用于控制音乐播放进度。

暂停播放音乐 

wx.pauseBackgroundAudio() 接口用于暂停播放音乐

停止播放音乐

wx.stopBackgroundAudio() 接口用于停止播放音乐。

监听音乐播放

wx.onBackgroundAudioPlay(CallBack) 接口用于实现监听音乐播放, 通常被wx.playBackgroundAudio(Object)方法触发, 在CallBack 中可改变播放图标。

监听音乐暂停

wx.onBackgroundAudioPause(CallBack)接口用于实现监听音乐暂停,通常被wx.pauseBackgroundAudio()方法触发。在CallBack中可以改变播放图标。

监听音乐停止

wx.onBackgroundAudioStop(CallBack)接口用于实现监听音乐停止,通常被音乐自然播放停止或wx.seekBackgroundAudio(Object)方法导致播放位置等于音乐总时长时触发。在CallBack中可以改变播放图标。

保存文件

wx.saveFile(Object)用于保存文件到本地

获取本地文件列表

wx.getSaveFileList(Object) 接口用于获取本地已保存的文件列表, 如果调用成功, 则返回文件的本地路径、文件大小和文件保存时的时间戳(从1970/01/0108: 00:00到当前时间的秒数)文件列表。

获取本地文件的文件信息

wx.getSaveFileInfo(Object)接口用于获取本地文件的文件信息,此接口只能用于获取已保存到本地的文件,若需要获取临时文件信息,则使用wx.getFileInfo(Object)接口。

删除本地文件

wx.removeSaveFile(Object)接口用于删除本地存储的文件。

打开文档

wx.openDocument(Object)接口用于新开页面打开文档,支持格式有doc、xls、ppt、pdf、docx、xlsx、pptx。

保存数据

１.wx.setStorage(Object)

wx.setStorage(Object)接口将数据存储到本地缓存接口指定的key中,接口执行后会覆盖原来key对应的内容。

２.wx.setStorageSync(key,data)

wx.setStorageSync(key,data)是同步接口,其参数只有key和data。

 

获取数据

１.wx.getStorage(Object)

wx.getStorage(Object)接口是从本地缓存中异步获取指定key对应的内容。

２.wx.getStorageSync(key)

wx.getStorageSync(key)从本地缓存中同步获取指定key对应的内容。其参数只有key。

 

删除数据

1.wx.removeStorage(Object)

wx.removeStorage(Object)接口用于从本地缓存中异步移除指定key。

２.wx.removeStorageSync(key)

wx.removeStorageSync(key)接口用于从本地缓存中同步删除指定key对应的内容。其参数只有key。

 

清空数据

１.wx.clearStorage()

wx.clearStorage()接口用于异步清理本地数据缓存,没有参数。

２.wx.clearStorageSync() 

wx.clearStorageSync()接口用于同步清理本地数据缓存。

 

获取位置信息

wx.getLocation(Object)接口用于获取当前用户的地理位置、速度,需要用户开启定位功能,当用户离开小程序后,无法获取当前的地理位置及速度,当用户点击“显示在聊天顶部”时,可以获取到定位信息。

选择位置信息

wx.chooseLocation(Object)接口用于在打开的地图中选择位置,用户选择位置后可返回当前位置的名称、地址、经纬度信息。

显示位置信息

wx.openLocation(Object)接口用于在微信内置地图中显示位置信息。

获取系统信息

 wx.getSystemInfo(Object)接口、wx.getSystemInfoSync()接口分别用于异步和同步获取系统信息。

获取网络状态

wx.getNetWorkType(Object)用于获取网络类型。

监听网络状态变化

wx.onNetworkStatusChange(CallBack)接口用于监听网络状态变化, 当网络状态变化时,返回当前网络状态类型及是否有网络连接。

拨打电话

wx.makePhoneCall(Object)接口用于实现调用手机拨打电话。 

扫描二维码

wx.scanCode(Object)接口用于调起客户端扫码界面, 扫码成功后返回相应的内容 

更详细内容请跳转：第六章