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%内容,订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理
查看12道真题和解析
