接触过的模板引擎不算多,只用过jsp和ejs,jsp属于Java语系范畴也不算难,对于大前端来说,Handlebars怎么能够缺席,前端必须掌握技能之一,模板引擎Handlebars。
Handlebars 是 JavaScript 一个语义模板库,通过对view
和data
的分离来快速构建Web模板。Handlebars是全球使用率最高的模板引擎,也成为全球最受欢迎的模板引擎,Handlebars模板看起来和HTML一样,只是嵌入了handlebars
表达式。
附上参考教程:https://www.jianshu.com/p/2ad73da601fc
优点:
1:使用Handlebars,可以轻松创建语义化模板;
2:可以保证模板加载和运行的速度;
3:基本语法极其简单,使用{
{value}}将数据包装起来即可;
4:轻量级,兼容性好;
步骤:
1:使用<script>
标签引入handlebars
模板:
<!--创建一个模版,id是必须的-->
<script id="entry-template" type="text/x-handlebars-template">
<div class="entry">
</div>
</scri