代码之家  ›  专栏  ›  技术社区  ›  Nikita Fedyashev

何时使用JavaScript模板引擎?

  •  19
  • Nikita Fedyashev  · 技术社区  · 16 年前

    [source]

    <script id="contact-list-item-template" type="application/template">
    
        <li class="contact clear-fix">
    
                <div class="summary">
                        <a class="name">${name}</a>
                </div>
    
                <div class="actions">
                        <a href="javascript:void( 0 )" class="more">more</a> &nbsp;|&nbsp;
                        <a href="#/contacts/edit/${id}" class="edit">edit</a> &nbsp;|&nbsp;
                        <a href="#/contacts/delete/${id}" class="delete">delete</a>
                </div>
    
                <dl class="details clear-fix">
                        <dt>
                                name:
                        </dt>
                        <dd>
                                ${name}
                        </dd>
                        <dt>
                                phone:
                        </dt>
                        <dd>
                                ${phone}
                        </dd>
                        <dt>
                                email:
                        </dt>
                        <dd>
                                ${email}
                        </dd>
                </dl>
    
        </li>
    

    我想问一下使用这样的JavaScript模板引擎的目的是什么? Separation of concerns ? 它是否有助于解决浏览器内存泄漏问题?

    相关讨论:

    JQuery templating engines

    1 回复  |  直到 9 年前
        1
  •  41
  •   Tarik    16 年前

    在以下几种情况下,模板化是一个很好的解决方案:

    • 从服务器加载所有数据,尤其是在富列表显示中
    • 需要向页面添加新的复杂内容的任何位置

    资料来源: http://www.west-wind.com/Weblog/posts/509108.aspx

        2
  •  0
  •   Muhammad Usama Rabani    5 年前

    A. template engine 使我们能够在应用程序中使用静态模板文件。在运行时,模板引擎用实际值替换模板文件中的变量,并将模板转换为发送给客户端的HTML文件。这种方法使设计HTML页面更容易。

    赞成的意见:

    • 鼓励良好的代码组织(数据生成与 演示文稿代码)。
    • 需要大量字符串连接)
    • 更高的生产效率(常见问题,如输出编码、, 已处理迭代、条件等)。

    欺骗:

    • 这比模板引擎更快。