（一）~（六）章总结

（一）

小程序的简介
上线时间
2017年1月9日

认识微信小程序

微信（WeChat）是腾讯公司于2011年1月21日推出的一款为智能终端提供即时通信
(Instant Messaging，IM）服务的应用程序。
微信之父张小龙曾经解释：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫（二维码）或者拽一下（关键词）即可打开应用。微信小程序体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。有了微信小程序，应用将无处不在，随时可用，且无须安装与卸载。
小程序、订阅号、服务号、企业微信（企业号）属于微信公众平台的四大生态体系，它们面向不同的用户群体，应用于不同的方向和用途。小程序是微信的一种新的开发能力，具有出色的用户使用体验，可以在微信内被便捷地获取和传播；订阅号为媒体和个人提供一种新的信息传播方式，构建信息发布者与浏览者之间更好的沟通与管理模式；服务号为企业和组织提供更强大的服务与用户管理能力，帮助企业快速实现全新的公众号服务平台；企业微信（公众号）为企业提供专业的通信工具、丰富的办公应用与应用程序接口（Application Programming Interface，API)，助力企业高效沟通与办公。

第一个微信小程序项目
 

{
  "appid": "wx95bb610c3926eb2f",
  "compileType": "miniprogram",
  "libVersion": "3.3.4",
  "packOptions": {
    "ignore": [],
    "include": []
  },
  "setting": {
    "coverView": true,
    "es6": true,
    "postcss": true,
    "minified": true,
    "enhance": true,
    "showShadowRootInWxmlPanel": true,
    "packNpmRelationList": [],
    "babelSetting": {
      "ignore": [],
      "disablePlugins": [],
      "outputPath": ""
    }
  },
  "condition": {},
  "editorSetting": {
    "tabIndent": "insertSpaces",
    "tabSize": 2
  }
}

 

微信小程序开发者工具界面功能介绍
1，工具栏

在工具栏中可以实现多种功能，例如账号的切换，模拟区、编辑区、调试区的显示/隐藏，小程序的编译、预览、切换后台，清理缓存等。

2，模拟区
在模拟区中选择模拟手机的类型、显示比例、网络类型后，模拟器中会显示小程序的运
行效果。
3，目录文件区
目录文件区用来显示当前项目的目录结构，单击左上角的“+”按钮可以进行目录和文件的创建，右键单击目录文件区中的文件或目录可以进行“硬盘打开”“重命名”“删除”等相关操作。
4，编辑区
编辑区用来实现对代码的编辑操作，编辑区中支持对，wxml、.wxss、.js及.json文件的
操作，使用组合键能提高代码的编辑效率。

5，调试区
调试区的功能是帮助开发者进行代码调试及排查有问题的区域。小程序系统为开发者提供了9个调试功能模块，分别是Console、Sources、Network、Security、Storage、AppData、Wxml、Sensor 和Trace。最右边的扩展菜单项：”是定制与控制开发工具按钮。

（二）

（一）小程序的基本目录结构

1.在微信小程序开发基础中，小程序的基本目录结构有：app.js,  app.json,  app.wxss,  project.config.jsonpages目录中有2个子目录，分别是index和logs，每个子目录中保存着一个页面的相关文件。

如下图：

2.页面文件

小程序通常是由多个页面组成的，每个页面包含4个文件，同一页面的这4个文件必须具有相同的路径与文件名。当小程序被启动或小程序内的页面进行跳转时，小程序会根据app.json 设置的路径找到相对应的资源进行数据绑定。

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

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

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

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

3.主体文件

微信小程序的主体部分由3个文件组成，这3个文件必须放在项目的主目录中，负责小程序的整体配置，它们的名称是固定的。

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

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

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

（二）小程序的开发框架

微信团队为小程序的开发提供了MINA框架。如下图：

（三）配置文件

1.全局配置文件如图：

2.Windows配置项及其描述：

在app.js中设置如下window配置项

"window": {
     "navigationBarBack groundColor": "#fff",
     "navigationBarText Style": "black"，
     "navigationBarTitl eText":"小程序window功能演示"，
     "backgroundColor"	"#ccc"，	
     "backgroundTextSty le": "light"
}

3.tabBar配置项及其描述以及tabBar中list选项

 

在app.json文件中设置如下tabBar配置：

"tabBar":{
     "color": "#666666"，
     "selectedColor":"#ff0000"，
     "borderStyle": "black",
     "backgroundColor":"#ffffff"，
     "list":[
            {
            "pagePath": "pages /index/index",
            "iconPath"; "images/index1.png",
            "selectedIconPath": "images/index2.png",
            "text":"首页"
            }，
            {
              "pagePath": "pages /news /news",
              "iconPath": "images /news1.png",
              "selectedIconPath": "images/news2.png",
              "text":"新闻"
            }
        ]
      }
}

 4.networkTimeout配置项

（四）逻辑层文件

1.项目逻辑文件配置项

我们在Demo的app.js代码如下：

App({
//当小程序初始化完成时，会触发onLaunch(全局只触发一次
onLaunch: function () {
  console.log(“小程序初始化完成......”)
},
//当小程序启动(或从后台进入前台显示),时会触发onShow 
onShow; function (options){
  console.log("小程序显示”);
  console.log( this.data); 
  console.log(this.fun())
},
//当小程序从前台进入后台，会触发onHide
onHide: function (){
  console.1og("小程序进入后台”)
},
// 当小程序发生脚本错误，或者API调用失败时，会触发onError并带上错误信息
onError; function (msg){
},
//自定义方法
fun; function (){
  console.log("在app,js中定义的方法");
},
//自定义属性
data:‘在app.js中定义的属性’
}）

2.页面逻辑文件配置项

 

（五）页面样式文件

WXSS常用属性

 

 （三）

一）盒子模型

盒子模型就是我们在页面设计中经常用到的一种思维模型。

       盒子模型元素如图：

二）块级元素和行内元素
1.块级元素

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

2.行内元素

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

3行内块元素

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

（三）浮动与定位
1.元素浮动与清除

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

浮动布局虽然灵活，但无法对元素的位置进行精确的控制。在CSS中，通过position属性可以实现对页面元素的精确定位。

3.元素定位

浮动定位虽然灵活，但无法对元素的位置进行精确的控制。在CSS中，通过position属性可以实现对页面的精确定位。

（四）flex布局

        如图：

1.容器属性

（1）display用来指定元素是否为flex布局  

（2）flex-direction用于设置主轴的方向，即项目排列的方向

如图：

 

（3）flex-wrap

flex-wrap是用于当项目当一根轴线的排列位置不够时，项目是否换行

如图：

（4）flex-flow

flex-flow是flex-direction和flex-wrap的简写形式，默认值为row nowarp

（5）justify-content

juatify-content用于定义项目在主轴上的对齐方式。

（6）align-items

align-items用于指定项目在交叉轴上的对齐方式

（7）align-content

align-content用来定义项目有多根轴线（出现换行后）在交叉轴上的对齐方式，如果只有一根轴线，该属性不起作用。

如图：

（六）项目属性

容器内的项目支持六个属性，其名称和功能如图：

（四）

（一）组件的定义及属性
组件是页面视图层（WXML)的基本组成单元，组件组合可以构建功能强大的页面结构。小程序框架为开发者提供了容器视图、基础内容、表单、导航、多媒体、地图、画布、开放能力等8类基础组件。

组件的语法格式如下：

<标签名 属性名 = “属性值” >内容···</标签名>

有一些共用属性如：id、class、style、hidden、data-*、bind/catch*等

（二）容器视图组件
容器视图组件是能容纳其他组件的组件，是构建小程序页面布局的基础组件，主要包括view、scroll-view和swiper组件。

1.view组件是块级组件，没有特殊功能，主要用于布局展示，相当于html中的div，是布局中最基本的用户界面（User Interface，UI)组件，通过设置view的CSS属性可以实现各种复杂的布局。view组件特有属性如表：

 

通过<view>组件实现页面布局示例代码如下：

<view style="text -align:center">默认flex布局</view>
<view style= "display:flex">
        <viewstyle = "border:1px solid #f00;flex-grow:1">1 </view>
        <viewstyle = "border:1px solia #f00;flex-grow:1">2 </view>
        <viewstyle = "border:1px solid #f00;flex-grow:1" >3 </view>
< /view >
<views tyle="text -align:center">上下混合布局</view >
<view style="display:flex;flex-direction;column">
     <view style="border:lpx solid #f00;" >1 </view >
     <view style="display:flex">
        <view style = "border:lpx solid #f00;flex - grow:1">
2 </view>
        <view style ="border:1px solid #f00;flex -grow:2" >
3 </view >
         < /view >
   < /view >
   <view style="text -align:center">左右混合布局</view >
   <view style ="display:flex">
         <views tyle = "border:lpx solid #f00;flex -grow:1">1 </view >
        <view style = "display;flex;flex -direction;column;flex -grow
1">
             < view style = " border:1px solid #f00;flex - grow:l"
2 </view >
             < view style = " border:1px solid #f00;flex -grow:2"
3 </view >
         </view >
   </view>

 

2.scroll-view

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

【注意】

（1）在使用竖向滚动时，需要给scroll-view组件设置一个固定高低，可以通过WXSS设置height完成。

（2）请勿在scroll-view组件中使用text area、map、canvas、video组件。

（3）scroll-into-view属性的优先级高于scroll-top。

（4）由于使用scroll-view组件时会阻止页面回弹，所以在scroll-view组件滚动时无法触发onPullDownRefresh。

（5）如果要实现页面下拉刷新，请使用页面滚动，而不是设置scroll-view组件。这样做能通过单击顶部状态栏回到页面顶部。

3.swiper

swiper组件可以实现轮播图、图片预览、滑动页面等效果。其属性如表：

swiper由<swiper/>和<swiper-item/>两个标签组成，它们不能单独使用。

<swiper-item/>组件为滑块项组件，仅可以被放置在<swiper/>组件中，宽高尺寸默认按100%显示。

（三）基础内容组件

基础内容包括icon、text和progress，主要用于在视图页面中展示图标、文本和进度条等信息。

1.icon

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

2.text

text组件用于展示内容，类似HTML中的<span>,text组件中的内容支持长按选中，支持转义字符“\“，属于行内元素。text组件属性如下表：

3.progress

progress组件用于显示进度状态，如资源加载、用户资料完成度、媒体资源播放进度等。progress组件属于块级组件，其属性如下表：

（四）表单组件
表单组件的主要功能是收集用户信息，并把这些信息传递给后台服务器，实现小程序与用户之间的沟通。表单组件不仅可以放置在<form/>标签中使用，还可以作为单独组件和其他组件混合使用。

1.button

button组件用来实现用户和应用之间的交互，同时按钮的颜色起引导作用。在一个程序中一个按钮至少有三种状态：默认点击（default）、建议点击（primary）、谨慎点击（warn）。button属性如下表：

2.radio

单选框用来从各一组选项中选取一个选项。在小程序中，单选框由<radio-group/>(单项选择器）和<radio/>(单选项目）两个组件组合而成。它们的属性如表：

radio-group及radio组件属性：

 

3.checkbox

复选框用于从一组选项中选取多个选项，小程序中复选框由<checkbox-group/>（多项选择器）和<checkbox/>(多选项目）两个组件组合而成。

checkbox-group及checkbox组件属性如表：

4.switch

switch组件的作用类似开关选择器，其属性如表：

5.slider

slider组件为滑动选择器，可以通过滑动来设置相应的值，其属性如表：

 

 

6.picker

picker组件为滚动选择器，当用户点击picker组件时，系统从底部弹出选择器供用户选择。picker组件目前支持5种选择器，分别是：selector（普通选择器）、multSeletor（多列选择器）、time（时间选择器）、date（日期选择器）、region（省市选择器）。

（1）普通选择器

普通选择器（mode=selector）的属性如表：

（2）多列选择器 

 

（3）时间选择器、日期选择器

picker组件time选择器属性

picker组件date选择器属性

 

（4）省市选择器

 

7.picker-view

picker-view组件为嵌入页面的滚动选择器。相对于picker组件，picker-view属性如表：

（五）

（一）即速应用概述
1.即速应用是深圳市咫尺网络科技开发有限公司开发的一款同时兼具微信小程序和支付宝小程序快速开发能力的工具，用户只需简单拖曳可视化组件，就可以实现在线小程序开发。

即速应用的功能特点主要体现在以下几个方面：

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

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

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

2.即速应用界面简介

（1）菜单栏

（2）工具栏

3）编辑区

编辑区是用来制作小程序页面的主要区域，通过拖曳组件实现页面制作，右边的“前进”“后腿”选项可以进行恢复操作。

（4）属性面板

属性面板用来设置选定组件的属性及样式，包括“组件”和“组件样式”两个选项卡。

（二）即速应用组件
即速应用提供了大量的组件供用户快速页面布局，包括七个布局组件、九个基本组件、十八个高级组件和两个其他组件。

1.布局组件

布局组件用于设计页面布局，主要包括双栏、面板、自由面板、顶部导航、底部导航、分割线和动态分类

（1）双栏组件

双栏组件用来布局整体，它可以把一个区块分为两部分，操作时显示一个分隔的标志，便于操作，预览时则不会出现

（2）面板组件

面板组件相当于一个大画板，用户可以将很多组件放进面板组件里一起管理

（3）自由面板组件

自由面板组件是指放置在该面板的组件可以自由拖动，调节组件大小。

（4）顶部导航组件

顶部导航组件固定于页面顶部，用于编辑顶部的导航。

（5）底部导航组件

底部导航组件固定于页面底部，用于编辑底部的导航。

（6）分割线组件

分割线组件被放置于任意组件之间，用于实现分割。

（7）动态分类组件

动态分类组件适用于电商、到店类小程序。

2.基本组件是小程序页面常用的组件，包括文本、图片、按钮、标题、轮播、分类、图片、列表、图文集和视频。

（1）文本组件

文本组件用于展示文字、设置点击事件，是小程序页面中最常用的组件。

（2）图片组件

图片组件用于在页面展示图片。

（3）按钮组件

按钮组件用于设置页面中的按钮。

（4）标题组件

标题组件用于页面中设置标题

（5）轮播组件

轮播组件用于实现图片的轮播展示

（6）分类组件

分类组件可以设置不同内容展示在不同类别中，还可以添加、删除分类的个数及进行相应的设置。

（7）图片列表组件

图片组件可以将图片以列表的形式展示，还可以设置图片的名称、标题和点击事件。

（8）图文集组件

（9）视频组件

3.高级组件

高级组件通常需要后台数据，通过设置后台数据来实现数据后台化。

（1）动态列表组件

（2）个人中心组件

个人中心组件显示个人相关信息的组件，包括图像、昵称、我的订单、收货地址 购物车等。

（3）动态表单组件

动态表单组件相当于中的<form>标签，是一个容器组件，可以添加子表单组件和基本组件。

（4）动态容器组件

（5）识别二维码组件

（6）评论组件

（7）导航设置组件 

（三）即速应用后台管理

 即速应用后台提供了非常强大的后台管理，开发者在后台进行修改操作就可以让数据即时更新。

1.数据管理

数据管理包括数据总览、访客分析和传播数据功能。

访客分析是以图例的形式来展示用户从微信的哪个模块来访问及访问的次数、比例、用户来源地区、用户访问时间及使用设备等，便于管理者更好的做好营销工作。传播数据主要是用于提供新老访客的比例，以及用户使用哪些主要平台打开应用的次数及占比。

2.分享设置

分享设置主要提供分享应用的方式

3.用户管理

用户管理主要用于实现对用户进行添加、分组、群发消息、储值金充值、赠送会员卡等功能

4.应用数据

应用数据是后台管理的主要内容，前端组件(动态列表，动态表单)的数据都是通过在应用数据中的数据对象来管理的，类似通过数据库存放和管理数据。
5.轮播管理

轮插管理是前端软播组件的后台数据管理器，通过软播管理来设置前端软播组件展示的图片内容。
6.分类管理

分类管理适用于电商、到店、应用数据。分类管理可以通过选择动态分类组件样式来实现在顶部分类或侧边栏分类以展示应用数据，商品数据等效果。动态分类的二级有图模式只适用于电商。
7.商品管理

商品管理是后台管理的主要内容，前端商品列表组件的数据来源于后台商品管理。商品管理可以管理商品列表、积分商品、位置管理，支付方式、订单管理、拼团订单管理、订单统计、账单明细、运费管理和评价管理功能。
8.经营管理

经营管理主要包括子账号管理、手机端客户关系管理和短信接收管理,便于管理者管理小程序的运营。
9.营销工具

营销工具是小程序营销推广的有力工具，主要有会员卡、优、积分、储值、推广、秒杀、集集乐、拼团活动、大转盘、金蛋等。这些营销工具都需要事前在后台合理设置后，才能在活动中发挥更大的作用。
10.多商家管理

多商家管理是即速应用为有众多商家的商城(如“华东商城”“义乌商城”等)开设的管理功能，方便管理者统计每家店铺的订单及进行收益分析。 

（六）

一）网络API
微信小程序处理的数据通常从后台服务器获取，再将处理过的结果保存到后台服务器，这就要求微信小程序要与后台进行交互的能力。

1.发起网络请求

wx.request（Object）实现向服务器发送请求、获取数据等各种网络交互操作，其相关参数如表：

例如通过wx.request(Object)获取百度(http://www.baidu.com)首页的数据。

示例代码如下：

//baidu.wxml	< buttontype = "primary"bindtap ="getbaidutap">获取HTML数据<Ab	
ton >	
    <textareavalue =|llhtml||'auto -heightmaxlength ='0'> </textarea>	
    //baidu.js
Page({
    data:{
        html:"
    }，
    getbaidutap:function(){
    var that = this;
    wx.request({
        url:'https://www.baidu.com',//百度网址
        data: {},//发送数据为空
        header: {'content -Type': 'application/json'},
        success:function(res)|
            console.log(res); 
            that,setData({
            html: res.data
            })
         }
     }）
    }
}）
      

例如，通过wx.request(Object)的GET方法获取邮政编码对应的地址信息。

示例代码如下：

   //postcode.wxml
<view>邮政编码:</view >
<inputtype = "text "bindinput ="input "placeholder ='6位邮政编码'/>
<buttontype = "primary"bindtap ="find*>查询</button>
<blockwx:for = "{{address}}">
    <blockwx:for ="{{item}}">
         <text > {{item|}</text >
    </block >
</block >
//postcode.js Page(/
data: {
    postcode:",//查询的邮政编码
    address: [],//邮政编码对应的地址
    errMsg:",//错误信息
    error_code:-1/错误码
}，
input:function(e){ //输入事件
    this.setData({
        postcode: e.detail.value,
    /)
    console.log(e.detail.value)
}，
find:function( )}//查询事件
var postcode = this.data.postcode;
   if(postcode! = null && postcode! =""){
   var selt = this;
   //显示toast 提示消息
   wx.showtoast({
       title:'正在查询,请精候.....,
       icon:'loading' 
       duration:10000 
   });
   wx.request(l
	   url:'https://v.juhe.cn/postcode /query'，//第三方后台服务器	
	   data:{	
          'postcode'; postcode,	
          'key': '0ff9bfccdf147476e067de994eb5496e'//第三方提供
       },
       header: {
       'Content -Type': 'application/json',
       },
       method:'GET',//方法为GET
   success;function(res){
       wx.hideToast();//隐藏toast
       if(res.data.error_code ==0 ){ 
       console.log(res); 
       self.setData(
           errMsg:",
           error_code: res.data.error_code,//错误代码 
           address: res.data.result.list//获取到的数据
           })
       }
       else{
       self.setData({
           errMsg;res.data.reason llres.data.reason,//错误原因分析
           error_code:res.data.error_code
})
}
}
})
}
}
})

2.上传文件

wx.uploadFile(Object)接口用于将本地资源上传到本地服务器，并在本地发起一个HTTPS POST请求

3.下载文件

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

(二）多媒体API
多媒体API主要包括图片API、录音API、音频播放控制API、音乐播放控制API等，其目的是丰富小程序的页面功能。

1.图片API

图片API实现对相机拍照图片或本地相册图片进行处理，主要包括一下4个API接口：

（1）选择图片或拍照

wx.chooseImage(Object)接口用于从本地相册选择图片或使用相机拍照。其相关参数如表：

 

（2）预览图片

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

（3）获取图片信息

wx.getImageInfo(Object)接口用于获取图片信息，其相关参数如表：

（4）保存图片到系统相册

wx.saveImageToPhotosAlbum(Object）接口用于保存图片到相册，其相关参数如表：

 

2.录音API

(1）开始录音

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

（2）停止录音

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

3.音频播放控制API

(1)播放语音

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

（2）暂停播放

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

（3）结束播放

wx.stopVoice(Object)语音结束播放语音。

4.音乐播放控制API

（1）播放音乐

wx.playBackgroundAudio(0bject)用于播放音乐，同一时间只能有一首音乐处于播放状态

（2）获取音乐播放状态

wx.getBackgroundAudioPlayerState(Object)接口用于获取音乐播放状态

（3）控制音乐播放进度

wx.seekBackgroundAudio(Object)接口用于播放进度

（4）暂停播放音乐

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

（5）停止播放音乐

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

（6）监听音乐播放

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

（7）监听音乐暂停

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

（8）监听音乐停止

wx.onBackgroundAudioStop(CallBack)接口用于实现监听音乐停止。

（三）文件API

（1）保存文件

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

（2）获取本地文件列表

wx.getSavedFileList(Object)接口用于获取本地已保存的文件列表，如果调用成功，则返回文件的本地路径、文件大小和文件保存时的时间戳文件列表

（3）获取本地文件的文件信息

wx.getSaveFileInfo(Object)接口用于获取本地文件的文件信息，此接口只能用于获取已保存到本地的文件

（4）删除本地文件

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

（5）打开文档

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