简介
nsjs 是一个基于 JavaScript 的前端工具库,提供了一系列常用的工具函数,如字符串处理、类型判断、事件监听、数据处理等。
该库已经发布到 npm 社区,可通过 npm 安装和使用。
使用方法
安装
前往项目目录,执行以下命令进行安装:
npm install nsjs
引入
在需要使用的文件中通过 import 引入即可:
import ns from 'nsjs';
API
nsjs 提供了众多的 API,这里只介绍部分常用的 API:
类型判断
- isNumber(value): 判断一个值是否为数字类型
- isString(value): 判断一个值是否为字符串类型
- isBoolean(value): 判断一个值是否为布尔类型
- isArray(value): 判断一个值是否为数组类型
- isObject(value): 判断一个值是否为对象类型
ns.isNumber(1); // true ns.isString('hello'); // true ns.isBoolean(true); // true ns.isArray([1,2,3]); // true ns.isObject({name: 'tom', age: 18}); // true
字符串处理
- trim(value): 去除字符串两端的空格
- camelCase(value): 将字符串转化为驼峰式命名
- kebabCase(value): 将字符串转化为短横线式命名
ns.trim(' hello '); // 'hello' ns.camelCase('fooBar'); // 'fooBar' ns.kebabCase('fooBar'); // 'foo-bar'
事件监听
- on(element, event, handler): 在指定元素上绑定事件监听器
ns.on(document.body, 'click', function() { console.log('click'); })
数据处理
- clone(value): 复制一个对象
- merge(obj1, obj2): 合并两个对象
- assign(target, ...source): 将源对象的属性复制到目标对象中
ns.clone({name: 'tom', age: 18}); // {name: 'tom', age: 18} ns.merge({name: 'tom'}, {age: 18}); // {name: 'tom', age: 18} ns.assign({}, {name: 'tom'}, {age: 18}); // {name: 'tom', age: 18}
总结
nsjs 是一个十分实用的前端工具库,提供了很多常用的工具函数,在前端开发中有很好的应用价值。
本文简单介绍了 nsjs 的安装、引入和常用 API,希望能对读者有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066f913d1de16d83a66b13