21

下面是来自 Ben Nadel 的演示单页长寿命 AJAX 应用程序的 JavaScript 模板示例，取自：[来源]

<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 模板引擎的目的是什么？是为了节省带宽吗？这只是关注点分离的问题吗？它有助于解决浏览器内存泄漏问题吗？

什么时候应该使用模板引擎，什么时候更容易使用原始 HTML AJAX 响应？

相关讨论：

JQuery 模板引擎

4

2 回答 2

41

在以下几种情况下，模板是一个很好的解决方案：

  • 从服务器加载所有数据，尤其是在富列表显示中
  • 在列表中添加或更新新项目
  • 任何需要向页面添加新的复杂内容的地方
  • 任何需要客户端 HTML 渲染的东西

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

于 2010-01-16T10:44:12.553 回答
0

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

但是，我们有利有弊

优点：

  • 鼓励良好的代码组织（数据生成与表示代码分开）。
  • 输出生成更具表现力（模板语法不需要大量的字符串连接）
  • 更高的生产力（已经处理了输出编码、迭代、条件等常见问题）。
  • 通常总体上需要较少的代码（尤其是玉有非常简洁的语法）

缺点：

  • 一些性能开销，即您可以动态生成比模板引擎更快的 HTML。
  • 还有一件事要学
于 2020-12-17T19:42:39.753 回答