您好,欢迎访问代理记账网站
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

我的工具箱

大家好,我是梅巴哥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'等。 所以这个动画在webapp上均可使用。
  • 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

以上。待续…


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进