如果我把 angular.js 放在 body 的底部会遇到什么问题？答案

【问题标题】：What problems I will face if I put angular.js at the bottom of the body?如果我把 angular.js 放在 body 的底部会遇到什么问题？
【发布时间】：2016-02-15 21:05:20
【问题描述】：

在anguler official guide - bootstrap 我读到：

将脚本标签放在页面底部。将脚本标签放置在页面末尾会缩短应用程序加载时间，因为 HTML 加载是没有被加载 angular.js 脚本阻止。你可以得到来自http://code.angularjs.org 的最新位。请不要链接您的生产代码到这个 URL，因为它会暴露你的安全漏洞地点。对于实验性开发，可以链接到我们的网站。

我也在同一个网站AngularJS ngCloack阅读：

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

我是angularjs的新手，我的问题是：

如果把angulas.js脚本放在body底部会遇到什么问题，让我的html不阻塞？我在哪里可以学习如何处理这个问题？谢谢大家！

【问题讨论】：

复制：AngularJS in HEAD vs BODY
我现在认为 angular.js 非常轻量级，但是这个问题 (developers.google.com/speed/docs/insights/BlockingJS) 是一个真正的问题，我会将所有脚本放在正文的底部我听说可能有angular.js 的问题。但是关于 stackoverflow 的回复并不详尽，我问是否有人知道我可以从中学习的东西（抱歉英语不好）
重复？我问我可能面临什么问题，我从哪里知道为什么会发生这种情况以及我该如何解决......
当您在页面底部加载 AngularJS 时，您将面临“未编译内容的闪现”
在底部加载角度时我从来没有遇到过问题。对需要插值的部分使用ng-cloak

标签： javascript html angularjs performance nonblocking

【解决方案1】：

主要问题是，如果您在底部加载脚本，那么为了使ng-cloak 正常工作，ng-cloak 类的 CSS 需要在顶部加载。

来自文档：

ngCloak 与嵌入在angular.js 和angular.min.js 中的以下css 规则配合使用
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
为获得最佳效果，angular.js 脚本必须加载到 html 文档的 head 部分；或者，上面的 css 规则必须包含在应用程序的外部样式表中。

-- AngularJS ng-cloak Directive API Reference

【讨论】：

啊，谢谢。我认为这是一个普遍的问题，但是，它仅限于该功能。感谢您的澄清