Authored by xuqi

Merge branch 'feature/common' into develop

  1 +# common使用规范
  2 +
  3 +## 页面公共使用的前端资源
  4 +
  5 +### header为页面通用头部
  6 +
  7 +### return-top为返回页面顶部(通用,除个人中心页面)
  8 +* returnTopShowOrNot 是否显示返回顶部的按钮
  9 +
  10 +### index暴露一些通用api,通过require('path/to/common')引用即可
  11 +* cookie 获取cookie
  12 +* setCookie 设置cookie
  13 +* queryString 解析url query
  14 +
  15 +**请按需require**。此处与之前的项目不一样,接口将不直接暴露到window,需通过require去获取暴露的方法。
1 /** 1 /**
2 * 页面公共逻辑和接口 2 * 页面公共逻辑和接口
3 * @author: xuqi<qi.xu@yoho.cn> 3 * @author: xuqi<qi.xu@yoho.cn>
4 - * @date: 2015/11/23 4 + * @date: 2017/7/5
5 */ 5 */
6 6
7 function cookie(name) { 7 function cookie(name) {
@@ -56,8 +56,8 @@ function queryString() { @@ -56,8 +56,8 @@ function queryString() {
56 return vars; 56 return vars;
57 } 57 }
58 58
59 -window.cookie = cookie;  
60 -  
61 -window.setCookie = setCookie;  
62 -  
63 -window.queryString = queryString; 59 +module.exports = {
  60 + cookie: cookie, // 获取cookie
  61 + setCookie: setCookie, // 设置cookie
  62 + queryString: queryString // query参数解析
  63 +};
1 /** 1 /**
2 - * 公共底部  
3 - * @author: yyq<yanqing.yang@yoho.cn>  
4 - * @date: 2016/7/4 2 + * [公共底部]返回页面顶部
  3 + * @author: xuqi<qi.xu@yoho.cn>
  4 + * @date: 2016/07/05
5 */ 5 */
  6 +
6 var $ = require('yoho-jquery'); 7 var $ = require('yoho-jquery');
7 8
8 var $returnTop = $('.return-top'); 9 var $returnTop = $('.return-top');
9 10
10 -function rePosReturn() { 11 +function showOrNot() {
11 if ($(window).height() > $(document).height()) { 12 if ($(window).height() > $(document).height()) {
12 $returnTop.addClass('hide'); 13 $returnTop.addClass('hide');
13 } 14 }
14 -  
15 - // 只在窗口高度大于文档高度的时候,隐藏返回顶部  
16 - // else {  
17 - // $returnTop.removeClass('hide');  
18 - // }  
19 } 15 }
20 16
21 -// 返回顶部  
22 $returnTop.click(function() { 17 $returnTop.click(function() {
23 $('html,body').animate({ 18 $('html,body').animate({
24 scrollTop: 0 19 scrollTop: 0
@@ -33,10 +28,4 @@ $(window).scroll(function() { @@ -33,10 +28,4 @@ $(window).scroll(function() {
33 } 28 }
34 }); 29 });
35 30
36 -// 如果初始是隐藏的,监听图片加载,重新确定return-top的高度  
37 -if ($returnTop.hasClass('hide')) {  
38 - $('img').load(rePosReturn);  
39 -}  
40 -  
41 -// 暴露给有可能通AJAX改变内容的页面去用  
42 -window.rePosReturnTop = rePosReturn; 31 +exports.posReturnTop = showOrNot;