什么是 @quixotic/core
@quixotic/core 是一个前端工具包,它提供了很多方便的工具函数和组件。这个包包含两个相关但不一样的部分,分别是 QuixoticUtil 和 QuixoticComponent。
QuixoticUtil 提供了一系列方便的工具方法,包括字符串处理、数组操作、日期时间处理等。QuixoticComponent 则提供了一些可复用的 React 组件,包括 modal,table,input 等 UI 组件。
@quixotic/core 可以帮助开发者提高开发效率,避免重复造轮子,降低代码复杂度。
如何安装
使用 npm 安装 @quixotic/core:
npm install @quixotic/core --save
QuixoticUtil 的使用
字符串处理
import { trim } from '@quixotic/core'; console.log(trim(' hello ')); // 'hello'
数组操作
import { flatten } from '@quixotic/core'; console.log(flatten([1, [2, [3, 4], 5]])); // [1, 2, 3, 4, 5]
日期时间处理
import { formatDate } from '@quixotic/core'; console.log(formatDate(new Date(), 'yyyy-MM-dd')); // '2021-10-01'
更多工具方法请查看文档。
QuixoticComponent 的使用
Modal
-- -------------------- ---- ------- ------ - ----- - ---- ----------------- ----- ------- - -- -- - ------ ------- ------------- ------------ -- ------------------ -------- -- ------------------ - -------------- -------- -- ------------------------ --- ---------------------------------
Table
-- -------------------- ---- ------- ------ - ----- - ---- ----------------- ----- ---------- - - - --- -- ----- -------- ---- -- -- - --- -- ----- ------ ---- -- -- -- ----- ------- - - - ------ ----- ---------- ---- -- - ------ ------- ---------- ------ -- - ------ ------ ---------- ----- -- -- ---------------------- ----------------------- ----------------- --- ---------------------------------
Input
-- -------------------- ---- ------- ------ - ----- - ---- ----------------- ----- ------- - -- -- - ------ --------------------- ------ ----------------- --------------- -- ------------------- -- -- ------------------------ --- ---------------------------------
更多 UI 组件请查看文档。
小结
@quixotic/core 提供了很多方便的工具方法和组件,可以帮助前端开发者提高开发效率,减少代码复杂度。使用该包时,需要先安装,然后导入需要的模块即可使用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60065b42c6eb7e50355dbd70