Javascript单页MVC从头开始

时间:2013-05-23 15:27:50

标签: javascript model-view-controller single-page-application

我只是想知道使用javascript创建单页网站的技术是什么,而不使用像ember js / angular js这样的框架。

例如在php中他们可以获得

example.com?view=homepage

可以轻松获取视图并加载/显示主页并加载主页的内容。

如果在javascript中想加载其他页面/内容怎么办?构建它的任何技术?

我只是使用像

这样的简单函数构建
$("#otherpage").hide();
$("#homepage").show();

我不知道用这种方式开发javascript单个网页的最佳方法是什么?或者你们都可以建议的任何技术,因为我需要从基础学习,需要使用javascript来探索和创建一个应用程序没有PHP的页面。

非常感谢

1 个答案:

答案 0 :(得分:0)

如果这很容易,你真的认为Ember,Spine和Angular会被广泛使用吗?

除了Snarky评论之外,构建一个像你所做的那样刷新的页面虽然简单且易于修改,却在很多方面都很短暂:

  • 对于大于几页的网站,您的HTML标记将变为 MASSIVE 。不仅如此,你还必须在每页上运行每一段代码......每页。打个招呼,无论是在带宽上还是在服务器端处理上,即使是缓存也是如此。
  • 如果您想动态更新页面的一部分,无论如何都需要使用AJAX。为什么在开始时使用MVC方法编写内容,在使用AJAX时呈现数据,而不是粗暴地提供整个DOM?
  • Angular有什么问题,无论如何?广泛使用,无错误,经过单元测试,由可靠的人员构建,如果确实存在错误,您可以确保社区能够更快地修复它

如果最后一条评论没有阻止您构建自己的替换已经存在的平台,我强烈建议您构建JS以从服务器提供数据(JSON或其他)并动态更新页面。您可能不需要完整的MVC方法,但至少是它的MV部分。这也将允许模块化。