project-helper-tools v1.0.3

NPM

npm install project-helper-tools --save

简介

本项目持续收录开发过程中经常性使用到的工具类函数，提高开发效率，避免每次做项目每次都要写通用的工具类函数。

用法

• deepClone 深拷贝方法

  • 参数：source原始数据，待拷贝对象
  • 返回：返回一个新的数据

  const obj1 = {
      str:'wang',
      age:23,
      info:{
          peo:'haole'
      },
      arr:[1,2,3]
  }
  const obj2 = projectHelperTools.deepClone(obj1);

• formatMoney 金额千分位格式化

  • 参数：num原始金额数据
  • 规则：该参数不可为空，除小数点格式外不可包含非数字

  var price = 23451.23
  projectHelperTools.formatMoney(price)

• phoneNumber 手机号格式化，中间4位以*号代替

  • 参数：phone 必须为以1开头的11位数字

  var price = 23451.23
  projectHelperTools.formatMoney(price)

• objectToQuery 参数对象转成查询参数

  • 带转换的参数对象的属性值都为基本类型

  const parameter:{
      name:'王胖子',
      age:23,
      id:1
  }
  projectHelperTools.objectToQuery(this.parameter)

• param2obj 获取浏览器域参数，并将其转换成键值对

  • 参数：无

• list2tree数组结构转换成树形结构

  • 参数 data 为将要转换的数组
  • fatherField 当前某条数据的 id 字段
  • sonField 当前某条数据的 父级id 字段

  const arr = [
      {id:1,text:'节点1',pid:0},
      {id:2,text:'节点2',pid:1},
      {id:3,text:'节点3',pid:2},
      {id:4,text:'节点4',pid:0},
      {id:5,text:'节点4',pid:4}
  ]
  
  const arr1 = projectHelperTools.list2tree(this.arr,'id','pid');

• debounce 防抖函数

  • 参数 func：回调函数
  • wait：延迟执行毫秒数
  • immediate：是否立即执行 默认true 立即执行

  // vue中使用方式	
  import {debounce} from 'project-helper-tools'
  methods: {
      handleClick:debounce(function(){
        console.log(this.str)
      },1000)
  }

• throttle节流函数

  • 参数 func：回调函数
  • wait：延迟执行毫秒数

  import {throttle} from 'project-helper-tools'
  let isDown = false;
  document.onmousedown = function(){
      isDown = true
  }
  document.onmousemove = throttle(function(event){
      if(isDown){
          console.log(event)
      }
  },1000)
  document.onmouseup = function(){
      isDown = false
  }