博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用mustache js模板引擎
阅读量:7009 次
发布时间:2019-06-28

本文共 745 字,大约阅读时间需要 2 分钟。

Mustache 是个不错的js,源码:https://github.com/janl/mustache.js

演示:http://mustache.github.com/#demo,不仅支持js,还有PHP/RUBY/nodejs等好多语言。市面上的JS模板引擎也不少了,在公司的项目中,考虑在mustache.js、jquery-tmpl两个里面选择,最后选择了mustache,因为它支持的语言更多些,可以写成JQ插件,不依赖其他库,用在团队比较适合,并且一些不错的web项目也选择了它,性能方面应该都不会有太大差距。

js模板引擎可以把模板分离出来,在ajax使用较多的场合非常适用。以前我们可能会使用拼接的方法,比如:

  1. var html=[];
  2. html.push(‘<h1>’); html.push(‘header’);
  3. html = html.push(‘</h1>’).join(‘’);

当遇到数据结构复杂 、大量页面都需要这样做的时候,js看起来可能非常乱,维护很不便。使用js模板引擎,可以方便的把view分离出来。

mustache的一些说明:http://mustache.github.com/mustache.5.html

if语句

因为是Logic-less templates,无逻辑,只有标签,无if、for等,不过这些逻辑可以在写在js里面。基本还是适合大部分场合了。如果使用if语句,可以在js里面做一些判断增加一个has标签,然后在模板里面调用,比如再模板里可以这样:

    1. {
      {#
      hasValue}}
    2. 有{
      {
      value}}的情况
    3. {
      {/
      hasValue}}
    4. {
      {^
      hasThumb}}
    5. value,显示默认值
    6. {
      {/
      hasThumb}}

转载地址:http://hevtl.baihongyu.com/

你可能感兴趣的文章
Mozilla 发现用于中间人攻击的证书
查看>>
Docker 中管理数据 【已翻译100%】
查看>>
《Unity 5.x游戏开发实战》一2.2 Unity中的C#脚本
查看>>
《OOD启思录》—第2章2.3节 类耦合与内聚
查看>>
【好书推荐】适合开发者学习DevOps的5本好书
查看>>
11个Linux基础面试问题
查看>>
《嵌入式 Linux C 语言应用程序设计(修订版)》一导读
查看>>
《Python金融大数据分析》一2.3 延伸阅读
查看>>
《Cocos2d 跨平台游戏开发指南(第2版)》一2.7 添加过渡效果
查看>>
《从缺陷中学习C/C++》——6.10 delete与delete[]的区别
查看>>
ThinkPHP中的RBAC
查看>>
2015级C++第12周实践项目 运算符重载(一)
查看>>
Android View事件传递详解
查看>>
力荐:一条update语句引发的“血案”
查看>>
Elasticsearch-SQL
查看>>
我的失败与伟大 —— 上市之后的规划
查看>>
【Spark Summit East 2017】不必犹豫,使用Spark 2.0结构化流
查看>>
三十分钟学会SED
查看>>
HTTPFS: 基于HTTP操作hadoop hdfs文件系统
查看>>
使用jquery获取父元素或父节点的方法
查看>>