首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >mustache模板引擎

mustache模板引擎

原创
作者头像
Shoulds
发布2022-08-09 16:15:13
发布2022-08-09 16:15:13
1.8K0
举报
文章被收录于专栏:mustache模板引擎mustache模板引擎

模板引擎是将数据变为视图的一种解决方案

历史上数据变为视图:

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 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档