简介
@acceleratxr/service_utilities 是一个为前端开发提供基础服务的 npm 包。该包包含了常用的工具、组件、样式等资源，方便开发者快速开发、部署项目。
安装
使用 npm 进行安装：
--- ------- ------------------------------
工具介绍
该包包含了以下工具：
通用工具
1. 日志工具
方便开发者进行日志输出，加快调试速度。
------ - ------ - ---- --------------------------------- ---------------------- -------------------- -------------------- ----------------------
2. 时间格式工具
可以格式化时间为指定的格式，方便在页面中显示或者进行日期比较。
------ - ---------- - ---- --------------------------------- ----- ---- - --- ------- ---------------------------- --------------- -- -------------
React 组件
1. 空视图组件
当列表为空时，可以使用该组件进行提示展示。
------ - --------- - ---- --------------------------------- ---------- ----------------- --
2. 模态框组件
可以方便的使用模态框展示弹窗内容。
------ - ----- - ---- ---------------------------------
----- --- - -- -- -
----- --------- ----------- - ----------------
----- ----------- - -- -- -
-----------------
--
----- -------- - -- -- -
------------------
--
----- ------------ - -- -- -
------------------
--
------ -
-----
------- ------------------------------------
------
-----------
-----------------
---------------
-----------------------
-
--------------
--------
------
--
--如上述例子中，模态框与它的子元素一起被渲染，当关闭模态框时，模态框及其子元素一同被移除。
环境配置
该工具包需要 Node.js 环境支持，建议使用 Node.js 版本 8 以上。使用时需打开 babel 转换功能。
示例代码
完整示例代码如下：
------ ------ - -------- - ---- --------
------ - ------- ----------- ---------- ----- - ---- ---------------------------------
----------------------
----- ---- - --- -------
---------------------------- ---------------
----- --- - -- -- -
----- --------- ----------- - ----------------
----- ----------- - -- -- -
-----------------
--
----- -------- - -- -- -
------------------
--
----- ------------ - -- -- -
------------------
--
------ -
-----
------- ------------------------------------
------
-----------
-----------------
---------------
-----------------------
-
--------------
--------
---------- ----------------- --
------
--
--
------ ------- ----总结
该 npm 包提供了多种前端开发常用的工具，可以极大加速前端开发工作的进程。 在日常开发中，建议使用该工具包，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/108011