前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >mustache模板引擎

mustache模板引擎

原创
作者头像
Shoulds
发布2022-08-09 16:15:13
1.5K0
发布2022-08-09 16:15:13
举报
文章被收录于专栏: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 条评论
热度
最新
推荐阅读
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档