用于移动 Web 应用程序的 JavaScript 模板引擎

标签 javascript templates jquery-mobile jqtouch template-engine

<分区>

我正在使用 jQTouch 构建应用程序。我想利用其中一种 JavaScript 模板引擎来避免使用从 JSON 服务返回的数据手动生成 HTML。

哪些引擎以提供良好的移动兼容性而闻名,并与 jQTouch(和 jQuery Mobile)共存良好?

最佳答案

如果您打算仅在移动浏览器/包装器(或现代桌面浏览器)中使用该引擎,则兼容性不是问题。此外,性能对于基于 Web 的移动应用程序至关重要。

所以你有几个选择:

  • jQuery 模板
    • 优点:或多或少有据可查、使用广泛。
    • 缺点:它不再由 jQuery 团队维护,即永久测试版。
  • Clousure 模板:
    • 优点:丰富的构造 block - ifs、foreach 等。可以为多个目标(js、java ...)编译相同的模板
    • 缺点:即使在开发阶段,您也必须执行编译器来编译模板,也就是说,客户端编译不可用。对我来说,这是一种痛苦。虽然它非常强大,但如果仅用于网络,就像“火箭筒杀死蚊子”。
  • 远端
    • 从未使用过,但它看起来更像是一个像 knockout 或 angularjs 这样的“动态 UI 引擎”,而不是模板引擎。
  • mustache (我选这个)。
    • 它有一个非常简单(但功能强大)的语法——你可以在 15 分钟内学会 mustache ——并且通过不提供“复杂的 block ”,它强制你创建好的模型而不是带有一堆 ifs 的冗长复杂的模板, whiles 和 foreachs。
    • 有超过10种语言的引擎版本,包括javascript、.net、java、ruby...
    • 缺点:在某些情况下,简单性会受到限制
  • mustache + 霍根
    • Hogan 是 Twitter 人员编写的 Mustache 模板语言的编译器。
    • 真的很快
    • 它可以在运行时编译模板或为打包工具预编译。
    • AMD 兼容(有一个 requirejs 插件)
    • 正在积极开发中
    • 缺点:记录不足。

mustache :http://mustache.github.com/mustache.5.html

霍根:https://github.com/twitter/hogan.js

关于用于移动 Web 应用程序的 JavaScript 模板引擎,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7477000/

相关文章:

c++ - 使用可变参数模板创建静态数组

Jquery 移动导航栏到侧栏

javascript - 如何在 JSP 中的 onClick ( button ) 上调用 Javascript 函数?

javascript - 将 Photoshop HSL 调整图层转换为颜色矩阵?

javascript - 匹配多个数组

android - PhoneGap/JQuery Mobile - 键盘可见时页面样式中断

javascript - 具有向 Apple AppStore 提交 HTML/JS 应用程序(例如 jQuery Mobile 和 PhoneGap)的经验

javascript - 为什么你可以在 JS 而不是 PHP 中推送到数组引用

html - 如何修复仅适用于 Outlook 2003、2007 和 2013 的电子邮件模板

c++ - 为什么在使用模板时不能使用前向声明?