纯动态页面 - 这是一种可行的方法

Question

我正在构建一个网站并考虑使用纯动态页面，即没有html文件，所有内容都由javascript中的路由器处理，并且DOM元素都是通过javascript创建并插入到文档中。

我只是想知道这是不是一个好主意。恕我直言，事件可以在创建时附加到DOM元素，这可以使代码更具可读性。静态和动态部件可能会更好地结合在一起。但页面格式可能会变得不清楚。而且我不确定性能是否会受到影响。

是否有人知道任何实际使用此方法的网站？

非常感谢！

Answer 1

这个问题有点模糊，但你可能正在寻找像任何数量的新时代JavaScript前端MVC框架一样的东西：

• http://angularjs.org/
• http://meteor.com/
• http://backbonejs.org/
• 等

Answer 2

尝试pure，一个javascript库，它将表示（HTML）和逻辑（js）分开，使代码清晰易懂。 它还支持与主要的JavaScript库集成。

pure.js示例

HTML模板

<div class="hello">
<span class="who"></span>
</div>

渲染指令

{
  "span.who":"who"
}

JSON数据

{
  "who":"Hello Wrrrld"
}

生成的HTML

<div class="hello">
<span class="who">Hello Wrrrld</span>
</div>