模板引擎是将数据变为视图的一种解决方案
历史上数据变为视图:
1.纯DOM法
用法描述:比如数组arr中的数据渲染到视图中,首先在script标签中遍历arr数组,然后通过document.getElementById 去创建一个节点(孤儿节点),然后在把遍历的数据给每一个孤儿节点,
最后把遍历前获取到的父元素通过appendChild(),实现渲染
2.数组Join法
用法描述:把数据遍历的时候在里面通过innerHTML 把HTML字符串最后用join('')的方法去除引号在添加到元素中渲染
3.Es6的反引号法
4.模板引擎
下载:npm , CDN在浏览器中使用
不能写表达式,逻辑很弱
mustache的过程:模板字符创编译tokens,在被数据结合之后解析成dom字符串
tokens是一个js嵌套数组,简单点说就是模板字符串的js表示
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。