自己造的轮子
- Template(); 示例: HTML:
<div id="main"></div>
<script type="text/template" id="template">
<ul>
<% for(var i = 0; i < 10; i ++) { %>
<li><%= self[i].name %><li>
<% } %>
<ul>
</script>
javascript:
var tpl = Template(document.getElementById('template').innerHTML);
var html = tpl(['a', 'b', 'c']);
document.getElementById('main').innerHTML = html;
- request(option);
- url {String} 发送请求的地址
- type {String} 默认为post, 请求方式(post或get)
- timeout {Number} 设置请求超时时间(毫秒)
- cache {Boolean} 默认为true, 设置为false将不会从浏览器缓存中加载请求信息
- data {object} 发送到服务器的数据
- dataType {String} 预期服务器返回的数据类型.
- dom 返回一个对象
- json 返回一个对象
- text 返回纯文本字符串
- contentType {String} 当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded".该默认值适合大多数应用场合.
- autoHide {Boolean} 请求完毕后是否不等待其他代码,直接结束loading
- traditional：{Boolean} 是否传统序列化
- bind {string|element} loading绑定的父元素
- loading {Function} loading的html,或元素
- httpHeader {object} 发送的http请求头, 以键值对的形式传入
- mosaic {array} 如果发送的是get请求,mosaic参数将作为参数的模板,默认为 ['&', '=', '?'] 禁用
- beforeSend {Function} 发送请求前可以修改XMLHttpRequest对象的函数
- complete {Function} 请求完成后调用的回调函数(请求成功或失败时均调用)
- success {Function} 请求成功后调用的回调函数
- error {Function} 请求失败时被调用的函数
// 一个简单的例子
request({
url: 'index.php',
success: function(json){
console.log(json);
}
});
- 更新修改了一个滚动条下出现错位的BUG
1.文本超出父元素, 超出文本被... 代替, 鼠标移入提示全部文本 例:
<p showellipsis>1000</p>
2.如果需要一个固定提示
<p showellipsis="显示的内容">1000</p>
- 常量 emailBlackList 提供了比较全的共用邮箱后缀
- isEmail() 能够检查是否是邮箱
- isMobileFormat() 能够检查是否是手机号
- isEmailBlackList() 能够检查是否是企业邮箱(在emailBlackList中做排除)
- bindReSize() 为元素绑定resize事件
- cancelReSize() 解绑resize事件
- set
attr(element).set('key', new Date);
// or
attr(element).set({key: new Date});
- get
attr(element).get('key'); // Thu Mar 23 2017 11:47:10 GMT+0800 (**标准时间)
// or
attr(element).get().key; // Thu Mar 23 2017 11:47:10 GMT+0800 (**标准时间)
- has
attr(element).has('key'); // true
- 格式为 throwError('组标题', '错误日志[数组]', '类型,可选[error, log, info]');
throwError('error',[
'log: xxxxx',
'log: xxxxx',
'log: xxxxx'
], 'log');
1. THROW 原生抛出模式
2. HIDE 隐藏模式
3. SHOW 抛出模式 (默认的)
html结构
<div id="rg-content" form-name="group" form-main="group"></div>
<div form-parent="group" form-name="a">100</div>
<div form-parent="group" form-name="b">200</div>
<div form-parent="group" form-name="c">300</div>
js获取
form(document.getElementById('rg-content'));
// {a: 100,b: 200,c: 300}
- getStyle(元素, 'css样式');
getStyle(dom, 'height');
- option 配置
repeat: 是否去重, 默认为true, 如果该参数为true 那么g参数则为falsekey: 作为 搜索的key 不设置key,无法进行去重weakCheck: 是否深度匹配 (在对比2个对象或数组时,是否要保证数据的一致性) 默认为 true [如果对比将消耗相当的内存]callback: 内容被修改之后的回掉函数, 修改之前不会产生回调intercept: 在数据修改/加入之前的回调函数, 如果返回false, 则不会加入, 可以修改传入的datacover: 如果出现重复的值是否覆盖g: 是否作为全局匹配,如果为false只匹配第一个成功匹配的值 - 创建
var data = new DataStructure({key: 'id'});
- 属性
data.length; // 该变量中存储的数据个数
- 方法(未整理)
set, get, indexOf, has, clear, setOption, debug
- 方法(未整理)
add, check, show, hide, gGetData, gCacheHtml, external, debug, html, remove, init
- getTimeStamp() 传入'xxx年xx月' 格式的内容
返回
- error: 如果出错返回true
- time: 时间戳
- timeString: 输入的内容
- date: 最终的Date对象, 如果出错不返回
- company: 最大单位, 如果出错不返回