0

当你有一个小的 HTML 模板时，将与之相关的 CSS 和 Javascript（事件绑定等）放在 HTML 旁边的同一个文件中不是很好吗？

您可以只将它们放入和标记中，但通常您不想这样做，因为当您多次渲染模板时，您最终会在 DOM 中一遍又一遍地增加代码。此外，每个受人尊敬的 web 开发人员都希望他们的 CSS 和 Javasciprt 在单独的文件中。

但实际上实现一个系统非常简单，它会遍历所有模板，删除所有标签及其内容并将它们放入一个大的 .css 文件中，然后将内容放入 .js 文件中，这样您就可以从单独的文件中加载它们文件，最后模板中只剩下 HTML。

我已经这样做了，我仍在学习如何使用它的最佳实践（例如，你想把 Javasript 的哪些部分放在那里？），但这感觉就像我一直想要开发 web 的方式应用。所以我想知道是否有任何系统使用相同的方法。

4

1 回答 1

0

解析 HTML 以删除重复标签作为标准做法似乎是错误的。在任何情况下，分离内容、风格和行为都应该是头等大事。为什么结合一些东西只是为了再次撕开它？想象一下，您的 CSS 在文件之间略有不同。您的解析器如何知道要保留哪一个？

IMO 适当的 Javascript 模板方法有一个主 HTML 文件，该文件使用 HTTP 请求加载，该请求再次链接应用程序其余部分的 CSS 和 JS。第一个文件也可以链接 JS 模板文件（例如 .jst），或者稍后使用 AJAX 请求按需加载这些文件。然而，这些模板通常只包含结构，内容来自例如使用 JSON 连接到某种存储的 JS 模型，“样式”由先前加载的 CSS 文件提供。

相关：backbone.js和sammy.js

于 2011-03-22T21:41:13.633 回答