1.即时反应的input和propertychange方法
oninput和onchange都是事件对象,当输入框的值发生改变时触发该事件。不同的是,oninput是在值改变时立即触发,而onchange是在值改变后失去焦点才触发,并且可以用在非输入框中,如:select等。propertychange:功能同oninput,用以替代oninput在IE9以下的不兼容性
摘自:(https://www.cnblogs.com/LHYwin/p/6136256.html)
2.toFixed()函数
1) toFixed(n) 限制小数点后位数,四舍五入。n:0~20 。
2)作用对象必须是number,不能为其他类型。如(8.001).toFixed(2)返回8.00;
3)toFixed(n)返回值是String类型,所有当成数字进行比大小是错误的。
4) parseFloat(“number“)与parseInt("number")读取字符串中第一个遇到的数(如91.2w3 第一个数为91.2)并转换为float或int,返回类型为number.。
摘自:(https://www.cnblogs.com/nkxyf/p/3956653.html)
3.Array.prototype.slice.call()方法详解
能将具有length属性的对象转成数组,数组才具有slice()方法。
最后,附个转成数组的通用函数
var toArray = function(s){
try{
return Array.prototype.slice.call(s);
} catch(e){
var arr = [];
for(var i = 0,len = s.length; i < len; i++){
//arr.push(s[i]);
arr[i] = s[i]; //据说这样比push快
}
return arr;
}
}
摘自:(https://www.cnblogs.com/dingxiaoyue/p/4948166.html)
4.call()和apply()的使用
1)都可以改变函数内部的this指向
2)实现继承
call()和apply()的区别:第一个参数都是指向this,而apply()中只有2个参数,第二个必须是数组,call的后续参数可以是任何类型
5.encodeURI()和encodeURIComponent() 区别
因为有效的URI中不能包含某些字符,例如空格。而这URI编码方法就可以对URI进行编码,它们用特殊的UTF-8编码替换所有无效的字符,从而让浏览器能够接受和理解。
区别在于:encodeURI()是对于整个URI编码,只是清除了空格而已,而encodeURIComponent()只是对其中一段进行编码,并且会对它发现的任何非标准字符进行编码。
摘自:(https://blog.csdn.net/qq_34629352/article/details/78959707)
6.jquery countdown倒计时插件(刷新保持计时状态)
用在发短信倒计时或者付款倒计时或者做活动的时候很好用
原理:$().countdown(finallytime,callback)//第一个是倒计时截止时间
1)下载插件所需的css和js(jquery.countdown-1.0.0.css、jquery.countdown-1.0.0.min.js还有jquery.js)
2)引用这些文件
3)定义一个显示时间的元素,初始化配置(根据需求配置)
<div class="count_down"><span class="day_num"></span><span class="hour_num"></span><span class="min_num"></span><span class="sec_num"></span></div>
<script>
$(function(){
$(".count_down").countDown({
startTimeStr:'2017/01/11 00:00:00',//开始时间
endTimeStr:'2028/01/17 23:59:59',//结束时间
daySelector:".day_num",
hourSelector:".hour_num",
minSelector:".min_num",
secSelector:".sec_num"
});
})
</script>
网友评论