前言
在前端开发中，我们经常需要使用各种 JavaScript 库、插件或模块来辅助开发。而 npm 是目前最为流行的 JavaScript 包管理器，它为我们提供了海量的开源工具和库。在这里介绍一个由贝森企业版开发的 npm 包 @beisen/bsapp-libs，它提供了一些常用的功能模块，能够帮助我们更快速地开发一些企业级应用。
模块介绍
1. storage
storage 模块提供了对 localStorage、sessionStorage 的封装，并且支持对 JSON 对象进行增删改查操作。如下是该模块的使用示例：
-- -------------------- ---- ------- ------ - ------- - ---- --------------------- -- --- ------------------ - ----- --------- ---- -- --- -- --- ----- ---- - ------------------- ------------------ -- - ----- --------- ---- -- - -- --- ----------------------
2. ajax
ajax 模块提供了对 axios 的二次封装，支持设置全局的请求头、请求超时时间等，并且可以在请求前、请求后进行拦截或者处理。如下是该模块的使用示例：
-- -------------------- ---- -------
------ - ---- - ---- ---------------------
-- ------
----------------
-------- ------------------------
-------- ------
-------- -
--------------- ------------------
-
---
-- -- --- --
--------------------- - ------- - ----- - - ----------- -- -
----------------------
---
-- -- ---- --
----------------------- - --------- -------- --------- -------- ----------- -- -
----------------------
---3. event-bus
event-bus 模块是一个事件总线，它提供了简单的 API 来让多个组件之间进行通信。如下是该模块的使用示例：
-- -------------------- ---- ------- ------ - -------- - ---- --------------------- -- ---- ------------------------- ---- -- - ------------------ --- -- ---- --------------------------- - ----- --------- ---- -- ---
4. utils
utils 模块提供了一些常用的工具函数，如格式化日期、检查手机号码等。如下是该模块的使用示例：
-- -------------------- ---- ------- ------ - ----- - ---- --------------------- -- ----- ----- ---------- - -------------------- ------- -------------- ------------------------ -- ------------ -- ---------- ----- ----- - --------------------------------- ------------------- -- ----
安装与使用
可以通过以下命令安装 @beisen/bsapp-libs：
npm install @beisen/bsapp-libs --save
然后在项目中引入需要的模块即可使用，如下是一个完整的示例：
-- -------------------- ---- ------- ------ - -------- ----- --------- ----- - ---- --------------------- -- - ----- --------- -------------------- - ------ -- -- ------- -- ------------------ - ----- --------- ---- -- --- -- -- ---- -- --------------------- - ------- - ----- - - ----------- -- - ---------------------- --- -- -- -------- -- ------------------------- ---- -- - ------------------ --- -- -- ----- -- ----- ---------- - -------------------- ------- -------------- ------------------------ -- ------------
总结
@beisen/bsapp-libs 是一个非常实用的 npm 包，提供了常用的基础功能模块，可以大大提高我们的开发效率。在使用时，我们可以根据具体需求引入某个或某些模块，非常灵活。同时，该包的源码也可以供我们学习，了解其内部实现原理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/114662