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来实现

原文地址:https://www.cnblogs.com/wyliunan/p/8118226.html