隨著互聯(lián)網(wǎng)技術(shù)不斷的發(fā)展闪幽,前端的新技術(shù)也開始日新月異料皇,舊的技術(shù)已經(jīng)不能滿足工作的需要谓松,根據(jù)業(yè)務需求來將重構(gòu)也是常有的事情,為了減少工作量瓶蝴,快速提高工作效率,這些新出現(xiàn)的技術(shù)也起著不可替代的作用租幕。后端的有些架構(gòu)已經(jīng)穩(wěn)定舷手,作為一名前端面對這些花樣百出的技術(shù),只有不斷的去學習研究劲绪,才能不落后于時代潮流男窟。
一:TypeScript
TypeScript : http://www.typescriptlang.org/
官方介紹:TypeScript是一種由微軟開發(fā)的自由和開源的編程語言。它是JavaScript的一個超集贾富,而且本質(zhì)上向這個語言添加了可選的靜態(tài)類型和基于類的面向?qū)ο缶幊獭?/p>
從今天數(shù)以百萬計的JavaScript開發(fā)者所熟悉的語法和語義開始歉眷。可以編譯出純凈颤枪、 簡潔的JavaScript代碼汗捡,并且可以運行在任何瀏覽器上、Node.js環(huán)境中和任何支持ECMAScript 3(或更高版本)的JavaScript引擎中畏纲。
設(shè)計了一套類型機制來保證編譯時的強類型判斷扇住。
TypeScript 是 Microsoft 推出的開源語言,使用 Apache 授權(quán)協(xié)議
增加了靜態(tài)類型盗胀、類艘蹋、模塊、接口和類型注解
TypeScript 可用于開發(fā)大型的應用
TypeScript 易學易于理解
二:React
官方介紹:React 起源于 Facebook 的內(nèi)部項目票灰,因為該公司對市場上所有 JavaScript MVC 框架女阀,都不滿意宅荤,就決定自己寫一套,用來架設(shè)Instagram 的網(wǎng)站浸策。做出來以后冯键,發(fā)現(xiàn)這套東西很好用,就在2013年5月開源了的榛。
react官網(wǎng): https://reactjs.org/
- 高性能的虛擬DOM
- 封裝的事件機制
- 服務器端渲染
- 聲明式的直觀的編碼方式琼了。
- 跨瀏覽器兼容
三:WebAssembly
官方介紹:WebAssembly 是一種可以使用非 Java 編程語言編寫代碼并且能在瀏覽器上運行的技術(shù)方案。
WebAssembly是一項由Mozilla夫晌、谷歌雕薪、微軟及蘋果聯(lián)合開發(fā)的項目,致力于為各種語言定義一種二進制形式的編譯目標格式晓淀,并設(shè)計一種可與當前的Web平臺集成并在Web環(huán)境中執(zhí)行的方案所袁,最終實現(xiàn)在各類平臺上以接近原生的速度調(diào)用常見的硬件功能
WebAssembly 主要試圖解決現(xiàn)有技術(shù)的一些問題:
- JavaScript:性能不夠理想,以及語言本身的一堆坑
- Flash:私有技術(shù)(而且漏洞一堆)凶掰,并且是純二進制格式
- Silverlight:私有技術(shù)燥爷,并且是純二進制格式
- 各種插件(Plug-in):安全性問題,平臺兼容問題
優(yōu)點
- 能顯著降低加載速度懦窘,同時改進運行性能前翎。
- 二進制格式,容易翻譯到原生代碼畅涂,本地解碼速度比JS解析更快港华。
發(fā)展趨勢:
wasm 還提供了一個JavaScript API
wasm: http://webassembly.org/
四:Yarn
中文網(wǎng):https://yarn.bootcss.com/
官網(wǎng): https://yarnpkg.com/en/
官方介紹:Yarn 是一個依賴管理工具。能夠管理代碼午衰,并與全世界的開發(fā)者分享代碼立宜。高效、安全和可靠的臊岸,夠讓你使用其他開發(fā)者開發(fā)的代碼橙数,讓你更容易的開發(fā)軟件。
是一種新的 Hadoop 資源管理器帅戒,它是一個通用資源管理系統(tǒng)灯帮,可為上層應用提供統(tǒng)一的資源管理和調(diào)度,它的引入為集群在利用率逻住、資源統(tǒng)一管理和數(shù)據(jù)共享等方面帶來了巨大好處施流。
五:Angular 4和Angular 5
Angular 在今年跨越了兩個大版本:于 3月23日 發(fā)布的 Angular 4 以及于 11月1日 發(fā)布的 Angular 5。
angular: https://angularjs.org/
- 運行應用的速度非潮尚牛快瞪醋。
- 使用MVC架構(gòu)來開發(fā)Web應用程序
- 通過依賴性注入進行測試
- 最為核心的是:MVVM、模塊化装诡、自動化雙向數(shù)據(jù)綁定银受、語義化標簽践盼、依賴注入
六:Vue.js
前面說過,vue之所以流行宾巍,在于它的優(yōu)點眾多:
- 輕巧咕幻、高性能、可組件化的MVVM庫顶霞,
- 擁有非常容易上手的API肄程;
- 方便構(gòu)建數(shù)據(jù)驅(qū)動的Web界面的庫。
- 構(gòu)建用戶界面的 漸進式框架选浑。
- 采用自底向上增量開發(fā)的設(shè)計蓝厌。
- 核心庫只關(guān)注視圖層,
- 非常容易學習古徒,容易與其它庫或已有項目整合拓提。
Vue.js的崛起始于2015年,并在過去一年中快速發(fā)展隧膘。下圖所示為這套框架可觀的市場接受度: