介绍
前端工程师在开发过程中，经常需要进行 DOM 操作和事件监听等工作。而viktor正是一个专门用于处理 DOM 操作和事件监听的快捷工具库。它为前端开发提供了更加方便快捷的解决方案。
安装
你可以通过npm直接安装viktor:
npm install viktor --save
可以看到，我们通过 --save 参数，将依赖的包名保存到了我们项目的 package.json 文件中，这样就方便了我们对项目的依赖管理。
引入
在使用时，我们需要引入viktor工具库：
import Viktor from 'viktor';
使用
Viktor 中提供了很多常用的DOM操作及事件监听的方法，如下：
DOM操作
Viktor.query(selector, scope): 获取DOM节点参数：
selector：CSS选择器scope：DOM节点(选填)
返回结果：DOM节点
示例：
import Viktor from 'viktor'; let el = Viktor.query('.demo');$create(tag, attr): 创建DOM节点参数：
tag：标签名attr：DOM节点属性(选填)
返回结果：DOM节点
示例：
import Viktor from 'viktor'; let el = Viktor.$create('div', { class: 'demo' });append(parent, child): 在父节点中增加子节点参数：
parent：父节点child：子节点
返回结果：无
示例：
import Viktor from 'viktor'; let parent = Viktor.query('.parent'); let child = Viktor.$create('div', { class: 'child' }); Viktor.append(parent, child);remove(el): 删除DOM节点参数：
el：要删除的节点
返回结果：无
示例：
import Viktor from 'viktor'; let el = Viktor.query('.demo'); Viktor.remove(el);
事件监听
on(el, event, handler): 绑定事件参数：
el：要绑定事件的节点event：事件名handler：事件处理程序
返回结果：无
示例：
import Viktor from 'viktor'; let el = Viktor.query('.demo'); Viktor.on(el, 'click', function() { console.log('clicked'); });off(el, event, handler): 解绑事件参数：
el：要解绑事件的节点event：事件名handler：事件处理程序
返回结果：无
示例：
-- -------------------- ---- ------- ------ ------ ---- --------- --- -- - ---------------------- --- ------- - ---------- - ----------------------- -- ------------- -------- --------- -------------- -------- ---------
学习与指导意义
Viktor 是一个非常轻量级的工具库，但它提供了一些基础性的方法，对于前端开发中 DOM 操作和事件监听的需求，提供了更快捷、方便的解决方案。
使用 Viktor 可以让我们的代码更加简洁、易读、易维护，提高我们的开发效率。同时，Viktor 的源码也非常简短，可以让我们更好地理解 DOM 操作和事件监听的相关知识点，加深我们对基础知识的理解。
因此，我建议前端开发者都应该学会使用 Viktor，并灵活运用它提高自己的工作效率。
示例代码
-- -------------------- ---- ------- ------ ------ ---- --------- --- -- - ---------------------- --- ----- - --------------------- - ------ ------- --- ----------------- ------- ---------------- -------- ---------- - ----------------------- --- ----------------- ---------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ea481e8991b448dc077