微信小程序一期开发总结

App({
  //小程序启动后触发
  onLaunch: function () {},
  //全局变量，其他页面 let app = getApp() 后可通过 app.globalData.xx 获取
  //app.js中可通过 this.globalData.xx = xx 赋值
  globalData: {

  }
})

Page({
  // 数据
  data: {
      a: {}
  },
  // 加载完运行
  onLoad: function () {
    //...
  },
  // 其他事件函数，可在wxml或其他方法中调用
  a: function(){
    //...
  }
})

//普通页面跳转
wx.navigateTo({
    url: '../index/index'
})

//关闭所有页面，再跳转到下个页面
wx.reLaunch({
    url: '../index/index'
})

//获取/修改data数据
this.data.xx    //获取data中的xx
this.setData({  //修改data中的xx，直接this.data.xx=1无法更新界面
    xx: 1
});

//获取url传递参数
//若上个页面跳转时url带有url?a=1，可在load中获取
load: function(option){
    console.log(option.a);
}

//弹出层
wx.showToast({
    title: '暂无相关数据',
    icon: 'none',   //可用icon很少，且无法自定义
    duration: 2000
})

//获取wxml的data-xx
<view data-xx="123" bindtap="a"></view>
a: function(event){
    console.log(event.currentTarget.dataset.xx);
}
//在wxml中如果使用循环，点击某一项时无法获取点击项，给每项设置唯一的data-xx（比如index），
//点击后获取data-xx判断点击项

//封装网络请求
//注意，网络请求和文件上传等都要先在开发者后台把对应域名设置为信任域名
const ROOT_PATH = 'https://xxx';
const $http = params => {
  params.data = params.data ? params.data : {};
  wx.request({
    url: ROOT_PATH + params.url,
    data: params.data,
    header: {
      'content-type': 'application/json'
    },
    success(res) {
      params.success && params.success(res);
    }
  })
}

//封装文件上传
const ROOT_PATH2 = 'https://xxx';
const $httpFile = params => {
  params.data = params.data ? params.data : {};
  wx.uploadFile({
    url: ROOT_PATH2 + params.url,
    filePath: params.filePath,
    name: 'file',
    formData: params.data,
    success(res) {
      params.success && params.success(res);
    }
  })
}

//退出本页，回到首页
//delta参数表示向上返回几页，getCurrentPages().length可获取当前页面层级
//所以下面代码可以回到首页
wx.navigateBack({
    delta: getCurrentPages().length
})

//扫码
//点击扫描条形码
QRCodeClick: function(){
    wx.scanCode({
        scanType: 'barCode',  //这里设置的是条形码
        success: (res) => {
            //res.result
        },
        fail: (res) => {
            //失败
        }
    })
}

let plugin = requirePlugin("WechatSI")
let manager = plugin.getRecordRecognitionManager()
//点击开始录音，绑定wxml的点击事件
voiceStart: function(){
    //manager.onStop和manager.onError本是放在load中，但如果跳到下一个页面再返回，不再重新加载load
    //这时再进行语音识别，原来定义的这两个方法失效了（项目中下一个页面也调用了语音识别插件，不知道有没有关系）

    //所以这里每次识别时都重新定义一遍

    //后来放在voiceEnd中，manager.stop()之前，但两个方法还没成功注册就运行了stop，无法进入两个方法
    //所以最终放在了voiceStart，开始录音时就加载

    //监听语音识别结束事件
    manager.onStop = function (res) {
        //res.result即识别输出的文字
    }
    //监听语音识别错误事件
    manager.onError = function (res) {
        //
    }
    //开始识别
    manager.start({
        duration: 6000
    })
},
//录音结束，绑定wxml的点击放开事件
voiceEnd: function(){
    manager.stop();
}

import * as echarts from '../../component/ec-canvas/echarts.js';
Page({
    data: {
        ec: {
            onInit: initChartBar
        }
    },
    onLoad: function () {}
})

function initChartBar(canvas, width, height){
    let data = [];
    return initChart(canvas, width, height, data);
}
function initChart(canvas, width, height, data) {
    let chart = echarts.init(canvas, null, {
        width: width,
        height: height
    });
    canvas.setChart(chart);

    var option = {};
    chart.setOption(option);
    return chart;
}

//本地储存，异步
wx.setStorage({
    key: 'xx',
    data: xxx
})

//本地储存，同步
wx.setStorageSync({
    key: 'xx',
    data: xxx
})

//获取本地缓存，异步
wx.getStorage({
    key: "xx",
    success: function (res) {
        console.log(res.data)
    }
})

//获取本地缓存，同步
var xx = wx.getStorageSync('xx');