大家好,我是梅巴哥er
。 在写项目过程中,发现了一个对新手很不友好的事情,就是手里的工具太少,会对项目进度产生影响。所以,我打算做一个自己的工具箱,用来存放自己封装的常用函数。
*注:该博文会永久更新。
1,js移动动画
function animate(obj, start, end, unit, cb) {
var step = (end - start) / 10
var n = 1
clearInterval(timer)
function move() {
obj.style.left = start + step * n + unit
if(obj.style.left === end + unit) {
clearInterval(timer)
cb && cb()
}
n++
}
var timer = setInterval(move, 30)
}
使用说明
obj
,是获取到的dom
。start
是起始位置,不带单位end
是结束位置,不带单位unit
是长度单位,常用的'px'
,'rem'
等。 所以这个动画在web
和app
上均可使用。cb
是回调函数。可略。- 里面的数字,如控制步子大小的
10
, 控制速度的30
,都可以自己修改和调整。
2,千分函数
function qianFen(num){
return num && num
.toString()
.replace(/(\d)(?=(\d{3})+(?!\d))/g, function($0, $1) {
return $1 + ",";
});
}
说明
- 例如,
qianFen(1000000)
, 将输出为1,000,000
以上。待续…