sunduan-util v1.0.18

sunduan-util

主要为前端提供常用的工具函数

特征

1. 常用的 array 方法
2. 对象的复制
3. 时间格式的转化
4. 函数节流

npm address: https://www.npmjs.com/package/sunduan-util

Using NPM

install:

npm i sunduan-util -save

use:

import {
  hello,
  throttle, // 函数节流
  deepClone,
  // array function
  pop,
  forEach,
  FormatDate
} from 'sunduan-util';

Using CDN:

<script src="https://unpkg.com/sunduan-util/dist/sunduan-util.js"></script>
<script type="text/javascript">
  console.log(sunduanUtil)
</script>

test

	console.log(hello(), 'sunDuanUtil');

throttle

• throttle(callback,time)

  params	type	default	require
  callback	Function	-	true
  time	Number	500	false
  return	-	-	-

  var func = function() {
    console.log(window.innerWidth, window.innerHeight);
  }
  
  func = throttle(func, 2000);
  window.addEventListener('resize', func);

pop

• pop(list)

  	type	default	require
  list	Object	-	true
  return	Array	-	-

var list = [1, 2, 3, 4, 5, 6];

var newList = pop(list);

console.log(newList); // [1, 2, 3, 4, 5]
console.log(list); // [1, 2, 3, 4, 5, 6]

forEach

• forEach(obj, callback)

  	type	default	require
  obj	Object	-	true
  callback	Function	-	true
  return	-	-	-

  var obj = { a: 10, b: 20, c: 30 }
  forEach(obj, function(value, index, obj) {
    console.log(value, index, obj);
  })
  
  var list = [1, 2, 3, 4]
  forEach(list, function(value, index, obj) {
    console.log(value, index, obj);
  })

buildURL

• buildURL(url, params)

  	type	default	require
  url	String	-	true
  params	Object	null	false
  return	String	-	true

  var url = 'https://testxxxx.com/comments';
  
  var params = {
    postId: 1,
    page: 1,
    pageSize: 10
  };
  
  var url = buildURL(url, params);
  
  console.log(url); // https://testxxxx.com/comments?postId=1&page=1&pageSize=10

deepClone

• deepClone(obj, type)

  type: default | JSON

  	type	default	require
  obj	Object	-	true
  type	String	default	false
  return	String	-	true

  var obj = {
    a: 'a',
    b: 'b',
    c: 'c',
    d: {
      one: 'd1',
      two: 'd2'
    },
    e: ['e1', 'e2', 'e3', 'e4']
  }
  var newObj = deepClone(obj)
  newObj.e.push('e5')
  console.log(newObj.e) // ['e1', 'e2', 'e3', 'e4', 'e5']
  console.log(obj.e) // ['e1', 'e2', 'e3', 'e4']
  
  var obj = {
    a: 'a1',
    b: 'b2',
    c: 'c3',
    d: {
      one: 'd1',
      two: 'd2'
    },
    e: ['e1', 'e2', 'e3', 'e4']
  }
  var newObj = deepClone(obj, 'JSON')
  newObj.d.one = 'd3'
  console.log(newObj.d) // { one: 'd3', two: 'd2' }
  console.log(obj.d) // { one: 'd1', two: 'd2' }

  FormatDate

• formatDate.getDate(date, format)

  format type: YYYY-MM-DD HH:mm:ss , YYYY/MM/DD HH:mm , YYYY/MM/DD HH , YYYY/MM/DD , YYYY/MM , YYYY ...... format 年月日中间使用非字母的字符代替

  	type	default	require
  date	Date	Number	-	true
  format	String	YYYY/MM/DD HH:mm:ss	false

var formatDate = new FormatDate()
var time = formatDate.getDate(+new Date())
console.log(time.date) // 2018/05/19 15:35:38

var formatDate = new FormatDate()
var timeTwo = formatDate.getDate(+new Date('2018/05/19 15:27:51'), 'YYYY-MM-DD HH:mm:ss')
console.log(timeTwo.date) // 2018-05-19 15:27:51

setTimeout(function () {
  var timeTwo = formatDate.getDate(+new Date('2018/05/19 15:27:53'))
  console.log(timeTwo.date) // 2018|05|19
}, 2000)

var timeTwo = formatDate.getDate(+new Date('2018/05/19 15:27:51'), 'YYYY-MM-DD HH:mm')
console.log(timeTwo.date) // 2018-05-19 15:27

var timeTwo = formatDate.getDate(+new Date('2018/05/19 15:27:51'), 'YYYY-MM-DD HH')
console.log(timeTwo.date) // 2018-05-19 15

var timeTwo = formatDate.getDate(+new Date('2018/05/19 15:27:51'), 'YYYY-MM-DD')
console.log(timeTwo.date) // 2018-05-19

var timeTwo = formatDate.getDate(+new Date('2018/05/19 15:27:51'), 'YYYY|MM|DD')
console.log(timeTwo.date) // 2018|05|19

var timeTwo = formatDate.getDate(+new Date('2018/05/19 15:27:51'), 'YYYY&MM&DD')
console.log(timeTwo.date) // 2018&05&19