如果我将angular.js放在身体的底部,我会遇到什么问题?

时间:2016-02-15 21:05:20

标签: javascript html angularjs performance nonblocking

anguler official guide - bootstrap上我读到了:

  

将脚本标记放在页面底部。放置脚本标签   页面的末尾会增加应用程序加载时间,因为HTML加载是   没有被加载angular.js脚本阻止。你可以得到   来自http://code.angularjs.org的最新位。请不要链接你的   生成此URL的代码,因为它会在您的网站上公开安全漏洞   现场。对于实验开发,链接到我们的网站是好的。

同样在AngularJS ngCloack网站上我读到了:

  

为获得最佳效果,必须在头部加载angular.js脚本   html文档的一部分

我是angularjs的初学者,我的问题是:

如果你把angulas.js脚本放在身体底部会遇到什么问题,以便使我的html无阻塞?在哪里我可以学习如何处理这个问题?谢谢大家!

1 个答案:

答案 0 :(得分:2)

主要问题是,如果您在底部加载脚本,然后ng-cloak才能正常工作,则ng-cloak类的CSS需要加载到顶部。

来自文档:

  

ngCloakangular.jsangular.min.js

中嵌入的以下css规则配合使用
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
     

为获得最佳结果,必须在html文档的head部分中加载angular.js脚本;或者,上面的css规则必须包含在应用程序的外部样式表中。

- AngularJS ng-cloak Directive API Reference