VUE:手写vue源码-模板解析(*****五颗星)
注意:
Node.childNodes 返回包含指定节点的子节点的集合,该集合为即时更新的集合
nodeType 属性可用来区分不同类型的节点,比如 元素, 文本 和 注释。
Node 接口的 textContent 属性表示一个节点及其后代的文本内容。
str.replace(regexp,function(str,正则匹配的字符串))一个用来创建新子字符串的函数,该函数的返回值将替换掉第一个参数匹配到的结果
1.手写vue源码-模板解析
index.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>手写vue模板解析</title> </head> <body> <div id="app"> <h1>{{ str }} <span>啦啦啦</span></h1> {{str}} <p>{{a}}</p> </div> <script type="text/javascript" src="newvue.js"></script> <script type="text/javascript
剩余60%内容,订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理