html自动切换图片怎么白屏,javascript – 切换页面时的白屏闪烁

我们有一台在机器上本地运行的AngularJS应用程序(所有资产都在硬盘上),当我们切换页面时,我们看起来很难解决屏幕闪烁问题.

这是发生了什么,我们的问题在#3：

3)**加载新页面时,大约1/2秒钟页面为白色. **

4)加载,屏幕上有大量图形.

我们已经尝试过：

1)设置背景图像,这还不够快.例如.

body {

background-image: url("/assets/page2_background.png");

background-size: 100%;

}

2)获取上一页(在本例中为主页面)以预先缓存下一页的背景.例如.在http://localhost:9000/#/：

这些都不够快,我们仍然可以看到白色背景.我们知道我们也可以设置背景颜色,但没有颜色可以使转换看起来很好(下一页有太多不同的图形和单独的颜色).

关于如何摆脱页面之间的白屏的任何想法？

编辑：

这是我的路线配置.

.config(function ($routeProvider) {

$routeProvider

.when('/page2', {

templateUrl: 'views/page2.html',

controller: 'Page2Ctrl',

controllerAs: 'page2'

})

.otherwise({

redirectTo: '/'

});

})