我对Angular 2很新,所以如果我不准确,请纠正我.

对于编译器,我对Angular 1 vs 2的理解:

在Angular 1中,编译器是更通用和动态的,这意味着脏检查代码是运行在不同组件上的单个代码.然而,为了在角度2的性能上,每个组件都将被编译成一个生成的代码,用于处理该特定组件的绑定和脏检查.这意味着根据组件模板,更具体地说是绑定数量,生成的代码变大.

当我们使用JIT时,这并不重要,因为这个代码不会通过网络并在浏览器中生成.但是当使用AOT时,它将从服务器传输.

问题(可能):

当应用程序很小时,AOT肯定会导致更小的有效载荷,因为编译器不会被发送到浏览器.但随着应用程序的发展,我认为这种差异开始减少,也许会变成倒置(是吗?但我没有定量的感觉.中型或大型应用将会成为一个真正的问题吗?

解决方法

为了回答这个问题“但是随着应用程序的发展,可能会变成倒数(是吗?

是的,在一个非常大的应用程序上,差异可以看出.

我在webpack启动器github上提出了一个类似的问题,引用答案:

You might notice that the main file and chunk files are larger in build:prod:aot then in build:prod,this is perfectly normal since AOT produces more code.
The total amount is less in AOT since the compiler is not part of the bundle,you can see it in the size of the vendor bundle.
This also means that as your application grow,AOT will yield larger code since you add more AOT generated code but the compiler size is constant.
The angular team is working on reducing the emitted code,one of the upcoming feature for this is a new View Engine that will reduce bundle size but will slightly effect performance (it’s always a tradeoff)

不过,与JIT相比,AOT的应用程序开始速度更快.
请看这个问题,似乎角色2团队意识到这一点,并计划减少这种行为.

https://github.com/AngularClass/angular2-webpack-starter/issues/1520

在角色2队方面跟踪的问题:https://github.com/angular/angular/issues/14013

更新:现在生活在角度4 https://github.com/angular/angular/blob/master/CHANGELOG.md#view-engine

We’ve made changes under to hood to what AOT generated code looks like. These changes should reduce the size of the generated code for your components by more than half in some cases. Read the Design Doc for the View Engine updates.

javascript – Angular 2 AOT与JIT有效负载比较的更多相关文章

  1. ios – Xamarin Ahead-of-Time(AOT)编译器与普通编译器

    我的理解是Xamarin的Ahead-of-Time编译器直接将Xamarin.iOS应用程序编译为本机ARM汇编代码.然而,我没有得到的是为什么它需要被称为“Ahead-of-Time”而不仅仅是一个普通的编译器.Xamarin的AOT编译器和传统编译器之间有什么区别,还是仅仅是一个营销术语?没有.Xamarin在该段中传达的信息是,他们的代码比简单的基于字节码的语言执行得更快.对于iOS和Android,他们都能够在热代码路径上执行本机代码以提高性能.AOT和JIT这两个术语是关于他们如何做到这一点的

  2. IOS:AOT提前,它是什么?

    我读过Xamarin的一篇文章,并且遇到了一个特定的计算机科学词:提前.根据一些谷歌搜索结果,这个AOT不允许在运行时生成代码.这是不是意味着,它不支持动态的东西?我知道这个问题可能很愚蠢,我对IOS有0个知识,希望能从这里得到一些答案.谢谢解决方法首先,动态的定义是什么?

  3. Android Studio是否支持用于Android UI设计的AngularJS?

    我对AndroidStudio有疑问:AS在设计XML文件时是否支持AngularJS代码,例如:对于小动画或效果?

  4. android – 如何使用ClientID和ClientSecret在Phonegap中使用Angularjs登录Google OAuth2

    我正尝试使用Angularjs(使用IonicFramework)通过GoogleOAuth2从我的Phonegap应用程序登录.目前我正在使用http://phonegap-tips.com/articles/google-api-oauth-with-phonegaps-inappbrowser.html进行登录.但是当我使用Angular-UI-RouterforIonic时,它正在创建非常

  5. 利用require.js与angular搭建spa应用的方法实例

    这篇文章主要给大家介绍了关于利用require.js与angular搭建spa应用的方法实例,文中通过示例代码给大家介绍的非常详细,对大家的理解和学习具有一定的参考学习价值,需要的朋友们下面跟着小编来一起看看吧。

  6. 详解Angular动态组件

    本文主要介绍了Angular动态组件,对此感兴趣的同学,可以亲自实验一下。

  7. 详解如何使用webpack+es6开发angular1.x

    本篇文章主要介绍了详解如何使用webpack+es6开发angular1.x,具有一定的参考价值,有兴趣的可以了解一下

  8. angular2系列之路由转场动画的示例代码

    本篇文章主要介绍了angular2系列之路由转场动画的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  9. 一种angular的方法级的缓存注解(装饰器)

    本篇文章主要介绍了一种angular的方法级的缓存注解(装饰器),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. 动手写一个angular版本的Message组件的方法

    本篇文章主要介绍了动手写一个angular版本的Message组件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部