javascript - 如何维护加载到流星应用程序的 HTML 头部/主体块的顺序？

Question

Meteor 扫描目录中的所有 HTML 文件以查找三个顶级元素：<head>、<body> 和 <template>。头部和身体部分分别连接成一个单独的头部和身体，在初始页面加载时传输给客户端。

非常好的功能，但我现在遇到了以下问题。

如何维护加载到流星应用程序的 HTML 头部/主体块的顺序？

score 2 · Accepted Answer

您目前正在做的事情很可能是这样的：

文件1.html

<body>
    <!-- some stuff -->
</body>

文件2.html

<body>
    <!-- some other stuff -->
</body>

考虑改用模板，因此您可以执行以下操作：

main.html

<body>
    {{> template1}}
    {{> template2}}
</body>

文件1.html

<template name="template1">
    <!-- some stuff -->
</template>

文件2.html

<template name="template2">
    <!-- some other stuff -->
</template>

你应该做什么：确保你的模板帮助你定义 HTML 流；其他一切都可以通过CSS 定位来完成，甚至可以为具有定义的高度或宽度的事物更改流程。

你不应该做的事情：按字母顺序命名文件，这样 Meteor 就会按顺序排列它们。使用 jQuery 处理正文的内容，使用.bind或.on列出插入 DOM 节点的事件；当一个被插入时，你将它移到正确的位置。这些都是坏习惯。

1 回答 1