天天看點

微服務前端Angular 6.0.0 釋出

靜對新版本

十八歲時打架,兄弟多,那是面子,敢惹事那叫魄力!現在打架了,悄悄的,真怕身邊的朋友笑話!從前,天天喝大酒,唱歌,通宵KTV,那叫會玩。現在低調做人,約上三五知己喝喝茶,到公園跑兩圈,多陪陪家人,那叫靠譜!不管你混的多牛逼,多有錢,做和你年齡比對的事,這叫責任,也叫成熟!10年前發個脾氣,牛都拉不回來。10年後生個氣,轉眼就覺得沒必要。時間漸漸磨去了年少輕狂,也漸漸沉澱了冷暖自知。10年前,連多愁善感都要吹得驚天動地 ,10年後,越痛越不動聲色;越苦,越保持沉默 。10年前,我們本着糊塗裝明白,10年後,我們本着明白裝糊塗。成長就是将你的一切都變成心靜如水,将一切情緒調整到靜音模式!

微服務前端Angular 6.0.0 釋出

AngularJS

AngularJS 通過新的屬性和表達式擴充了 HTML。

AngularJS 可以建構一個單一頁面應用程式(SPAs:Single Page Applications)。

AngularJS 學習起來非常簡單。

Angular 6.0.0 釋出

Angular 6.0.0 釋出,Angular v6 是統一整體架構、Material 和 CLI 三大 Angular 元件的第一個版本,此次沒有将重點放在底層架構,而是更多地關注于工具鍊上,以使其具有更好的可移植性。

此次更新資訊如下:

更新依賴關系:

@angular/core 現在依賴于:

  • TypeScript 2.7
  • RxJS 6.0.0
  • tslib 1.9.0

@angular/platform-server 現在依賴于 Domino 2.0

特性小改動:

  • animations: 隻能使用 WA-polyfill 和 AnimationBuilder
  • animations: 在轉換比對器中暴露元素和參數
  • common: 在 NgIf 中使用非模闆元素時更好的錯誤消息
  • common: 導出函數來格式化數字,百分數,貨币和日期
  • compiler: 實作“enableIvy”編譯選項
  • core: 添加綁定名稱到内容更改錯誤

bug 修複:

  • 即使在 noOp 動畫期間也要報告正确的 totalTime 值
  • 避免在路由器傳回/重新整理期間插入動畫
  • 修複增加/減少别名示例
  • 修正 Observable 方法的映射

微服務商後端分離

對于網頁應用,現代的開發方法使得前端部分變得越來越大,與之對應的後端反而變小。我們的網站Weld的代碼中90%都是前端相關。我可以想象大多數現代的網頁應用都類似。

網頁應用一直在演化,網頁開發的技術也在不斷進步。現代的開發甚至依賴于在同一個項目中使用多個不同的架構。比如我們使用一些依賴于jQuery、AngularJS 1.x的舊的子產品,和React、Vue裡面的新子產品。

單一架構無法應對大型網頁應用

我們需要一種方法可以把一個大的項目拆分成很多個小的子產品,讓它們獨自運作。

舉個例子:

  • myapp.com:使用靜态HTML技術建構的靜态頁面。
  • myapp.com/settings:使用AngularJS 1.x 建構的舊的設定頁面。
  • myapp.com/dashboard:使用React建構的新的控制台。

能夠想象我們需要如下技術:

  • 一個共享的JavaScript代碼庫比如用于管理路由和使用者會話,以及一些共享的CSS。當然要越少越好。
  • 一堆獨立的子產品,也就是微應用(‘mini-app’)。每一個使用各自的架構搭建,使用不同的代碼庫管理。
  • 一個可以将所有子產品連接配接起來的釋出系統,可以将整個服務運作。任何子產品的更新都會觸發服務的重新開機。

總結

前端微服務化是根據業務場景,當服務級别大到一定程度的時候,團隊的組織形式發生的變化。