javascript - Javascript中的HTML模板?没有在页面中编码?

标签 javascript templates

我是一个主要从事 Perl 服务器端工作的网络人,我正在慢慢得出一些结论。

  • 通过 Javascript 编写大部分代码并通过 AJAX 来回折腾数据比点击提交并重新加载大部分相同的页面要好得多
  • 我喜欢 jQuery 是因为我喜欢 CSS,而且把又长又可怕的定义链接在一起很有趣
  • 模板的东西有些东西。

  • 您希望您的 HTML 元素看起来像您的 HTML 元素,并且在 HTML 中定义它更容易:
    <div class="sidebar_elem">
         <a href=""> TEXT</a>
    </div>
    

    比在 Javascript 或 jQuery 中拼凑相同:
    ( '<div/>' )
         .attr('id' , 'sidebar_elem' + i )
         .addclass( 'sidebar_elem' )
         ;
    ( '<a/>' )
         .attr('href' , link_url )
         .appendTo( '#sidebar_elem' + i )
         ;
    

    这就是说我不再是一个模板不可知论者,但我不知道该相信哪个模板工具。我已经研究了一些基于 jQuery 的模板插件,但我还没有对它们中的任何一个感到满意,在部分是因为我看到的那些似乎想将所有代码放入页面本身,这打破了“只有标记进入 HTML 文件,只有样式进入 CSS 文件,只有代码进入 JS 文件”的口头禅,我一直在背诵.

    因此,我正在寻找一种基于 Javascript 的模板工具,它允许我将模板放在外部文件中,这样我就可以对一系列网页进行模板更改。如果它是基于 jQuery 的,那就太好了,我需要学习的东西更少,但它不会破坏交易。

    最佳答案

    有几个不错的:

    Mustache.js
    Pure.js
    Json Template

    如果你想要一个 jQuery 版本,Tempest看起来不错。

    关于javascript - Javascript中的HTML模板?没有在页面中编码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3585573/

    相关文章:

    c++ - 关于成员和自由运算符的消歧规则

    c++ - C++ 中带有编译时检查的链表

    javascript - 流类型和合并json对象

    c# - 如何匹配和返回一个字符串的多个实例,其中在任何索引处都可以包含单撇号?

    javascript - 如何在 Electron 应用程序中使用音乐元数据摆脱引用错误

    javascript - 让 JavaScript if 语句定期运行,而不是在不使用 setInterval 的情况下运行一次

    javascript - 如何将值与 ember 模板中的查找表进行比较

    C++模板非类型参数类型推导

    javascript - 通过 2 路绑定(bind)在嵌套模板之间切换 polymer

    c++ - 为什么这个简单的enable_if不起作用?