扫码关注官方订阅号
84669人学习
65727人学习
82984人学习
467778人学习
498837人学习
471966人学习
256484人学习
152542人学习
224170人学习
139536人学习
81804人学习
85022人学习
11944人学习
20001人学习
60816人学习
5487人学习
15007人学习
2150人学习
6980人学习
194925人学习
359900人学习
1142人学习
19058人学习
3206人学习
180550人学习
48569人学习
17603人学习
40936人学习
1049人学习
750人学习
32909人学习
在angular介绍中,说一般模板是“将静态的字符模板和数据绑定,生成新字符,然后通过innerHTML插入到页面元素中”,而angular则是“AngularJS编译器使用的是带指令的DOM,而不是字符串模板。”但是在指令中,template参数也不是一个字符串么?
小伙看你根骨奇佳,潜力无限,来学PHP伐。
静态的字符模板每次编译都会重新渲染页面,例如ejs
<p><%= title %></p>
每次title变化,都会重新生成p标签并插入到页面当中,可以将编译过程简单抽象
function compile(title) { var p = document.createElement('p'); p.innerText = title; document.body.appendChild(p); }
每次渲染p标签都会重新生成替换掉原来的内容,而且相应的事件也会重新绑定,可以理解为局部页面刷新.
AngularJS编译器不会反复的编译内容,还拿上面的例子举例
var p; function compile(title) { if (!p) { p = document.createElement('p'); document.body.appendChild(p); } p.innerText = title; }
首次编译后将内容插入页面当中,以后每次数据变化触发渲染,只更新p的内容,而不是重新替换便签.这是AngularJS编译器与静态的字符模板的最大区别.
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号
精品班
技术支持
技术咨询
学习群
会员优惠
返回顶部
静态的字符模板
静态的字符模板每次编译都会重新渲染页面,例如ejs
每次title变化,都会重新生成p标签并插入到页面当中,可以将编译过程简单抽象
每次渲染p标签都会重新生成替换掉原来的内容,而且相应的事件也会重新绑定,可以理解为局部页面刷新.
AngularJS编译器
AngularJS编译器不会反复的编译内容,还拿上面的例子举例
首次编译后将内容插入页面当中,以后每次数据变化触发渲染,只更新p的内容,而不是重新替换便签.这是AngularJS编译器与静态的字符模板的最大区别.