Angular.js的优雅改进(不是降级)?

时间:2013-11-29 21:47:08

标签: javascript json angularjs jekyll graceful-degradation

我们正在重新启动我们公司的登录页面(包含信息,工作,团队和帮助部分),并决定我们将不再仅为这部分服务维护Rails项目,因此切换到静态HTML。

由于我们希望为我们的人力资源和支持团队提供编辑文本的机会(特别是在工作和帮助部分)而不会欺骗开发团队,我们将在页面上运行Angular.js应用程序并在使用JSON APi的内容(如Wordpress.com提供的http://developer.wordpress.com/docs/api/或我们甚至可以使用https://www.contentful.com/)。

但是,由于我们需要我们的目标网页加载速度非常快(转换为王),我们正在考虑将我们的目标网页的初始部分作为静态HTML提供,并在用户访问后可以优雅地添加Angular.js最重要的信息。我们不关心那些已停用JS的人是否无法使用我们页面的其他部分,因此我们称这个过程是优雅的改进。

是否有任何最佳实践和/或Angular.js模块可用于实现我刚才描述的内容?这种效果的正确术语是什么?

P.S。:我们将使用Phantom.js渲染其余的目标网页(团队,工作等)来处理搜索引擎优化,因此SEO不是主题。这只是关于我们着陆页初始部分的加载速度。

1 个答案:

答案 0 :(得分:2)

您可以渲染静态页面(以您希望的方式生成这些页面)并在加载页面后添加事件侦听器。然后在事件监听器中,您可以利用angular.bootstrap手动启动应用程序。通过这种方式,Angular可以花费很多时间,而不会让用户陷入困境。