1.3.0 • Published 4 years ago
trans-ast v1.3.0
trans-ast
trans-ast是一个可以将html字符串解析为AST(JS)对象的一个插件,提供Template转AST,AST转DOM的功能,解析大量HTML字符串的效率相比传统DOM操作提升25倍以上
演示地址: trans-ast-demo
安装
npm install --save trans-ast
oryarn add trans-ast
使用
Node环境const $AST = require("trans-ast")
Vue 或 Reactimport $AST from 'trans-ast'
提供方法
parseAST(template)
参数 | 描述 |
---|---|
template (必须) | String类型,合法的html字符串 |
返回值 | 描述 |
AST | Object类型,解析后的AST对象 |
parseDOM(AST)
参数 | 描述 |
---|---|
AST (必须) | Object类型,由parseAST方法解析后的AST对象 |
返回值 | 描述 |
ElementNode | Node节点,AST转换后的DOM |
AST属性说明
属性 | 描述 |
---|---|
attrsMap | Map类型的标签属性,包含自定义属性 |
attrslist | List类型的标签属性,包含自定义属性 |
children | 当前元素的子元素 |
parent | 当前元素的父元素 (已废弃) |
tag | 标签名称 |
type | 1:元素 2:文本 |
expression | 可执行字符串,后续版本会支持直接解析 |
text | 文本内容 |
vue中全局注册
// 引入
import $AST from 'trans-ast'
// 注册
vue.prototype.$AST = $AST
// 使用
vm.$AST.parseAST(template)
vm.$AST.parseDOM(AST)
1.3.0
4 years ago
1.2.0
4 years ago
1.2.8
4 years ago
1.1.9
4 years ago
1.2.7
4 years ago
1.1.8
4 years ago
1.2.6
4 years ago
1.1.7
4 years ago
1.2.5
4 years ago
1.1.6
4 years ago
1.2.4
4 years ago
1.2.3
4 years ago
1.2.1
4 years ago
1.2.9
4 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.1.3
4 years ago
1.1.1
4 years ago
1.1.0
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago