HTTP + MEAN:在请求之前发送资源

时间:2014-01-22 17:38:52

标签: javascript angularjs http request response

我有一个MEAN堆栈应用程序,据我所知,当加载页面时会发生以下情况:

  1. Express应用程序收到请求
  2. 请求被路由并发送Express视图(在本例中为index.html)
  3. 请求index.html中列出的依赖项 - 默认样式表,angularJS,等等。
  4. 静态文件服务器以所请求的项目进行响应
  5. AngularJS在DOM中设置自己,绑定所有锚点,动态创建依赖项列表,例如: <link ng-repeat="include in includes" rel="stylesheet" ng-href="{{include.stylesheet}}">将导致准备一堆HTTP请求。
  6. 请求发送给AngularJS实现的依赖项,包括AngularJS视图(partial.html)
  7. 静态文件服务器以所请求的项目进行响应
  8. partial.html请求所有包含和依赖项(include1.hmtl)
  9. 静态文件服务器以所请求的项目进行响应
  10. include1.html请求所有依赖项(image.jpg)
  11. 静态文件服务器以image.jpg
  12. 回应
  13. 客户端现已收到所有必要的组件,并在浏览器中正确呈现
  14. 这对我来说似乎非常乏味,要求必须来回走动,并且必须远远超出需要。如何让我的应用程序缓存每个页面的依赖项列表并响应初始请求,例如“哟,我知道你只是要求/并期待一个文件,但我知道你会知道你当你得到这个时,我很快就会惹恼我。让我现在就把这些shiznits送给你。“?

    除非存在更好的方法,否则应该通过HTTP请求加载未发送到客户端的依赖项,而那些应该位于浏览器缓存中并准备好在本地加载。

    欢呼阅读。

0 个答案:

没有答案