Merge branch 'feature/common' into develop
Showing
3 changed files
with
27 additions
and
23 deletions
public/js/common/README.md
0 → 100644
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; |
-
Please register or login to post a comment