我正在尝试使用Angular 2,我注意到在使用* ng超过1500项时,Internet Explorer 11上的性能显着变慢。 IE11大约需要25秒,而其他浏览器需要不到1秒。
暂停调试器我注意到代码在es6-shim.js中不断调用 isNan 函数。 这里是调用堆栈:
这里有一个工作的人:http://plnkr.co/edit/sEujClHmuCbrydIiYQYL?p=preview。 代码非常简单:
<div class="checkout">
<div class="checkout_title"><span>Vasa narudzba</span></div>
<div class="product custom_form_title order_product_list">
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12 no-padding-right">
<div class="product_image">
<img src="assets/img/product1_small.png" class="img-responsive" />
</div>
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="product_box">
<div class="product_title">
<span>Product title</span>
</div>
<div class="product_description">
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. IntegeLorem ipsum dolor sit amet</span>
</div>
</div>
</div>
</div>
</div>
<div class="product custom_form_title order_product_list">
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-12 no-padding-right">
<div class="product_image">
<img src="assets/img/product1_small.png" class="img-responsive" />
</div>
</div>
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="product_box">
<div class="product_title">
<span>Product title</span>
</div>
<div class="product_description">
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. IntegeLorem ipsum dolor sit amet</span>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="total custom_form_title order_list">
<span class="left-title">Cijena bez PDV-a</span><span class="right-title">0,000.00 KM</span>
<span class="left-title">PDV(17%)</span><span class="right-title right">0,000.00 KM</span>
<span class="left-title">Postarina</span><span class="right-title right">0,000.00 KM</span>
<span class="left-title">Total cijena</span><span class="right-title right">0,000.00 KM</span>
</div>
</div>
</div>
</div>
有同样问题的人吗?任何提高性能的解决方法或提示?
提前谢谢。
答案 0 :(得分:8)
问题是IE没有Map
的本机实现。 polyfill的set
和get
函数非常慢(与其原生对应物相比)并占用大部分时间:
可能 - 或者希望 - Map
的其他polyfill比es6-shim
更快。
<强>更新强>
我已使用core-js测试了您的代码,其性能似乎更接近本机实现。