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/

相关文章:

javascript - 使用 setInterval() 重复脚本

javascript - 我的 javascript 作用域出了什么问题

C++ - 关于函数模板实例化的规则

c++ - EASTL 性能

javascript - 使用 SDK 在 Firefox 插件中查询添加书签的提要

Javascript - 如何为scrollIntoView设置动画

javascript - 防止下拉菜单在移动设备上自动重新打开

templates - Kotlin:具有通用约束的委托(delegate)

c++ - 在可变参数模板中使用 std::placeholders

c++ - 将函数作为未知类型的类模板参数传递