Question

我有一个使用JQuery创建的动画404错误页面。

唯一使它与我的AngularJS项目一起工作的是，如果我在index.html中有jquery.min.js，404.js，404.min.css和一个javascript脚本标记，但这会产生不必要的加载我的其他页面并减慢了网站的速度。

我发现这个https://github.com/manuelmazzuola/angular-ui-router-styles，但看起来它只是为CSS样式表设计的，或者我也可以用来包含JS文件？

我应该如何仅在我的partials，404.html文件而不是index.html上加载此JS，CSS文件？

Answer 1

我认为你在寻找延迟加载。

通常，在页面加载期间会立即加载与某个网页或应用程序相关的所有JavaScript。

延迟加载仅在用户需要时才加载代码。因此，如果您的页面上有一个按钮，一旦按下该按钮就会向用户显示完全不同的屏幕，

Require Js很好地完成了这个目的。

查看我项目中的以下代码

 $('#somebutton').on('click', function() {
    require(
        ['every', 'javascript', 'dependency', 'for', 'other', 'screen'], 
        function(ev, js, dep, fr, othr, scrn){
            // Create the screen with your dependencies
        }
    );
});

加载JQuery AngularJS项目中所需的JQuery

1 个答案: