mini programe

重点在微信小程序的api

微信官方仍在大幅度更新其api，所以要看最新的api文档

 

wx.request	发起网络请求
wx.uploadFile	上传文件
wx.downloadFile	下载文件
wx.connectSocket	创建 WebSocket 连接
wx.onSocketOpen	监听 WebSocket 打开
wx.onSocketError	监听 WebSocket 错误
wx.sendSocketMessage	发送 WebSocket 消息
wx.onSocketMessage	接受 WebSocket 消息
wx.closeSocket	关闭 WebSocket 连接
wx.onSocketClose	监听 WebSocket 关闭

 

wx.chooseImage	从相册选择图片，或者拍照
wx.previewImage	预览图片
wx.startRecord	开始录音
wx.stopRecord	结束录音
wx.playVoice	播放语音
wx.pauseVoice	暂停播放语音
wx.stopVoice	结束播放语音
wx.getBackgroundAudioPlayerState	获取音乐播放状态
wx.playBackgroundAudio	播放音乐
wx.pauseBackgroundAudio	暂停播放音乐
wx.seekBackgroundAudio	控制音乐播放进度
wx.stopBackgroundAudio	停止播放音乐
wx.onBackgroundAudioPlay	监听音乐开始播放
wx.onBackgroundAudioPause	监听音乐暂停
wx.onBackgroundAudioStop	监听音乐结束
wx.chooseVideo	从相册选择视频，或者拍摄

 

里面有各种接口以便连接到微信的功能

小程序的文件类型是wxml，wxss，js，json，文件的名字建议和文件夹的名字一样

没生成一个文件都会在app.json里面生成文件的路径

同时app.json里面配置了page，window等全局的信息

每一个微信小程序都有一个appid

并且都有配置文件

{

  "description": "项目配置文件。",

  "setting": {

    "urlCheck": false,

    "es6": true,

    "postcss": true,

    "minified": true,

    "newFeature": true

  },

  "compileType": "miniprogram",

  "libVersion": "1.6.6",

  "appid": "wx3cxxxxxxxxxx03e9",

  "projectname": "yourProjectName",

  "condition": {

    "search": {

      "current": -1,

      "list": []

    },

    "conversation": {

      "current": -1,

      "list": []

    },

    "miniprogram": {

      "current": -1,

      "list": []

    }

  }

}

小程序和之前所做的不同之处是不可操作dom节点，可以说是通过主句驱动来实现页面的交互效果，一些看似添加和删除的效果是通过hide，show及for循环相配合来实现的。

小程序以es6为基础，可以大量使用es6语法。

全局数据放在app下面

同时感觉小程序和vue语法有相似之处，列如标签内的if，else，for

页面跳传通过navigator标签来实现

标签有其独特的view和text，input等组成

变量由Moustache语法实现

小程序的生命周期满足的大部分的功能，其余的需要定义function来实现