1：数据访问篇，以angular js 中http访问数据为例

// 电池信息一览表
getBatteryInfo();
function getBatteryInfo() {
    var url= '../heu_assets/data/battery/batteryInfo.json';
    var params={
        findKey: "",
        findVal: "",
    }
    var callback=function (ret) {
        // ret=data
        vm.batteryInfo = ret.body.datas;
    }
    callAPI(url,params,1,callback);
}

// 公共api
function callAPI(url,params,type,callback) {
    var ret;
    $http({
        method: 'GET',
        url: url,
        params: params
    }).then(function successCallback(response) {

        if(response.data.retcode===1) {
            switch (type){
                case 1: // 查询
                case 2://修改
                case 3://删除
                    ret=response.data.data;
                    break;
                default:
                    ret=response.data.data;

            }
            callback(ret);
        }

        // 请求成功执行代码
    }, function errorCallback(response) {
        // 请求失败执行代码
    });
    return ret;
}

2 判断 

0 对应布尔表达式是 false

非0 对应布尔表达式是true

 (1)  if （status ）{}  if  ( !status )   { }  多个变量 2个分支   

 (2)  三目运算 语法：条件 ? 结果1 : 结果2;    status=status ？1:0   多个变量 2个分支  

 (3)switch    一个变量的不同取值。

3 函数

1默认执行函数 

getBatteryInfo();

function getBatteryInfo() {
    
}

2 点击触发函数 

var vm = this;
vm.returnBattery = function () {
    vm.showBattery = true;
    vm.showOverall = false;
    vm.showSingle = false;
}