將近4年前，我寫(xiě)了一篇名為《Future of Web and Mobile: HTML5, CSS3 and Javascript》的博客文章，其中我提到了Javascript的出現(xiàn)，以及JavaScript框架，例如jQuery、Knockout等的爆發(fā)。

快進(jìn)到現(xiàn)在，我發(fā)現(xiàn)現(xiàn)代web開(kāi)發(fā)再一次將發(fā)生壓倒性的改變。信息資訊的鋪天蓋地令人迷惑，尤其對(duì)于初學(xué)者而言。首要原因是新的框架，例如Angular 2和ReactJs出現(xiàn)了，使用了尚未完全定型的ECMAScript 6特性。并且有更多的工具可用于轉(zhuǎn)換ES6代碼為普通的舊的JavaScript代碼，也就是ES5。

我概括了一系列我們應(yīng)該學(xué)習(xí)的編程語(yǔ)言/工具，以便于理解勢(shì)不可擋和快速變化的現(xiàn)代web開(kāi)發(fā)。

JavaScript

這是唯一一種所有瀏覽器都理解的編程語(yǔ)言，并且它是前端開(kāi)發(fā)的支柱。JavaScript也被稱(chēng)為ECMAScript，ES 5。在深入其他語(yǔ)言之前好好理解這門(mén)編程語(yǔ)言非常重要。

ES6

這是Javascript語(yǔ)言的擴(kuò)展，而且許多瀏覽器正在實(shí)現(xiàn)ES6。好處是哪怕是現(xiàn)在，你也可以開(kāi)始編寫(xiě)ES6代碼，因?yàn)槟憧梢允褂胻ranspiler（轉(zhuǎn)譯器）如babel來(lái)轉(zhuǎn)換ES6代碼為ES5代碼。經(jīng)歷這些并了解新功能是一件好事。不過(guò)，沒(méi)有不要鉆研得太深因?yàn)樗鼈兒苋菀装l(fā)生變化。

babel

這是最流行的ES6到ES5轉(zhuǎn)譯器之一。此外，它還被許多框架，如React所推薦。要想實(shí)時(shí)地將ES6轉(zhuǎn)換為ES5代碼，在https://babeljs.io/repl/有一個(gè)可用的REpL。

需要注意的是babel不僅僅是ES6到ES5的轉(zhuǎn)譯器。它也是JSX到JavaScript的轉(zhuǎn)譯器。不知道什么是JSX？那么請(qǐng)看下面。

NodeJS

NodeJS是一個(gè)服務(wù)器端平臺(tái)，它允許你用JavaScript語(yǔ)言構(gòu)建后端。為什么我要提NodeJS呢？這是因?yàn)?，即使你?duì)后端開(kāi)發(fā)不感興趣，但是許多前端工具依賴(lài)于NodeJS。至少要熟悉node和它的命令行工具。

NpM

NpM是node的軟件包管理器。就像pip之于python，ruby gems之于Ruby，以及Maven之于Java。了解如何安裝/刪除/升級(jí)軟件包，尤其是package.json文件結(jié)構(gòu)。

Grunt或Gulp

這兩個(gè)是運(yùn)行在Node平臺(tái)上最為流行的任務(wù)運(yùn)行器。從技術(shù)上講，它們是針對(duì)npm的軟件包。它們?cè)试S你自動(dòng)化許多前端任務(wù)，如Lint源文件，串聯(lián)，縮減，部署以及更多。

bower

這是用于前端庫(kù)本身的一個(gè)軟件包管理工具。想添加Jquery到你的應(yīng)用程序？和使用bower install jquery一樣容易。

上述工具用于基本的前端開(kāi)發(fā)已經(jīng)足夠。不過(guò)下面我還要說(shuō)一說(shuō)兩個(gè)最流行的框架，即React和Angular。

ReactJs

ReactJs是構(gòu)建視圖最流行的前端庫(kù)。請(qǐng)注意，它不僅僅是MVC中的V，因此和框架如Angular沒(méi)有比較性。ReactJs是用ES6寫(xiě)的，并且可以用babel轉(zhuǎn)譯為ES5。它還使用也可以用babel轉(zhuǎn)譯為JavaScript的JSX。

Webpack或browserify

這兩個(gè)都是最流行的模塊打包機(jī)。它們可以獲取js源代碼，找出正確的依賴(lài)關(guān)系，并發(fā)出可以驅(qū)動(dòng)整個(gè)應(yīng)用程序的JavaScript文件。我更喜歡Webpack。點(diǎn)此查看關(guān)于Webpack。

Flux或Redux

React組件被布置在一個(gè)層次結(jié)構(gòu)中。大部分時(shí)間，數(shù)據(jù)模型遵循層次結(jié)構(gòu)。在這種情況下，F(xiàn)lux并不怎么有用。然而，有時(shí)候你的數(shù)據(jù)模型是不分層的。當(dāng)你的React組件開(kāi)始接收外部道具，或你有少量的組件開(kāi)始變得非常復(fù)雜的時(shí)候，那么你可能會(huì)想要試試Flux。

Immutable.js

Immutable.js提供了一套數(shù)據(jù)結(jié)構(gòu)，可以幫助解決在構(gòu)建React app時(shí)的某些性能問(wèn)題。這是一個(gè)偉大的庫(kù)，你可能會(huì)在你的app中大量使用它，但是當(dāng)你關(guān)注于性能影響時(shí)，它就完全沒(méi)用了。

Angular 2

Angular 2是JavaScript中最流行的MVC框架之一的下一個(gè)版本。它被完全重新設(shè)計(jì)過(guò)了，并且有一條陡峭的學(xué)習(xí)曲線。全面支持雙向數(shù)據(jù)綁定。在選擇Angular 2開(kāi)發(fā)時(shí)要小心評(píng)估。

TypeScript

Angular 2推薦TypeScript作為編程語(yǔ)言的選。我不是很熟悉TypeScript，但我認(rèn)為它增加了靜態(tài)類(lèi)型到Javascript的動(dòng)態(tài)特性中。最后，我相信它只是一個(gè)轉(zhuǎn)譯器。

Service workers

實(shí)驗(yàn)性的ApI。它就像是在瀏覽器用于做各種工作的一個(gè)后臺(tái)線程。我想它也增加對(duì)離線瀏覽的支持。

Fetch ApI和push ApI

新聞標(biāo)題：Web開(kāi)發(fā)者需要學(xué)習(xí)的15大技術(shù)你值得觀看
URL分享：http://aaarwkj.com/news47/299397.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、軟件開(kāi)發(fā)、用戶(hù)體驗(yàn)、企業(yè)網(wǎng)站制作、定制網(wǎng)站、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)