npm 包 ke-base 使用教程

1. 什么是 ke-base

ke-base 是一个 JavaScript 工具库，其中包含了一些非常有用的函数和工具，它可以让前端的开发变得更加高效和便捷。该库包含了基本类型计算、字符串操作、数组操作、日期操作等一系列常用的工具函数。

2. 安装 ke-base

你可以通过 npm 安装该库，步骤如下：

npm i ke-base --save

3. 使用 ke-base

3.1 引入 ke-base

安装完成之后，在项目中引入 ke-base，使用 require 或 import 均可，示例代码如下：

// 使用 require
var keBase = require('ke-base');

// 使用 import
import keBase from 'ke-base';

3.2 API

3.2.1 基本类型计算

1. isType

判断变量的类型，返回字符串，示例代码如下：

console.log(keBase.isType(123)); // 'number'
console.log(keBase.isType('123')); // 'string'
console.log(keBase.isType(true)); // 'boolean'
console.log(keBase.isType(new Date())); // 'date'
console.log(keBase.isType([1, 2])); // 'array'
console.log(keBase.isType(new Set())); // 'set'

2. isEqual

判断两个变量是否相等，示例代码如下：

console.log(keBase.isEqual(1, '1')); // false
console.log(keBase.isEqual(1, 1)); // true
console.log(keBase.isEqual([1, 2], [1, 2])); // true
console.log(keBase.isEqual([1, {a: 1}], [1, {a: 1}])); // true

3.2.2 字符串操作

1. firstUpperCase

将字符串的第一个字母变成大写，示例代码如下：

console.log(keBase.firstUpperCase('hello')); // 'Hello'
console.log(keBase.firstUpperCase('heLLo')); // 'HeLLo'

2. trim

去除字符串前后的空格，示例代码如下：

console.log(keBase.trim(' abc ')); // 'abc'
console.log(keBase.trim('  a  b c  ')); // 'a  b c'

3. uuid

生成随机的 uuid 字符串，示例代码如下：

console.log(keBase.uuid()); // '5091bc03-22d9-46ed-8b48-03f10e3da400'
console.log(keBase.uuid(6)); // '6a1d6f'

3.2.3 数组操作

1. unique

数组去重，示例代码如下：

console.log(keBase.unique([1, 2, 2, 3, 3])); // [1, 2, 3]

2. flatten

将多维数组展开成一维数组，示例代码如下：

console.log(keBase.flatten([1, [2, [3, 4], 5]])); // [1, 2, 3, 4, 5]

3. shuffle

随机打乱数组顺序，示例代码如下：

console.log(keBase.shuffle([1, 2, 3, 4, 5])); // [3, 1, 2, 5, 4]

3.2.4 日期操作

1. format

日期格式化，示例代码如下：

console.log(keBase.format(new Date(), 'yyyy-MM-dd')); // '2022-01-01'

2. duration

计算两个日期之间的时间差，示例代码如下：

const start = new Date();
setTimeout(() => {
  console.log(keBase.duration(start, new Date()));
}, 1000);

4. 总结

以上是 ke-base 的简单使用教程，该库包含的函数和工具非常实用，可以大大简化前端开发的工作量。建议在实际项目中使用该库，也可以在该库的基础上进行扩展，提高自己的技术水平。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e281e8991b448e0664