npm 包 emiya-utils 使用教程

简介

emiya-utils 是一个前端常用工具库，提供了一系列常用的函数和方法，涵盖了从数据处理，到字符串操作，再到 DOM 操作等多个方面。

安装

npm install emiya-utils

使用

在需要使用的文件中引入 emiya-utils：

const utils = require('emiya-utils');

或者使用 ES6 的分别导入：

import { isArray } from 'emiya-utils';

API

数组处理

isArray

判断一个值是否为数组。返回值为 true 或 false。

const arr = [1, 2, 3];
console.log(isArray(arr)); // true

const obj = {'a': 1};
console.log(isArray(obj)); // false

unique

数组去重。返回去重后的新数组。

const arr1 = [1, 2, 2, 3, 4, 4, 5];
const arr2 = unique(arr1);
console.log(arr2); // [1, 2, 3, 4, 5]

字符串操作

trim

去掉字符串两端的空格。

const str1 = '   test   ';
const str2 = trim(str1);
console.log(str2); // 'test'

toCamelCase

将字符串转换成驼峰形式。

const str1 = 'hello-world';
const str2 = toCamelCase(str1);
console.log(str2); // 'helloWorld'

toKebabCase

将字符串转换成短横线形式。

const str1 = 'helloWorld';
const str2 = toKebabCase(str1);
console.log(str2); // 'hello-world'

toUpperCaseFirst

将字符串首字母转换成大写。

const str1 = 'test';
const str2 = toUpperCaseFirst(str1);
console.log(str2); // 'Test'

toLowerCaseFirst

将字符串首字母转换成小写。

const str1 = 'Test';
const str2 = toLowerCaseFirst(str1);
console.log(str2); // 'test'

DOM 操作

$(selector)

获取 DOM 元素。

const btn = $('#btn');
btn.addEventListener('click', function() {
    console.log('clicked');
});

addClass(el, className)

给 DOM 元素添加类名。

const box = $('#box');
addClass(box, 'active');

removeClass(el, className)

从 DOM 元素中移除类名。

const box = $('#box');
removeClass(box, 'active');

结语

emiya-utils 是一个非常实用的前端工具库，它可以为你的开发提供方便和效率，同时也可以不断地扩充和完善。希望本文介绍的相关内容对您有所帮助。

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