html模板语言有哪些,请问前端开发有什么好的基于 HTML 模板引擎?

HTML 是没有重用代码的机制的,如果页面由几个非常相似的部分组成,是没办法重用代码的,这是要用模板引擎的重要原因。

HTML 里面的冗余数据太多了(所以才有 Emmet),编辑比较复杂的 HTML 的时候很是麻烦,如果没有编辑器的语法检查,很难保证写出来的代码没有语法错误。当然,这一点是我的个人审美,也许有人认为 HTML 较 Jade 更清楚呢。我觉得这么认为的人可能是对 Jade 的了解还比较少(说起来 Jade 的官网只介绍了一小部分的语法,看完了觉得稀里糊涂也很正常),所以觉得没有熟悉的 HTML 清楚。

我是 Jade 的脑残粉,Jade 和 EJS/Handlebars 相比有一个重要区别,Jade 只能处理 HTML, 而 EJS/Handlebars 其实并不关心被处理的文本是不是 HTML. 因此 Jade 的语法略复杂,报错的原因更多,但 Jade 编译出来的一定是语法正确的 HTML.

我用 Jade 的时候都是直接在后端渲染,在前端使用 Jade 似乎不是一个好主意(因为 Jade 要比 Handlebars 之类的库大很多)。我一般是在后端用 Jade, 前端配合一个轻量级的模板引擎(jquery-tmpl):

script(id='members-template', type='text/x-jquery-tmpl')

header= t('ticket.members')

{{each members}}

a.pull-left

img.img-avatar(src='${$value.preferences.avatar_url}', alt='${$value.username}')

{{/each}}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值