npm 是 JavaScript 包管理器，通过 npm 可以安装第三方模块，让开发变得更加高效。microlibrary-pujan 是一个小型库，用于处理 DOM 操作，本文将介绍如何使用它。
安装
microlibrary-pujan 可以通过 npm 安装：
npm install microlibrary-pujan --save
使用方法
在 HTML 文件中引入 microlibrary-pujan：
<script src="node_modules/microlibrary-pujan/dist/microlibrary-pujan.min.js"></script>
或使用 ES6 模块化方式：
import { $, on } from 'microlibrary-pujan';API
$()
从 DOM 中获取一个元素。
参数
selector：字符串，表示要获取的元素的 CSS 选择器。
返回值
获取到的 DOM 元素，如果选择器对应多个元素，只返回第一个。
示例
const btn = $('button');on()
给元素绑定事件监听器。
参数
el：DOM 元素或字符串，表示要绑定事件监听器的元素或元素的 CSS 选择器。eventType：字符串，表示要绑定的事件类型。callback：函数，表示事件处理函数。
返回值
无，只是绑定事件监听器。
示例
const btn = $('button');
on(btn, 'click', e => {
console.log(e.target);
});实战示例
下面是利用 microlibrary-pujan 实现一个简单的模态框的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- --------------- --
------------------------- ---- - -----------
-------
------ -
-------- -----
--------- ------
---- --
----- --
------- --
------ --
----------------- ------- -- -- -----
-------- -----
-
----------- -
--------- ---------
---- ----
----- ----
---------- --------------- ------
----------------- -----
------ ------
-------- ---- -----
-------------- ----
-
--------
-------
------
------- -----------------------------
---- ------------- -----------
---- -------------------
----------------
-------- ---------
------- ------------------------------
------
------
------- --------------------------------------------------------------------------------
--------
----- ------- - ----------------
----- -------- - -----------------
----- ----- - ------------
----------- -------- -- -- -
------------------- - --------
---
------------ -------- -- -- -
------------------- - -------
---
---------
-------
-------总结
microlibrary-pujan 是一个非常实用的 DOM 操作库，它提供了简单易用的 API，让我们能够更加高效地处理 DOM 操作。本文介绍了如何安装和使用 microlibrary-pujan，还给出了一个实战示例。希望大家能够学习到有用的知识，提高前端开发的能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f461d8e776d08040fb8