隨著網際網路技術不斷的發展，前端的新技術也開始日新月異，舊的技術已經不能滿足工作的需要，根據業務需求來將重構也是常有的事情，為了減少工作量，快速提高工作效率，這些新出現的技術也起著不可替代的作用。後端的有些架構已經穩定，作為一名前端面對這些花樣百出的技術，只有不斷的去學習研究，才能不落後於時代潮流。

一：TypeScript

官方介紹：TypeScript是一種由微軟開發的自由和開源的程式語言。它是JavaScript的一個超集，而且本質上向這個語言添加了可選的靜態型別和基於類的面向物件程式設計。

從今天數以百萬計的JavaScript開發者所熟悉的語法和語義開始。可以編譯出純淨、 簡潔的JavaScript程式碼，並且可以執行在任何瀏覽器上、Node.js環境中和任何支援ECMAScript 3（或更高版本）的JavaScript引擎中。

• 設計了一套型別機制來保證編譯時的強型別判斷。

• TypeScript 是 Microsoft 推出的開源語言，使用 Apache 授權協議

• 增加了靜態型別、類、模組、介面和型別註解

• TypeScript 可用於開發大型的應用

• TypeScript 易學易於理解

二：React

官方介紹：React 起源於 Facebook 的內部專案，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設Instagram 的網站。做出來以後，發現這套東西很好用，就在2013年5月開源了。
react官網: https://reactjs.org/

• 高效能的虛擬DOM
• 封裝的事件機制
• 伺服器端渲染
• 宣告式的直觀的編碼方式。
• 跨瀏覽器相容

三：WebAssembly

官方介紹：WebAssembly 是一種可以使用非 Java 程式語言編寫程式碼並且能在瀏覽器上執行的技術方案。
WebAssembly是一項由Mozilla、谷歌、微軟及蘋果聯合開發的專案，致力於為各種語言定義一種二進位制形式的編譯目標格式，並設計一種可與當前的Web平臺整合並在Web環境中執行的方案，最終實現在各類平臺上以接近原生的速度呼叫常見的硬體功能

WebAssembly 主要試圖解決現有技術的一些問題：

• JavaScript：效能不夠理想，以及語言本身的一堆坑
• Flash：私有技術（而且漏洞一堆），並且是純二進位制格式
• Silverlight：私有技術，並且是純二進位制格式
• 各種外掛（Plug-in）：安全性問題，平臺相容問題

優點

• 能顯著降低載入速度，同時改進執行效能。
• 二進位制格式，容易翻譯到原生程式碼，本地解碼速度比JS解析更快。

四：Yarn

官方介紹：Yarn 是一個依賴管理工具。能夠管理程式碼，並與全世界的開發者分享程式碼。高效、安全和可靠的，夠讓你使用其他開發者開發的程式碼，讓你更容易的開發軟體。

是一種新的 Hadoop 資源管理器，它是一個通用資源管理系統，可為上層應用提供統一的資源管理和排程，它的引入為叢集在利用率、資源統一管理和資料共享等方面帶來了巨大好處。

五：Angular 4和Angular 5

Angular 在今年跨越了兩個大版本：於 3月23日 釋出的 Angular 4 以及於 11月1日 釋出的 Angular 5。

• 執行應用的速度非常快。
• 使用MVC架構來開發Web應用程式
• 通過依賴性注入進行測試
• 最為核心的是：MVVM、模組化、自動化雙向資料繫結、語義化標籤、依賴注入

六：Vue.js

前面說過，vue之所以流行，在於它的優點眾多：

• 輕巧、高效能、可元件化的MVVM庫，
• 擁有非常容易上手的API；
• 方便構建資料驅動的Web介面的庫。
• 構建使用者介面的 漸進式框架。
• 採用自底向上增量開發的設計。
• 核心庫只關注檢視層，
• 非常容易學習，容易與其它庫或已有專案整合。

Vue.js的崛起始於2015年，並在過去一年中快速發展。下圖所示為這套框架可觀的市場接受度：

90後前端妹子，愛程式設計，愛運營，愛折騰。
堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。
有個很難漲粉的的公眾號叫：【程式設計微刊】