Angular--AOT和JIT两种编译方式带来的改变

         Angular 应用主要由组件及其 HTML 模板组成。因为浏览器没法直接理解 Angular 所提供的组件和模板,所以 Angular 应用程序须要先进行编译才能在浏览器中运行。Angular 提供了浏览器

两种方式来编译angular应用程序:安全

  1. 即时编译 (JIT,Just in time),它会在运行期间在浏览器中编译你的应用。服务器

  2. 预先编译(AOT,Ahead of time),它会在构建时编译你的应用。框架

        注:当你运行 ng build(仅编译)或 ng serve(编译并启动本地服务器) 这两个 CLI 命令时 JIT 编译是默认选项;要进行 AOT 编译,只要让 ng build 或 ng serve 命令中包含 --aot 标志。异步

带有 --prod 标志的 ng build 命令 (ng build --prod) 会默认使用 AOT 编译。ui

一:AOT:在浏览器下载和运行代码以前的编译阶段,Angular 预先(AOT)编译器会先把你的 Angular HTML 和 TypeScript 代码转换成高效的 JavaScript 代码。好处以下:code

  1. 渲染得更快:使用 AOT浏览器下载预编译版本的应用程序。 浏览器直接加载运行代码,因此它能够当即渲染该应用,而不用等应用完成首次编译;
  2. 须要的异步请求更少:编译器把外部 HTML 模板和 CSS 样式表内联到了该应用的 JavaScript 中。 消除了用来下载那些源文件的 Ajax 请求;
  3. 须要下载的 Angular 框架体积更小:若是应用已经编译过了,天然不须要再下载 Angular 编译器了。 该编译器差很少占了 Angular 自身体积的一半儿,因此,省略它能够显著减少应用的体积;
  4. 提前检测模板错误:AOT 编译器在构建过程当中检测和报告模板绑定错误,避免用户遇到这些错误;
  5. 更安全:AOT 方式会在发给客户端以前就把 HTML 模板和组件编译成 JavaScript 文件。 不须要读取模板,也没有客户端组装 HTML 或执行 JavaScript 的危险操做,受到注入类攻击的机会也比较少。
相关文章
相关标签/搜索