微信小程序开发与运营

wx.request相关参数如下：

wx.uploadFile

wx.downloadFile

1. 选择图片或拍照

2. 预览图片

3. 获取图片信息

4. 保存图片到系统相册

1.开始录音

2. 停止录音

1. 播放语音

2. 暂停播放

3. 结束播放

1.播放音乐

2.获取音乐播放状态

wx.saveFile接口用于保存文件到本地，其相关参数如表：

wx.getSavedFileList接口用于获取本地已保存的文件列表。其相关参数如下

wx.getSaveFileInfo接口用于获取本地文件的文件信息，此接口只能用于获取已保存的文件，其相关参数如表：

wx.removeSaveFile接口用于删除本地存储的文件，其相关参数如表：

wx.downloadFile接口用于新开页面打开文档，其相关参数如下：

1.wx.setStorage接口

2. wx.setStorageSyne(key,data)

wx.getStorage接口是从本地缓存中异步获取指定key对应的内容。其相关参数如表：

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

wx.removeStorage接口用于从本地缓存中异步移除指定key。其相关参数如表：

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

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

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

wx.getLocation接口用于获取当前用户的地理位置、速度，需要用户开启定位功能，当用户离开小程序后无法获取当前的地理位置及速度，当用户点击“显示在聊天顶部”时，可以获取到定位信息，其相关参数如表：

wx.getLocation调用成功后，返回的参数如表：

wx.chooseLocation接口用于在打开的地图中选择位置，用户选择位置后可返回当前位置的名称、地址、经纬度信息。其相关参数如表：

wx.chooseLocation调用成功后，返回的参数如表：

wx.openLocation接口用于在微信内置地图中显示位置信息，其相关参数如表：

wx.getSystemInfo接口、wx.getSystemInfoSync()接口分别用于异步和同步获取系统信息。其相关参数如表：

wx.getSystemInfo接口或wx.getSystemInfoSync接口调用成功后，返回系统相关信息如表：

wx.getNetworkType用于获取网络类型，其相关参数如表：

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

wx.makePhoneCall接口用于实现调用手机拨打电话，其相关参数如表：

wx.scanCode接口用于调起客户端扫码界面，扫码成功后返回相应的内容，其相关参数如表

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫(二维码)或者搜一下(关键词)即可打开应用。微信小程序体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。有了微信小程序，应用将无处不在，随时可用，且无须安装与卸载。

小程序、订阅号、服务号、企业微信(企业号)属于微信公众平台的四大生态体系它们面向不同的用户群体，应用于不同的方向和用途。小程序是微信的一种新的开发能力具有出色的用户使用体验，可以在微信内被便捷地获取和传播;订阅号为媒体和个人提供-种新的信息传播方式，构建信息发布者与浏览者之间更好的沟通与管理模式;服务号为企业和组织提供更强大的服务与用户管理能力，帮助企业快速实现全新的公众号服务平台;企业微信(公众号)为企业提供专业的通信工具、丰富的办公应用与应用程序接口(ApplicaionProgramming Interface，API)，助力企业高效沟通与办公。

■ app.js 小程序逻辑文件，主要用来注册小程序全局实例。在编译时，app.js文件会和其他页面的逻辑文件打包成一个Javascript文件。该文件在项目中不可缺少。

■ app.json 小程序公共设置文件，配置小程序全局设置。该文件在项目中不可缺少。

■ app.wxss 小程序主样式表文件，类似HTML的.css文件。在主样式表文件中设置的样式在其他页面文件中同样有效。该文件在项目中是不必需的

■ .js文件页面逻辑文件，在该文件中编写 JavaScript 代码控制页面的逻辑。该文件在每个小程序的页面中不可缺少。

■ .wxml文件 页面结构文件，用于设计页面的布局、数据绑定等，类似 HTML 页面中的.html文件。该文件在页面中不可缺少。

■ .wxss文件页面样式表文件，用于定义本页面中用到的各类样式表。当页面中有样式表文件时，文件中的样式规则会层叠覆盖app.wxss中的样式规则;否则，直接使用app.wxss 中指定的样式规则。该文件在页面中不可缺少。

■ .json文件页面配置文件。该文件在页面中不可缺少。

2.2.1 视图层

2.2.2 逻辑层

2.2.3 数据层

继续在主目录下创建一个pages目录，在pages目录下新建一个index目录，并在index目录下新建index.js、index.json、index.wxml和index.wxss空文件。

打开app.json文件，输入以下代码：

1. 简单绑定

2. 运算

条件数据绑定就是根据绑定表达式的逻辑值来判断是否数据绑定当前组件。

        wx:if条件绑定是指使用wx:if这个属性来判断是否数据绑定当前组件。例如：

<view wx:if="{{conditon}}">内容</view>
        在以上代码中，当condition 变量的值为ue时，vew组件将数据绑定输出相关内容;当condition 变量的值为false 时，view 组件将不数据绑定。
        当需要添加多个分支块时，可以使用wx:elif、wx:else属性。当控制表达式为tue 时数据绑定一个分支;当控制表达式为false时，数据绑定另一个分支。例如:

<view wx:i£ ="{{x>0}}">1</view>
<view wx:elif="{{x ==0}}">0</view>
<view wx:else>-l</view>
        在以上代码中，当x的值大于0时，输出1;当x的值等于0时，输出0;否则，输出-1 .

1. 定义模板

2. 调用模板

1. import方式

2. include方式                                                                                                                                                                                                             include 方式可以将源文件中除模板之外的其他代码全部引人，相当于将源文件中的代码复制到include 所在位置。
        例如，在 aa. wxml 文件中定义如下代码:
//aa. wxml
<text>{{item.name}}</text>
<text>{{item.age}}</text>
        在 bb. wxml 文件中定义如下代码:
//bb.wxml
<include src="aa.wxml"/>
<text>{{item, hobby}}</text>
        bb. wxml 文件通过 include 把 aa.wxml文件代码加载，其结果为如下结构:
<text>{item.name}}</text>
<text >{{item.age}}</text>
<text>{{item.hobby}}</text>

块级元素默认占一行高度，一行内通常只有一个块级元素（浮动后除外），添加新的块级元素时，会自动换行，块级元素一般作为盒子出现。

行内元素，不必从新一行开始，通常会与前后的其他行内元素显示在同一行中，它们不占有独立的区域，仅靠自身内容支撑 结构，一般不可以设置大小，常用于控制页面中文本的样式。将一个元素的display属性设置为inline后，该元素即被设置为行内元素。

当元素的display属性被设置为inline-block时，元素被设置为行内块元素。行内块元素可以被设置高度、宽度、内边距和外边距。

元素浮动就是指设置了浮动属性的元素会脱离标准文档流的控制，移到其父元素中指定位置的过程。在CSS中，通过float属性来定义浮动，其基本格式如下：

    {float:none |left |right;}
其中，none——默认值，表示元素不浮动；

left——元素向左浮动；

right——元素向右浮动。

在CSS中，通过position属性可以实现对页面元素的精确定位。基本格式如下：

    {position:static|relative|absolute|fixed}
其中，static——默认值，该元素按照标准文档流布局；

        relative——相对定位，相对于它在原文档流的位置进行定位，它后面的盒子仍以标准流方式对待它；

        absolute——绝对定位，相对于其上一个已经定位的父元素进行定位，绝对定位的盒子从标准流中脱离，它对其后的兄弟盒子的定位没有影响；

        fixed——固定定位，相对于浏览器窗口进行定位。

1.display属性

2.flex-direction属性

3. flex-wrap

4.flex-flow

5.justify-content

6.align-items

7.align-content

布局组件分为双栏组件、面板组件、自由面板组件、顶部导航组件、底部导航组件、分割线组件、动态分类组件部分。

动态列表组件、个人中心组件、动态表单组件、评论组件、计数组件、地图组件及城市定位组件、悬浮窗组件和分类横滑的应用

音频组件、动态容器组件