简介
@alpaka/core 是一个前端的基础库，它提供了许多常用的工具函数和组件，可以帮助我们更快地开发前端项目，提高开发效率。
安装
你可以通过 npm 安装 @alpaka/core：
--- ------- ------------
使用
工具函数
@alpaka/core 提供了许多实用的工具函数，比如 trim ，用于去除字符串两端的空格：
------ - ---- - ---- -------------- ------------------ ------ ------- --- -- -- ------- --------
再比如 debounce ，用于防抖动，避免频繁触发某个函数：
------ - -------- - ---- -------------- -------- ------------ -- - -- --- - --------------------------------- ---------------------- -----
组件
@alpaka/core 还提供了一些实用的组件，比如 Modal ，用于弹出模态框：
------ - ----- - ---- -------------- ----- ----- - --- ------- ------ ------- --------- -------- -------- -- -------- -- ------------
再比如 Loading ，用于显示加载动画：
------ - ------- - ---- -------------- ----- ------- - --- --------- --------------
示例代码
下面是一个使用 @alpaka/core 的例子，它展示了如何使用 Modal 和 Loading ：
------
------- ----------------- ------------
------- --------------
------ - ------ ------- - ---- --------------
----- ------ - ---------------------------------
----- ----- - --- -------
------ ------- ---------
-------- -------- -- --------
--
----- ------- - --- ---------
-------------------------------- ----- -- -- -
--------------
--- -
----- -------------------------------
------------
- ----- ------- -
--------------------
- ------- -
--------------
-
--
---------
-------在这个例子中，我们创建了一个按钮，当用户点击按钮时，我们显示了一个加载动画，并尝试从 GitHub API 获取数据。如果成功，则显示一个模态框，否则会在控制台输出错误信息。最后，我们隐藏了加载动画。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/alpaka-core