Angular--AOT和JIT两种编译方式带来的改变
2024-10-20 21:06:35
Angular 应用主要由组件及其 HTML 模板组成。由于浏览器无法直接理解 Angular 所提供的组件和模板,因此 Angular 应用程序需要先进行编译才能在浏览器中运行。Angular 提供了
两种方式来编译angular应用程序:
即时编译 (JIT,Just in time),它会在运行期间在浏览器中编译你的应用。
预先编译(AOT,Ahead of time),它会在构建时编译你的应用。
注:当你运行 ng build
(仅编译)或 ng serve
(编译并启动本地服务器) 这两个 CLI 命令时 JIT 编译是默认选项;要进行 AOT 编译,只要让 ng build
或 ng serve
命令中包含 --aot
标志。
带有 --prod
标志的 ng build
命令 (ng build --prod
) 会默认使用 AOT 编译。
一:AOT:在浏览器下载和运行代码之前的编译阶段,Angular 预先(AOT)编译器会先把你的 Angular HTML 和 TypeScript 代码转换成高效的 JavaScript 代码。好处如下:
- 渲染得更快:使用 AOT浏览器下载预编译版本的应用程序。 浏览器直接加载运行代码,所以它可以立即渲染该应用,而不用等应用完成首次编译;
- 需要的异步请求更少:编译器把外部 HTML 模板和 CSS 样式表内联到了该应用的 JavaScript 中。 消除了用来下载那些源文件的 Ajax 请求;
- 需要下载的 Angular 框架体积更小:如果应用已经编译过了,自然不需要再下载 Angular 编译器了。 该编译器差不多占了 Angular 自身体积的一半儿,所以,省略它可以显著减小应用的体积;
- 提早检测模板错误:AOT 编译器在构建过程中检测和报告模板绑定错误,避免用户遇到这些错误;
- 更安全:AOT 方式会在发给客户端之前就把 HTML 模板和组件编译成 JavaScript 文件。 不需要读取模板,也没有客户端组装 HTML 或执行 JavaScript 的危险操作,受到注入类攻击的机会也比较少。
最新文章
- Sharepoint 2013 网站集的删除与还原
- django-cms 代码研究(七)杂七杂八
- STM32F0xx_USART收发配置详细过程
- 配置Symfony2
- Java7编程高手进阶读书笔记—集合框架
- redis-在乌班图下设置自动启动
- UI3_UIView自动布局
- mysql之创建外键报150错误的处理方法
- C#中通过调用Dll函数时,执行一段时间后,就会报内存可能被破坏的错的解决办法
- SQL Server数据类型
- javascript的DOM操作(二)
- php 添加 redis 扩展模块
- ";the hypervisor is not running"; 故障
- 同一台电脑使用 gitlab 和 github 配置
- Findbug在项目中的运用--提高代码质量
- 分布式事务 spring 两阶段提交 tcc
- U3D面试题系列二
- nodejs--路径问题
- beebase
- JAVA HW2