在前端开发中，使用 npm 包已经成了基本操作。但是在众多的 npm 包中，如何选择一个好用且适合自己使用的包呢？今天我们来介绍一个非常实用的 npm 包 --- g.iimse。
1. g.iimse 是什么
g.iimse 是一个针对于前端开发的常用功能集合，它封装了一些常用的函数和方法，方便前端开发者在开发过程中快速实现一些功能。
2. g.iimse 的安装
使用 npm 包管理器可以很容易地安装 g.iimse：
npm install g.iimse
3. g.iimse 的使用
安装完成 g.iimse 后，在需要使用的页面中先引入它：
import giimse from 'g.iimse';
然后就可以使用它所提供的各种函数和方法了。
3.1 DOM 操作
g.iimse 提供了很多 DOM 操作的方法，比如获取元素、创建元素、添加 class、添加事件等。
3.1.1 获取元素
可以使用 giimse 的 select 方法获取元素，它与传统的 document.querySelector 功能相同，但是不需要再写 document，使用更加方便：
let el = giimse.select('#elementId');3.1.2 创建元素
使用 giimse 的 createElement 方法可以创建元素：
let newEl = giimse.createElement('div', {class: 'new', text: '这是新创建的元素'});其中第一个参数为标签名，第二个参数为元素属性。
3.1.3 添加 class
使用 giimse 的 addClass 方法可以添加 class：
giimse.addClass(el, 'red');
3.1.4 添加事件
使用 giimse 的 on 方法可以添加事件：
giimse.on(el, 'click', function() {
alert('你点击了该元素');
});3.2 辅助功能
除了 DOM 操作外，g.iimse 还提供了一些其他的辅助功能。
3.2.1 异步操作
使用 giimse 的 async 方法可以执行异步操作，它支持 Promise 和 Callback 两种形式：
-- -------------------- ---- ------- -- ------- -- ----- -------- ---------------- - --- --- - ----- ------------------- ------------------ ------ ----------- - -- -------- -- --------------------- -------------- - ------------------ ---
3.2.2 cookie 操作
使用 giimse 的 cookie 方法可以方便地操作 cookie：
// 设置 cookie
giimse.cookie.set('name', 'value', 7);
// 获取 cookie
let nameValue = giimse.cookie.get('name');
// 删除 cookie
giimse.cookie.delete('name');4. 示例代码
下面是一个使用 giimse 实现简单搜索功能的示例代码：
-- -------------------- ---- -------
------ ------ ---- ----------
--- ----------- - ------------------------------
--- --------- - ----------------------------
-------------------- -------- ---------- -
--- ------- - -------------------------
-- ---------------- -
-- ------
---------------------------- - --------
--------- -- -----------
---------- -- -
-- ------
-------------------
-- ------- ------
--- ------- - ---------------------------------- -- ---
---------------------------------- ------- - --- - -------- ---
---
-
---在这个示例代码中，使用了 giimse 的 select、on、html、fetch、cookie 等方法，实现了一个简单的搜索功能，并将搜索历史保存到了 cookie 中。
5. 总结
g.iimse 是一个非常实用的前端工具库，它提供了很多实用的 DOM 操作和辅助功能，能够极大地提高前端开发的效率。在使用 g.iimse 的过程中，需要注意使用方法和参数的规范，以免出现错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562a381e8991b448dfd8a