Angular.js的优雅改进(而非降级)
Graceful improvement (not degration) with Angular.js?
我们正在重新启动公司的登录页(包含信息、作业、团队和帮助部分),并决定不再只为我们的服务的这一部分维护Rails项目,因此切换到静态HTML。
由于我们希望让我们的人力资源和支持团队有机会在不干扰开发团队的情况下编辑文本(尤其是在工作和帮助部分),我们将在页面上运行Angular.js应用程序,并使用JSON APi(就像Wordpress.com提供的一样http://developer.wordpress.com/docs/api/或者我们甚至可以使用https://www.contentful.com/)。
然而,由于我们需要快速加载登录页(转换是王道),我们考虑将登录页的初始部分作为静态HTML提供,并在用户访问最重要的信息后优雅地添加Angular.js。我们不在乎停用JS的人是否不能使用我们页面的其余部分,因此我们称之为优雅的改进。
有什么最佳实践和/或Angular.js模块可以实现我刚才描述的目标吗?这种效果的正确术语是什么?
附言:我们将通过使用Phantom.js呈现我们的登陆页(团队、工作等)的其余部分来处理SEO,因此SEO不是一个话题。这只是关于我们的登录页初始部分的加载速度。
您可以呈现静态页面(无论您想以何种方式生成这些页面),并在页面加载后添加一个事件侦听器。然后在事件监听器中,您可以利用angular.bootstrap手动启动应用程序。这样Angular就可以度过它的甜蜜时光,而不会让用户陷入困境。
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 使用agility.js进行页面布局和合成
- 使用Clipboard.js复制span文本
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 强制模板刷新ember.js
- 如何编写HTML输入的JS内联
- Angular JS IE9 Hashbang url rewriting
- 使用JS将数组转换为json对象
- Node.js v6.2.0类扩展不是函数错误
- 当js函数's已执行
- 要求未定义JS回调参数
- 在自定义mean.io包中使用angular-chart.js作为依赖项
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 如何从Java/scala调用js美化程序
- 如何更改<svg>标记为<img>用js标记
- 如何使用 node.js 比较两个 json 数组
- chrome扩展:尽管运行了at:documentidle,js脚本还是过早启动
- 节点Js:How to catch a“;没有这样的文件或目录“;读取线模块出错
- Angular.js的优雅改进(而非降级)
- 优雅地降级有机选项卡以在IE9高安全性(又名无js)中工作的简单方法