sf-tools 常用函数库

A common function package.

Install

请确保你已经安装了node.js

然后执行包安装命令:

npm install sf-tools

文档

• Array 数组操作方法
  • 求最大值/最小值/求和 max/min/sum
• Function 操作方法
  • 防抖函数
  • 节流函数
• cookie操作
• storage操作
• 深度克隆操作

Clone

可传入各类参数，若为数组/对象时返回一个与该参数数据内容的新数组/对象；若为其他类型参数则返回原参数。

Function

Function debounce

防抖函数，适用于如input响应onChange事件触发接口请求，要考虑延迟触发

参数	类型	说明
fn	Function	传入目标函数
delay	number	传入响应时间, default: 300

  let debounceFn = debounce(fn, 500); 
  document.createElement('input').addEventListener('change', debounceFn);

Function throttle

节流函数，适用于mousemove、鼠标滚轮等频繁触发事件的减小触发频率

参数	类型	说明
fn	Function	传入目标函数
threshhold	number	传入节流时间, default: 160

  let throttleFn = throttle(fn, 1000); 
  window.addEventListener('scroll', throttleFn);

Array

Array Max/Min/Sum

求数组的最大值/最小值/求和

参数	类型	说明
arr	Array	第一层函数参数，传入待计算数组
name/lambda/空缺	String/Lambda/空	第二层函数参数，可传入待计算属性名/lambda表达式/数值型数组可以空缺

函数式调用方式一

 let arr = [1,2,3,4];
 Max(arr)();
 Min(arr)();
 Sum(arr)();

函数式调用方式二

 let arr = [{ name: "north", age: 2 }, { age: 4 }, { age: 3 }];
 Max(arr)("age");
 Min(arr)("age");
 Sum(arr)("age");

函数式调用方式三

 let arr = [{ name: "north", age: 2 }, { age: 4 }, { age: 3 }];
 Max(arr)(r=>r.age);
 Min(arr)(r=>r.age);
 Sum(arr)(r=>r.age);