common.js 10.4 KB
/**
 * 页面公共逻辑
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2015/10/21
 */
var $ = require('jquery'),
    Hammer = require('yoho.hammer');

var $footer = $('#yoho-footer'),
    $yohoPage = $('.yoho-page'),
    $header = $('.yoho-header');

function cookie(name) {
    var cookies = document.cookie,
        cookieVal,
        offset;

    if (document.cookie && document.cookie !== '') {
        offset = cookies.indexOf(name + '=');
        if (offset > -1) {
            offset += name.length + 1;

            cookieVal = decodeURIComponent($.trim(cookies.substring(offset, cookies.indexOf(';', offset))));
        }
    }

    return cookieVal;
}

function setCookie(name, value, options) {
    var expires = '',
        path,
        domain,
        secure,
        date;

    if (typeof value !== 'undefined') {
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }

        if (options.expires &&
            (typeof options.expires === 'number' || options.expires.toUTCString)) {
            if (typeof options.expires === 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString();
        }
        path = options.path ? '; path=' + options.path : '';
        domain = options.domain ? '; domain=' + options.domain : '';
        secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    }
}

function isCookiesEnabled() {
    var cookieEnabled = (navigator.cookieEnabled) ? true : false;

    if (typeof navigator.cookieEnabled === 'undefined' && !cookieEnabled) {
        document.cookie = 'testcookie';
        cookieEnabled = (document.cookie.indexOf('testcookie') !== -1) ? true : false;
    }

    return (cookieEnabled);
}

function getUser() {
    var c = cookie('_UID'),
        user;

    if (typeof c === 'undefined') {
        return 0;
    }

    user = c.split('::');

    if (typeof user === 'undefined' || user.length < 4) {
        return 0;
    }

    return user;
}

function getUid() {
    var user = getUser();

    if (user === 0) {
        return 0;
    }

    return user[1];
}

function getShoppingKey() {
    var c = cookie('_g');

    if (typeof c === 'undefined') {
        return '';
    }

    return JSON.parse(c).k;
}

//根据页面内容重新设置通用底部的显示
function rePosFooter() {
    var winH;

    if ($footer.length === 0) {
        return;
    }

    winH = Math.min($(window).height(), window.screen.availHeight);

    if ($('body').height() <= winH - parseInt($footer.css('height'), 0)) {
        $footer.addClass('bottom');
    } else {
        $footer.removeClass('bottom');
    }
}

/**
 *
 * add extra margin-bottom for footer to show yoho copyright when there is fixed bottom element on page
 * @param {String} The jquery selecor of the fixed bottom element
 * @return undefined
 */
function reMarginFooter(fixedElement) {
    var fixedElH = $(fixedElement).outerHeight();

    if (fixedElement) {
        $footer.css('margin-bottom', fixedElH + 'px');
    }
}

//页面通用底部位置及status设置
(function() {
    var $op = $footer.children('.op-row'),
        $backToTop = $('.back-to-top');

    var user = getUser();

    var backToTopHammer;

    rePosFooter(); //计算底部位置

    if (user === 0) {

        //未登录
        $op.prepend(
            '<a href="//m.yohobuy.com/signin.html?refer=' + location.href + '">登录</a>' +
            '<span class="sep-line">|</span>' +
            '<a href="//m.yohobuy.com/reg.html">注册</a>'
        );
    } else {

        //已登录
        $op.prepend(
            '<span>Hi,</span>' +
            '<a class="user-name" href="//m.yohobuy.com/home?tmp=' + Math.random() + '">' + user[0] + '</a>' +
            '<a href="//m.yohobuy.com/passport/signout/index?token=' + user[3] + '">退出</a>'
        );
    }

    if ($backToTop.length > 0) {
        backToTopHammer = new Hammer($backToTop[0]);
        backToTopHammer.on('tap', function(e) {
            $(window).scrollTop(0);
            e.srcEvent.preventDefault();
            return false;
        });
    }

    $footer.removeClass('hide');
}());

(function(w, d, s, j, f) {
    var a = d.createElement(s);
    var m = d.getElementsByTagName(s)[0];

    w.YohoAcquisitionObject = f;

    w[f] = function() {
        w[f].p = arguments;
    };

    a.async = 1;
    a.src = j;
    m.parentNode.insertBefore(a, m);
})(window, document, 'script', ('https:' === document.location.protocol ? 'https' : 'http') + '://' +
    'cdn.yoho.cn/yas-jssdk/1.0.16/yas.js', '_yas');

(function() {
    var uid = getUid(),
        hasParentBp = false, // 判断是否有父级埋点,如果有,点击子埋点,不处罚父埋点。
        basicBpDataLength = 3,
        sendBpData,
        bindBpEvent;

    uid = uid === 0 ? '' : uid;

    window._ozuid = uid; // 暴露ozuid

    if (window._yas) {
        window._yas(1 * new Date(), '1.0.15', 'yohobuy_m', uid, '', '');

        // 发送埋点数据
        sendBpData = function(bpIdArr) {
            var jsonData = {};

            if (bpIdArr && (bpIdArr && bpIdArr.length > basicBpDataLength)) {
                jsonData = {
                    page: bpIdArr[0],
                    floor: bpIdArr[1],
                    data: /_[1|0]$/.test(bpIdArr.join('_')) ? bpIdArr[2] : bpIdArr.slice(2).join('_') //防止值字符串中有_导致的问题
                };
                if (window._yas.sendCustomInfo) {
                    window._yas.sendCustomInfo(jsonData, Boolean(parseInt(bpIdArr[3]) || 1));
                }
            }
        };

        // 绑定埋点点击事件
        bindBpEvent = function() {
            $('.buriedpoint').off('click');
            $(document).on('click', '.buriedpoint', function(e) {
                var databpid = $(this).attr('data-bp-id') || '',
                    bpIdArr = databpid.split('_');

                var $target = $(e.target),
                    partentBpLength = $target.parents('.buriedpoint').length;

                if (!hasParentBp && bpIdArr && bpIdArr.length >= basicBpDataLength) {
                    sendBpData(bpIdArr);
                }

                if ($target.hasClass('buriedpoint') && partentBpLength > 0 ||
                    partentBpLength >= 2) {
                    hasParentBp = true;
                }
            });
        };

        bindBpEvent();

        // 对异步加载的埋点,绑定埋点事件
        $(document).on('rebindBpEvent', bindBpEvent);

        // 处理无法直接绑定的埋点
        $(document).on('shouldSendBpData', function(e, dataPbId) {
            var bpIdArr;

            if (dataPbId && dataPbId.length && dataPbId.length > 0) {
                hasParentBp = false;
                bpIdArr = dataPbId.split('_');
                sendBpData(bpIdArr);
            }
        });
    }
}());

/*$(document).ready(function() {
    setTimeout(function() {
        var arr = document.querySelectorAll('.buriedpoint').find('a'),
            i;

        for (i = 0; i < arr.length; i++) {
            arr[i].setAttribute('onclick', 'return false');
        }
    }, 2000);
});*/
$header.on('touchstart', 'a', function() {
    $header.find('a').removeClass('highlight');
    $(this).addClass('highlight');
}).on('touchend touchcancel', 'a', function() {
    $(this).removeClass('highlight');
});

$yohoPage.on('touchstart', '.tap-hightlight', function() {
    $(this).siblings('.tap-hightlight').removeClass('highlight');
    $(this).addClass('highlight');
}).on('touchend touchcancel', '.tap-hightlight', function() {
    $(this).removeClass('highlight');
});

$('.nav-home').on('touchstart', function() {
    $('.homebuttom').toggleClass('hide');
});

(function() {
    var lastTime = 0,
        prefixes = 'webkit moz ms o'.split(' '),
        requestAnimationFrame = window.requestAnimationFrame,
        cancelAnimationFrame = window.cancelAnimationFrame,
        prefix,
        i;

    //通过遍历各浏览器前缀,来得到requestAnimationFrame和cancelAnimationFrame在当前浏览器的实现形式
    for (i = 0; i < prefixes.length; i++) {
        if (requestAnimationFrame && cancelAnimationFrame) {
            break;
        }
        prefix = prefixes[i];
        requestAnimationFrame = requestAnimationFrame || window[prefix + 'RequestAnimationFrame'];
        cancelAnimationFrame = cancelAnimationFrame || window[prefix + 'CancelAnimationFrame'] ||
            window[prefix + 'CancelRequestAnimationFrame'];
    }

    //如果当前浏览器不支持requestAnimationFrame和cancelAnimationFrame,则会退到setTimeout
    if (!requestAnimationFrame || !cancelAnimationFrame) {
        requestAnimationFrame = function(callback, element) {
            var currTime = new Date().getTime();

            //为了使setTimteout的尽可能的接近每秒60帧的效果
            var timeToCall = Math.max(0, 16 - (currTime - lastTime));
            var id = window.setTimeout(function() {
                callback(currTime + timeToCall);
            }, timeToCall);

            lastTime = currTime + timeToCall;
            return id;
        };

        cancelAnimationFrame = function(id) {
            window.clearTimeout(id);
        };
    }

    window.requestAnimationFrame = requestAnimationFrame;
    window.cancelAnimationFrame = cancelAnimationFrame;
}());

// 给jQuery 扩展 queryString函数
$.extend({
    queryString: function() {
        var vars = [],
            hash,
            i;
        var hashes = window.location.search.slice(1).split('&');

        for (i = 0; i < hashes.length; i++) {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    }
});

//临时修改  footer
function phoneHidden(phone) {
    return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
}

if ($footer.find('.user-name').text().length === 11) {
    $footer.find('.user-name').html(phoneHidden($footer.find('.user-name').text()));
}

//暴露公共接口
window.cookie = cookie;

window.setCookie = setCookie;

window.isCookiesEnabled = isCookiesEnabled;

window.getUser = getUser;

window.getUid = getUid;

window.getShoppingKey = getShoppingKey;

window.rePosFooter = rePosFooter;

window.reMarginFooter = reMarginFooter;