简介
node-atomizr 是一个可以将 HTML 的标签和属性进行分离的 npm 包，适合于前端开发中对于文本节点的操作。
安装
使用 npm 进行安装。
npm install node-atomizr
使用
将标签和属性分离
const atomizr = require('node-atomizr');
const html = '<div class="container"><h1>Node Atomizr</h1></div>';
const atoms = atomizr.parse(html);
console.log(atoms);输出：
[
{ type: 'openTag', value: 'div' },
{ type: 'attribute', name: 'class', value: 'container' },
{ type: 'openTag', value: 'h1' },
{ type: 'text', value: 'Node Atomizr' },
{ type: 'closeTag', value: 'h1' },
{ type: 'closeTag', value: 'div' }
]将标签和属性合并
-- -------------------- ---- ------- ----- ------- - ------------------------ ----- ----- - - - ----- ---------- ------ ----- -- - ----- ------------ ----- -------- ------ ----------- -- - ----- ---------- ------ ---- -- - ----- ------- ------ ----- -------- -- - ----- ----------- ------ ---- -- - ----- ----------- ------ ----- - -- --------------------------------------
输出：
'<div class="container"><h1>Node Atomizr</h1></div>'
深度学习
Atomizr 采用了自动机的思想进行分析，实现了对 HTML 的自动化分析过程，可以自动分离出 HTML 中的标签和属性。这个过程正式应用了有穷状态自动机（Finite-state automata, FSA）和机器学习算法。
指导意义
在前端开发过程中，经常需要对文本节点进行操作，而且 HTML 中的标签和属性的数量种类也非常多，如果手动处理的成本非常高。而使用 node-atomizr 可以自动实现对 HTML 标签与属性的分离合并，简化了前端开发中文本节点的操作，提高了效率。
结论
通过本文对于 node-atomizr 包的介绍，我们可以看出 node-atomizr 的使用非常简单，而且可以大大提高前端开发的效率，是前端开发中必备的 npm 包之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c5b81e8991b448e5e1f