1.接上文,我想知道今天再加上5天的日期呢?
xui.now(xui.now(), 5); //返回今天之后5天的日期;
xui.now(xui.now(), 5, true); //返回今天之后5天的日期(包含时分秒);
xui.now(xui.now(), -5); //是的,你也可以传负数,表示今天之前5天的日期.
xui.now(xui.now('2017/11/01'), -5); //嗯,你还可以自定义日期和天数,是不是非常棒!2.我想验证手机号,咋办?很简单,只需要传入2个参数,验证类型(名字,手机号,邮件)和对应的str,返回一个boolean
xui.checkLegal(type, str);3.想获取url的某个参数呢?
xui.queryString(str);4.有时候后台传给我们一个数据库存放的日期,就需要前端来进行转换一下.第一个参数是传入的日期,第二个是Boolean,如果是true的话就精确到时分秒,否则就是年月日
xui.formatDate(date, bool);5.有时候为安全着想,我们需要把字符串符合等编码一下,那么传入相应的字符串即可, codeStr为编码,decodeStr为解码.
xui.codeStr(str);
xui.decodeStr(str);6.随机输出一个在xx到xx的范围内数字(包含边界)呢?
xui.randomNum(1, 10); //参数是从小到大排的7.记录用户行为轨迹get方式请求
/*
传入需要统计的参数列表(对象形式)和异步接口地址API.
不用担心跨域问题哦!
只能以get方式请求.
*/
xui.recordData({
data: {
name: 'xui.js',
version: xui.version,
},
url: 'https://xumeng.site/?a=1&b=2',
});8.有时候我们想操作一下cookie,但是原生的操作方法过于繁琐,所以便捷的方法显得格外重要.
//`cookie`名和value必传
xui.setCookie(name, value, days, path)
//传入需要的cookie名即可,没有返回空
xui.getCookie(name)
//传入需要的cookie名即可删除`cookie`
xui.removeCookie(name)9.这里使用Promise封装的一个ajax异步请求,使用方法如下
//get请求
var url = 'https://hq.tigerbrokers.com/fundamental/finance_calendar/getType/2017-02-26/2017-06-10';
xui.ajax({
url: url + '?name=vuejs',
type: 'get',
}).then(res =>{
console.log(res);
}, error =>{
console.log(error)
});
//这里是post请求
xui.ajax({
url: url,
type: 'post',
params: {
x: 1,
y: 2,
z: 3,
},
}).then(res =>{
console.log(res);
}, error=>{
console.log(error);
});10.我才不会告诉你,使用下面的方法可以快速判断当前环境是否为手机端
xui.isMobile() //返回boolean
//有兴趣查看源码么?
return Math.random() > .5
?
/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)
:
'ontouchstart' in window;11.用过目前很火的vue(其他的不熟悉, 暂不考虑),双向绑定格外吸引人注意,那么它是如何做出开的呢?
先看看下面的例子吧
说明:用到的是
es5里的Object.defineProperty,不支持IE8及以下(同样IE9也是bug众多).详情请戳mdn介绍
手机号:
手机号为:
<script type="text/javascript">
xui.twoWayBinding('#demo', '#display');
</script>
<div class="xui_item">
<label>手机号: </label>
<div class="xui_content">
<input type="text" id="demo" maxlength="11" class="xui_input" placeholder="输入手机号试试呢" />
</div>
</div>
<div>
手机号为:
<span id="display"></span>
</div>xui.twoWayBinding('#demo', '#display');12.如何将金额格式化，这是一个问题，比如￥1234567890.12，可以用这个方法展示
<script type="text/javascript"> document.querySelector('.formatMoney').innerHTML = '￥' + xui.formatNumber(1234567890.12); </script>document.querySelector('.formatMoney').innerHTML = '￥' + xui.formatNumber(1234567890.12);- 更多方法详见
xui.js,可以在控制台打印一下xui对象,你就知道所有的方法啦!
说明:点击查看大图哦!还可以像风一样旋转,跳跃,奔跑，不定期更新（想起来就更新）
