将大量HTML写入一页

Question

我正在帮助为我与其他人合作的游戏设计HTML客户端。

此客户需要有多个场景/页面，如登录，大厅，实际游戏页面等。

通常情况下，我会很好地浏览和退出页面。但是，客户端需要通过Websocket与服务器保持连接，因此无法离开页面。

选项1：将所有内容放在一个文件中

不要将每个场景都放在自己独立的页面中，而是将所有HTML塞进去。

然后，当需要一个场景时，只需隐藏所有其他场景。

我不认为这种方式是可行的：从我对HTML和网络实践的了解，这不是一个非常聪明的做法。

选项2：jQuery的.load()

使用jQuery方便的.load方法，可以轻松地将外部HTML文件加载到当前的HTML文件中。

对我来说，这似乎是最好的方法。但是，我不太熟悉这种方法是如何起作用的，所以我不知道这是否会导致前方道路上的颠簸。

选项3：???

这是我需要帮助的地方。除非上述两个选项中的一个是最佳选择，否则对我的情况最好的选择是什么？

注释

• 我不是在寻找速度;如果负载之间有一些延迟，那也没关系。

Answer 1

不确定您的后端，但似乎您正在寻找单页应用解决方案。

我建议AngularJS，目前由Google维护。

Answer 2

其他人提到过Angular，但我也会抛出KnockoutJS的建议。 Knockout的学习曲线比AngularJS要小，虽然它没有Angular那么多的功能，但最新的版本确实有更好的浏览器支持。

Knockout和Angular都可以通过他们的网站获得优秀的文档和教程。

Answer 3

我会推荐Angular 2.因为你看起来像是前端的初学者（如果我错了就纠正我），从Angular 2开始会超过1，因为那时你只能学习这个非常好的JS框架一次。它将帮助您保持一切井然有序，并防止您使标记变得混乱。