common.js
3.21 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
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
/**
* 一些通用方法
*/
(function(exports) {
/**
* 将string字符串转为html对象,默认创一个div填充
* 因为很常用，所以单独提取出来了
* @param {String} strHtml 目标字符串
* @return {HTMLElement} 返回处理好后的html对象,如果字符串非法,返回null
*/
exports.parseHtml = function(strHtml) {
if (typeof strHtml !== 'string') {
return strHtml;
}
// 创一个灵活的div
var i,
a = document.createElement('div');
var b = document.createDocumentFragment();
a.innerHTML = strHtml;
while ((i = a.firstChild)) {
b.appendChild(i);
}
return b;
};
/**
* 将对象渲染到模板
* @param {String} template 对应的目标
* @param {Object} obj 目标对象
* @return {String} 渲染后的模板
*/
exports.renderTemplate = function(template, obj) {
return template.replace(/[{]{2}([^}]+)[}]{2}/g, function($0, $1) {
return obj[$1] || '';
});
};
/**
* 定义一个计数器
*/
var counterArr = [0];
/**
* 添加测试数据
* @param {String} dom 目标dom
* @param {Number} count 需要添加的数量
* @param {Boolean} isReset 是否需要重置，下拉刷新的时候需要
* @param {Number} index 属于哪一个刷新
*/
exports.appendTestData = function(dom, count, isReset, index) {
if (typeof dom === 'string') {
dom = document.querySelector(dom);
}
var prevTitle = typeof index !== 'undefined' ? ('Tab' + index) : '';
var counterIndex = index || 0;
counterArr[counterIndex] = counterArr[counterIndex] || 0;
if (isReset) {
dom.innerHTML = '';
counterArr[counterIndex] = 0;
}
var template = '<li class="list-item"><h3 class="msg-title">{{title}}</h3><span class="msg-fs14 msg-date">{{date}}</span></li>';
var html = '',
dateStr = (new Date()).toLocaleString();
for (var i = 0; i < count; i++) {
html += exports.renderTemplate(template, {
title: prevTitle + '测试第【' + counterArr[counterIndex] + '】条新闻标题',
date: dateStr
});
counterArr[counterIndex]++;
}
var child = exports.parseHtml(html);
dom.appendChild(child);
};
/**
* 绑定监听事件 暂时先用click
* @param {String} dom 单个dom,或者selector
* @param {Function} callback 回调函数
* @param {String} eventName 事件名
*/
exports.bindEvent = function(dom, callback, eventName) {
eventName = eventName || 'click';
if (typeof dom === 'string') {
// 选择
dom = document.querySelectorAll(dom);
}
if (!dom) {
return;
}
if (dom.length > 0) {
for (var i = 0, len = dom.length; i < len; i++) {
dom[i].addEventListener(eventName, callback);
}
} else {
dom.addEventListener(eventName, callback);
}
};
})(window.Common = {});