html函数定义格式(js加减乘除运算代码)

由于parse函数代码实在过于庞大,我这里就不一次性贴出源代码了,大家可以前往(https://github.com/vuejs/vue/blob/0baa129d4cad44cf1847b0eaf07e95d4c71ab494/src/compiler/parser/index.js#L79)查看源代码。

我们来总结一下该函数的主要功能:

1、warnOnce 函数(用于提示错误)

2、closeElement (处理标签的结束,匹配</ 开头)

3、trimEndingWhitespace 删除结尾的空白节点

4、验证根容器的合法性

规则如下:

1、标签名称不能是 slot 或者 template

2、不能存在 v-for 指令

5、parseHTML 函数(解析html的核心函数),该函数会有单独的篇章来分析,我们先来说一下 “parseHTML ” 函数的参数,主要有12个参数

1、warn 类型为函数

主要用于错误提示

2、expectHTML 类型为布尔值

主要用于判断出来标签结束

3、isUnaryTag 类型为布尔值

判断是否为一元标签 如:<br/>、<hr /> <input /> <img />等

4、canBeLeftOpenTag 类型为函数

是否为此类标签:’colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source’

5、shouldDecodeNewlines 类型为布尔值

解码换行符

6、shouldDecodeNewlinesForHref 类型为布尔值

解码href换行符

7、shouldKeepComment 类型为布尔值

是否保留注释

8、outputSourceRange 类型为布尔值

是否保留匹配范围(start、end)的位置

9、start 类型为函数

处理匹配的标签开始

10、end 类型为函数

处理匹配的标签结束

11、chars 类型为函数

处理匹配的空白标签

12、comment 类型为函数

处理模板内的注释标签

(0)
小多多的头像小多多创始人

相关推荐

发表回复

登录后才能评论