2018前端越來越流行的的技術(shù)

隨著互聯(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引擎中畏纲。


圖片.png
  • 設(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/

圖片.png

  • 高性能的虛擬DOM
  • 封裝的事件機制
  • 服務器端渲染
  • 聲明式的直觀的編碼方式琼了。
  • 跨瀏覽器兼容

三:WebAssembly

官方介紹:WebAssembly 是一種可以使用非 Java 編程語言編寫代碼并且能在瀏覽器上運行的技術(shù)方案。
WebAssembly是一項由Mozilla夫晌、谷歌雕薪、微軟及蘋果聯(lián)合開發(fā)的項目,致力于為各種語言定義一種二進制形式的編譯目標格式晓淀,并設(shè)計一種可與當前的Web平臺集成并在Web環(huán)境中執(zhí)行的方案所袁,最終實現(xiàn)在各類平臺上以接近原生的速度調(diào)用常見的硬件功能


圖片.png

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ù)共享等方面帶來了巨大好處施流。


圖片.png

五: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: https://cn.vuejs.org/

前面說過,vue之所以流行宾巍,在于它的優(yōu)點眾多:

  • 輕巧咕幻、高性能、可組件化的MVVM庫顶霞,
  • 擁有非常容易上手的API肄程;
  • 方便構(gòu)建數(shù)據(jù)驅(qū)動的Web界面的庫。
  • 構(gòu)建用戶界面的 漸進式框架选浑。
  • 采用自底向上增量開發(fā)的設(shè)計蓝厌。
  • 核心庫只關(guān)注視圖層,
  • 非常容易學習古徒,容易與其它庫或已有項目整合拓提。

Vue.js的崛起始于2015年,并在過去一年中快速發(fā)展隧膘。下圖所示為這套框架可觀的市場接受度:


圖片.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末代态,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子疹吃,更是在濱河造成了極大的恐慌蹦疑,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件萨驶,死亡現(xiàn)場離奇詭異歉摧,居然都是意外死亡,警方通過查閱死者的電腦和手機篡撵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門判莉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來豆挽,“玉大人育谬,你說我怎么就攤上這事“锕” “怎么了膛檀?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長娘侍。 經(jīng)常有香客問我咖刃,道長,這世上最難降的妖魔是什么憾筏? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任嚎杨,我火速辦了婚禮,結(jié)果婚禮上氧腰,老公的妹妹穿的比我還像新娘枫浙。我一直安慰自己刨肃,他們只是感情好,可當我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布箩帚。 她就那樣靜靜地躺著真友,像睡著了一般。 火紅的嫁衣襯著肌膚如雪紧帕。 梳的紋絲不亂的頭發(fā)上盔然,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天,我揣著相機與錄音是嗜,去河邊找鬼愈案。 笑死,一個胖子當著我的面吹牛叠纷,可吹牛的內(nèi)容都是我干的刻帚。 我是一名探鬼主播,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼涩嚣,長吁一口氣:“原來是場噩夢啊……” “哼崇众!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起航厚,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤顷歌,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后幔睬,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體眯漩,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年麻顶,在試婚紗的時候發(fā)現(xiàn)自己被綠了赦抖。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡辅肾,死狀恐怖队萤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情矫钓,我是刑警寧澤要尔,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站新娜,受9級特大地震影響赵辕,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜概龄,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一还惠、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧私杜,春花似錦蚕键、人聲如沸互拾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽颜矿。三九已至,卻和暖如春嫉晶,著一層夾襖步出監(jiān)牢的瞬間骑疆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工替废, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留箍铭,地道東北人。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓椎镣,卻偏偏與公主長得像诈火,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子状答,可洞房花燭夜當晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 1.前言 2017悄然過去冷守,2018已經(jīng)來到。人在進步惊科,技術(shù)在發(fā)展拍摇。2018年前端有哪些領(lǐng)域,技術(shù)值得關(guān)注馆截,哪些技...
    易恒_033a閱讀 323評論 0 0
  • 因個人精力有限充活,暫停簡書的維護,歡迎大家關(guān)注我的知乎https://www.zhihu.com/people/we...
    尾尾閱讀 1,181評論 3 13
  • 摘要: 前端發(fā)展迅速蜡娶,非郴炻眩快! 原文:2018年前端開發(fā)回顧 作者:前端小智 Fundebug經(jīng)授權(quán)轉(zhuǎn)載窖张,版權(quán)歸原...
    Fundebug閱讀 2,328評論 0 17
  • 前言:本文是轉(zhuǎn)載文幕随,前端發(fā)展發(fā)展迅速,非常的快。內(nèi)容將回顧2018年一些重要的前端新聞荤堪,事件和 JavaScrip...
    強哥科技興閱讀 300評論 0 0
  • 最近買了尤雨溪大大的Live:不吹不黑聊聊前端框架合陵,這場Live讓我的前端思維到了前所未有的高度:當我們身為前端開...
    李牧羊閱讀 22,679評論 3 34