Blame view

public/js/common.js 11.9 KB
毕凯 authored
1 2 3 4 5
/**
 * 页面公共逻辑
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2015/10/21
 */
6
var $ = require('yoho-jquery');
毕凯 authored
7 8 9 10 11

var $footer = $('#yoho-footer'),
    $yohoPage = $('.yoho-page'),
    $header = $('.yoho-header');
郝肖肖 authored
12 13 14 15
// 为您优选-40位随机数指纹请求id
var RECID = (new Date().getTime() + '_H5_YOHOBUY_' + Math.floor(Math.random() * 1000000 + 1000000) +
    '_' + Math.floor(Math.random() * 1000000 + 1000000));
沈志敏 authored
16 17 18 19 20 21
var _ChannelVary = {
    boys: 1,
    girls: 2,
    kids: 3,
    lifestyle: 4
};
22
23 24 25
// 尝试打开 APP
require('./common/open-app');
毕凯 authored
26 27
function cookie(name) {
    var cookies = document.cookie,
沈志敏 authored
28 29 30 31 32 33 34 35 36 37
        cookieVal;

    if (cookies) {
        cookies = cookies.split(';');
        cookies.forEach(function(c) {
            if (c.indexOf(name) > -1) {
                cookieVal = decodeURIComponent($.trim(c.replace(name + '=', '')));
                return;
            }
        });
毕凯 authored
38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129
    }

    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;
    }
zhangxiaoru authored
130 131
    $footer.addClass('bottom');
ccbikai(👎🏻🍜) authored
132
    if ($footer.css('position') === 'static') {
133 134 135
        $footer.css('position', '');
    }
毕凯 authored
136 137
    winH = Math.min($(window).height(), window.screen.availHeight);
zhangxiaoru authored
138
    if ($('body').height() >= winH - parseInt($footer.css('height'), 0)) {
毕凯 authored
139 140
        $footer.removeClass('bottom');
    }
141
    $footer.show();
毕凯 authored
142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157
}

/**
 *
 * 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');
    }
}
郝肖肖 authored
158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176
function queryString() {
    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;
}

// 给jQuery 扩展 queryString函数
$.extend({
    queryString: queryString
});
毕凯 authored
177 178 179
// 页面通用底部位置及status设置
(function() {
    var $op = $footer.children('.op-row'),
180 181
        $backToTop = $('.back-to-top'),
        $floatTop = $('.float-top');
毕凯 authored
182 183 184

    var user = getUser();
185 186 187
    setTimeout(function() {
        rePosFooter(); // 计算底部位置
    }, 500);
毕凯 authored
188 189 190 191 192

    if (user === 0) {

        // 未登录
        $op.prepend(
193
            '<a href="/signin.html?refer=' + location.href + '">登录</a>' +
毕凯 authored
194
            '<span class="sep-line">|</span>' +
195
            '<a href="/reg.html">注册</a>'
毕凯 authored
196 197 198 199 200 201
        );
    } else {

        // 已登录
        $op.prepend(
            '<span>Hi,</span>' +
202 203
            '<a class="user-name" href="/home?tmp=' + Math.random() + '">' + user[0] + '</a>' +
            '<a href="/passport/signout/index">退出</a>'
毕凯 authored
204 205 206 207
        );
    }

    if ($backToTop.length > 0) {
208
        $backToTop.on('touchend touchcancel', function(e) {
毕凯 authored
209
            $(window).scrollTop(0);
210
            e.preventDefault();
毕凯 authored
211 212 213
            return false;
        });
    }
214
    if ($floatTop.length > 0) {
陈峰 authored
215
        $floatTop.on('click', function(e) {
216
            $(window).scrollTop(0);
陈峰 authored
217
            e.preventDefault();
218 219 220
            return false;
        });
    }
毕凯 authored
221 222

    $footer.removeClass('hide');
郝肖肖 authored
223
郝肖肖 authored
224
    // 单击下载按钮 - 接受微信商城或者第三方来源的数据埋点信息
225
    if (queryString().union_type) {
沈志敏 authored
226 227 228
        setCookie('unionTypeYas', queryString().union_type, {
            path: '/'
        });
郝肖肖 authored
229 230
    }
毕凯 authored
231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303
}());

$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) {
            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;
}());


// 临时修改  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()));
}
郝肖肖 authored
304
// 浮层下载APP
zhangxiaoru authored
305
function downLoadApp(unionType) {
郝肖肖 authored
306 307 308 309
    var appUrl = 'http://union.yoho.cn/union/downapp.html';
    var clickedAt = new Date();

    setTimeout(function() {
zhangxiaoru authored
310
        var mkt = unionType || queryString().union_type || cookie('unionTypeYas') || false;
郝肖肖 authored
311 312 313 314 315 316 317 318 319

        if ((new Date()) - clickedAt < 2000) {
            if (mkt) {
                appUrl += '?union_type=' + mkt;
            }

            if (window._yas && window._yas.sendCustomInfo) {
                window._yas.sendCustomInfo({
                    op: 'YB_DOWNLOAD_C',
沈志敏 authored
320 321 322 323
                    param: JSON.stringify({
                        C_ID: _ChannelVary[cookie('_Channel')] || 1,
                        TO_URL: appUrl
                    })
郝肖肖 authored
324 325 326
                }, true);
            }
郝肖肖 authored
327
            window.location = appUrl;
郝肖肖 authored
328 329 330 331
        }
    }, 500);
}
郝肖肖 authored
332 333 334 335 336 337
// 为您优选埋点 http://redmine.yoho.cn/issues/10117
function givePoint(parameter) {
    if (!window._yas || !window._yas.sendCustomInfo) {
        return false;
    }
沈志敏 authored
338 339 340 341
    if (!parameter.REC_POSE || !parameter.PRD_ID) {
        return true;
    }
郝肖肖 authored
342
    // 男:1,女:2,潮童:3,创意生活:4
陈峰 authored
343 344
    let CID = _ChannelVary[cookie('_Channel')] || 1;
    let isAppOp = parameter.isAppOp;
郝肖肖 authored
345 346 347 348 349 350

    parameter = $.extend({
        REC_ID: RECID,
        PRD_NUM: 0,
        C_ID: CID,
        ACTION_ID: 0,
沈志敏 authored
351
        PAGE_NUM: 1
郝肖肖 authored
352
    }, parameter);
沈志敏 authored
353
    delete parameter.isAppOp;
郝肖肖 authored
354 355 356

    window._yas.sendCustomInfo({
        op: 'YB_CHOOSE_FOR_YOU_Y',
沈志敏 authored
357
        appop: isAppOp ? 'YB_CHOOSE_FOR_YOU' : '', // app内打开wap的埋点场合
郝肖肖 authored
358 359 360 361
        param: JSON.stringify(parameter)
    }, true);
}
郭成尧 authored
362 363 364
/**
 * 页面头颜色修正
 */
郭成尧 authored
365
(function() {
郭成尧 authored
366
    var channel = cookie('_Channel');
367
    var header = $('#yoho-header, .homebuttom');
沈志敏 authored
368
    var footer = $('.footer-tab .tab-item.current');
郭成尧 authored
369
陈峰 authored
370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399
    if (!header.hasClass('set-channel')) {
        if (!/^\/home/.test(location.pathname)) {
            switch (channel) {
                case 'boys':
                    if (!header.hasClass('boys')) {
                        header.addClass('boys');
                    }
                    break;
                case 'girls':
                    if (!header.hasClass('girls')) {
                        header.addClass('girls');
                    }
                    break;
                case 'lifestyle':
                    if (!header.hasClass('life-style')) {
                        header.addClass('life-style');
                    }
                    break;
                case 'kids':
                    if (!header.hasClass('kids')) {
                        header.addClass('kids');
                    }
                    break;
                default:
                    if (!header.hasClass('boys')) {
                        header.addClass('boys');
                    }
                    break;
            }
        } else {
陈峰 authored
400 401 402 403
            header.removeClass('kids');
            header.removeClass('girls');
            header.removeClass('life-style');
            header.addClass('boys');
404
        }
郭成尧 authored
405
    }
沈志敏 authored
406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433

    switch (channel) {
        case 'boys':
            if (footer) {
                footer.addClass('boys');
            }
            break;
        case 'girls':
            if (footer) {
                footer.addClass('girls');
            }
            break;
        case 'lifestyle':
            if (footer) {
                footer.addClass('life-style');
            }
            break;
        case 'kids':
            if (footer) {
                footer.addClass('kids');
            }
            break;
        default:
            if (footer) {
                footer.addClass('boys');
            }
            break;
    }
郭成尧 authored
434 435
}());
毕凯 authored
436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451
// 暴露公共接口
window.cookie = cookie;

window.setCookie = setCookie;

window.isCookiesEnabled = isCookiesEnabled;

window.getUser = getUser;

window.getUid = getUid;

window.getShoppingKey = getShoppingKey;

window.rePosFooter = rePosFooter;

window.reMarginFooter = reMarginFooter;
ccbikai authored
452 453

window.queryString = queryString();
郝肖肖 authored
454 455

window.givePoint = givePoint;
456 457

window._ChannelVary = _ChannelVary;
郝肖肖 authored
458 459

window.downLoadApp = downLoadApp;