2018前端越來越流行的的技術

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

一：TypeScript

TypeScript : http://www.typescriptlang.org/

官方介紹：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 編程語言編寫代碼並且能在瀏覽器上運行的技術方案。

是一項由Mozilla、谷歌、微軟及蘋果聯合開發的項目，致力於為各種語言定義一種二進位形式的編譯目標格式，並設計一種可與當前的Web平台集成並在Web環境中執行的方案，最終實現在各類平台上以接近原生的速度調用常見的硬體功能。

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

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

優點：

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

發展趨勢：

wasm 還提供了一個JavaScript API

四：Yarn

中文網：https://yarn.bootcss.com/

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

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

五：Angular 4和Angular 5

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

angular: https://angularjs.org/

• 運行應用的速度非常快。
• 使用MVC架構來開發Web應用程序
• 通過依賴性注入進行測試
• 最為核心的是：MVVM、模塊化、自動化雙向數據綁定、語義化標籤、依賴注入

六：Vue.js

vue: https://cn.vuejs.org/

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

• 輕巧、高性能、可組件化的MVVM庫，
• 擁有非常容易上手的API；
• 方便構建數據驅動的Web界面的庫。
• 構建用戶界面的 漸進式框架。
• 採用自底向上增量開發的設計。
• 核心庫只關注視圖層，
• 非常容易學習，容易與其它庫或已有項目整合。

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

原文鏈接：做最專業最懂你的編程微刊技術分享平台，提供你最需要的開發學習資源。 我們專註於編程開發技術的學習與交流，我們堅持，每天進步一小步，人生進步一大步！關注【編程微刊】，與我們一起學習進步。