npm 包 trc_common 使用教程

npm 包 trc_common 使用教程

简介

trc_common 是一个 npm 包，用于前端开发中常见的类型判断、日期格式转换、参数处理、DOM 操作等操作，可以减少代码量、提高开发效率。本文将介绍如何使用该包以及相关的注意事项。

安装

在命令行输入以下命令即可安装 trc_common：

npm install trc_common

使用

类型判断

使用 trc_common 中的 isTypeof 函数来判断变量的类型。

示例代码：

import { isTypeof } from 'trc_common';

const a = 'Hello World';
console.log(isTypeof(a, 'string'));  // 输出 true
console.log(isTypeof(a, 'number'));  // 输出 false

isTypeof 函数的第一个参数为要判断的变量，第二个参数为要判断的类型。可以判断的类型有：'string'、'number'、'boolean'、'object'、'function'、'array'、'null'、'undefined'。

日期格式转换

使用 trc_common 中的 dateFormat 函数将日期进行格式化。

示例代码：

import { dateFormat } from 'trc_common';

const date = new Date('2021-08-15T08:00:00Z');
console.log(dateFormat(date, 'yyyy-MM-dd hh:mm:ss'));  // 输出 2021-08-15 16:00:00（北京时间为东八区）

dateFormat 函数的第一个参数为要格式化的日期，第二个参数为要格式化的格式。

参数处理

使用 trc_common 中的 queryString 函数将对象转换成查询字符串。

示例代码：

import { queryString } from 'trc_common';

const params = { name: 'John', age: 18 };
console.log(queryString(params));  // 输出 name=John&age=18

queryString 函数的参数为要转换的对象。该函数将对象的每个键值对转换成形如 key=value 的字符串，并用 & 连接起来。

DOM 操作

使用 trc_common 中的 createElement 函数来创建 DOM 元素。

示例代码：

import { createElement } from 'trc_common';

const container = document.getElementById('container');
const button = createElement('button', { text: 'Click me!', class: 'button' });
container.appendChild(button);

createElement 函数的第一个参数为要创建的标签名，第二个参数为该标签的属性。其中 text 属性为文本内容，class 属性为类名。

总结

trc_common 是一个前端常用的工具包，可以帮助我们减少代码量、提高开发效率。在使用时，需要注意传入参数的类型及个数，以及返回值的类型。在需要调用相关函数时，可参考本文提供的示例代码。

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