实习1

最新推荐文章于 2021-06-20 16:37:19 发布

原创最新推荐文章于 2021-06-20 16:37:19 发布 · 351 阅读

0 ·

CC 4.0 BY-SA版权

实习周记专栏收录该内容

1 篇文章

订阅专栏

把所有要用到的变量和对象定义在顶部

var ua = require('didi-ua'); //require可以将依赖模块引入
var DidiMonitor = require('didimonitor');
var isDidi = ua.browser.name.isDidi();
var isIOS = ua.os.name.isIOS();
var isAndroid = ua.os.name.isAndroid();
var logParams = { //将后面每次发日志都要用到的参数，抽象成变量
    isDidi: isDidi
};
var $main = $('.licode-mian'); //获取jQuery对象

为了使代码整体看起来有更好的逻辑，并且便于后期维护，将所有的方法作为一个对象的属性，并且在对象的入口里来调用

var ctrl = {
    init: function () { //将init作为入口，在其中调用整个页面
        // 绑定事件
        this.bindEvents();
        // pv log 发布日志
        this.log.pv();
    },
    bindEvents: function () {
        var me = this; //先记录一下当前this
        $main.find('#click').click(function () { 
        //因为如果写组件的话，可能会和调用组件的人产生命名冲突，所以用父级.find()来解决
            var system = me.getSysInfo();//用之前记录的this来调用别的方法
            var app = me.getIsDidiInfo();
            $('#content').html(system + '<br/>' + app);
            //发布日志
            DidiMonitor.sendBeatles('first20170517_index_btn_ck', logParams);
            日志参数：项目_页面_部件_行为（缩写）
        })
    },
    getSysInfo: function () {
        if (isIOS) {
            return '我是 Ios';
        } else if (isAndroid) { //isAndroid也可以定义在内部
            return '我是 Android';
        } else {
            return '我是其他系统';
        }
    },
    getIsDidiInfo: function () {
        if (isDidi) {
            return '我是客户端';
        } else {
            return '我不是客户端';
        }
    },
    log: {
        pv: function () {
            DidiMonitor.sendBeatles('first20170517_index_sw', logParams);
        }
    }
};

//终端内查看本机ip（真机调试时，172开头）  
ifconfig|grep netmask