我有一个MEAN堆栈应用程序,据我所知,当加载页面时会发生以下情况:
- Express应用程序收到请求
- 请求被路由并发送Express视图(在本例中为index.html)
- 请求index.html中列出的依赖项 - 默认样式表,angularJS,等等。
- 静态文件服务器以所请求的项目进行响应
- AngularJS在DOM中设置自己,绑定所有锚点,动态创建依赖项列表,例如:
<link ng-repeat="include in includes" rel="stylesheet" ng-href="{{include.stylesheet}}">
将导致准备一堆HTTP请求。
- 请求发送给AngularJS实现的依赖项,包括AngularJS视图(partial.html)
- 静态文件服务器以所请求的项目进行响应
- partial.html请求所有包含和依赖项(include1.hmtl)
- 静态文件服务器以所请求的项目进行响应
- include1.html请求所有依赖项(image.jpg)
- 静态文件服务器以image.jpg
回应
- 客户端现已收到所有必要的组件,并在浏览器中正确呈现
醇>
这对我来说似乎非常乏味,要求必须来回走动,并且必须远远超出需要。如何让我的应用程序缓存每个页面的依赖项列表并响应初始请求,例如“哟,我知道你只是要求/并期待一个文件,但我知道你会知道你当你得到这个时,我很快就会惹恼我。让我现在就把这些shiznits送给你。“?
除非存在更好的方法,否则应该通过HTTP请求加载未发送到客户端的依赖项,而那些应该位于浏览器缓存中并准备好在本地加载。
欢呼阅读。