ng9新特性 lvy出場-有解無憂

原文需要翻墻
lvy帶來的優勢

Smaller bundle sizes
- 無用的代碼會被tree-shaking掉；為每個組件生成更少的代碼
Faster testing
- 測驗速度提升，lvy不會重新編譯所有組件除非被手動覆寫
Better debugging
- 在控制臺使用ng可以拿到組件（ng.getComponent(document.getElementsByTagName('組件tag名字')[0])），指令等的實體
- 然后可以手動呼叫組件的方法，更新組件狀態
- ng.applyChanges可以手動觸發變更檢測
- 改善錯誤堆疊追蹤
Improved CSS class and style binding
- 優化樣式系結
- 比如
- <my-component style="color:red;" [style.color]="myColor" [style]="{color: myOtherColor}" myDirective>
- 之前樣式優先級取決于系結的時間，也就是最后一個系結會覆寫之前的系結
- lvy 樣式優先級和時間無關，越具體的系結優先級越高，比如 [style.color]會覆寫[style]
- [ngStyle]and[ngClass]的系結行為被保留
- 樣式系結代碼重構的副作用，可以在模版中系結c s s變數
- ```
<div [style.--main-border-color]=" '#CCC' ">
  <p style="border: 1px solid var(--main-border-color)">hi</p>
</div>
```
  c s s變數以 -- 開頭
Improved type checking
- 完善了型別檢查
- 增加了兩種而外的型別檢查機制
- fullTemplateTypeCheck：檢查模版里的所有變數
- strictTemplates：使用最嚴格的型別檢查
Improved build errors
- 使錯誤資訊可讀性更強
Improved build times, enabling AOT on by default
- 默認使用aot編譯
- 不需要再使用entryComponents
Improved Internationalization

語言服務的啟動時間快10倍
@Injectable（{providedIn: }）
- providedIn除了原來的 ‘root’和模塊名字還有兩個選項
- any 為每個子注入器注入隔離的服務，非單例
- platform 提供多個應用共享的服務
component harnesses
- Most of Angular Material’s components can now be tested via harnesses, and we are making harnesses available to any component author as part of the Component Dev Kit (CDK).
- [使用harnesses測驗 angular material組件][https://v9.material.angular.io/guide/using-component-harnesses]
YouTube and Google Maps
- 在你的應用中可以使用 youtube-player和 google-maps的能力
Visual Studio 的angular 語法支持擴展： Angular Language Service
支持TypeScript 3.7

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/228872.html

標籤：JavaScript

上一篇：CSS3+JS完美實作放大鏡模式

下一篇：Vue常用特性