有必要學(xué)
現(xiàn)在很多流行的前端框架(如:vue)和打工工具(如:webpack)都是基于Node.js構(gòu)建的,如果你想深入地了解前端框架的構(gòu)建和打包建議還是學(xué)習(xí)下Node.js。而且Nodejs語(yǔ)法完全是js語(yǔ)法,只要你懂js基礎(chǔ)就可以很快地掌握Node.js。
什么是Node.js
Node.js是一個(gè)基于ChromeV8引擎的JavaScript運(yùn)行環(huán)境,可以讓JavaScript運(yùn)行在服務(wù)端的開發(fā)平臺(tái)。Node提供了強(qiáng)大的npm代碼管理應(yīng)用和webpack等工具包,能夠很方便、快捷高效的解決項(xiàng)目依賴和部署問題輕松搭建Web應(yīng)用,借助事件驅(qū)動(dòng)和非阻塞I/O模型可以大大地提升了開發(fā)的性能。Node已經(jīng)發(fā)展成為一個(gè)成熟的開發(fā)平臺(tái)并吸引了許多開發(fā)者,它非常適合輕量級(jí)、快速的實(shí)時(shí)web應(yīng)用程序,現(xiàn)在有許多項(xiàng)目都采用Node進(jìn)行開發(fā)(Web應(yīng)用、程序監(jiān)控、媒體流、遠(yuǎn)程控制及移動(dòng)應(yīng)用)。
什么是Webpack
webpack是一個(gè)現(xiàn)代JavaScript應(yīng)用程序的靜態(tài)模塊打包器(modulebundler),它能把各種資源作為模塊來(lái)使用和處理,把有依賴關(guān)系的各種文件打包成一系列的靜態(tài)資源。如圖中所示,webpack支持打包腳本、樣式、圖片、表等資源。
什么是Vue
Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架,只需關(guān)注視圖層,不僅容易上手,還便于與第三方庫(kù)或既有項(xiàng)目整合。Vue有配套的第三方類庫(kù),可以和各種支持類庫(kù)結(jié)合使用。Vue擁有高效的數(shù)據(jù)綁定,可以提高渲染效率。Vue有靈活的組件系統(tǒng),能夠減少不必要的DOM操作。Vue讓前端程序員只需要關(guān)心數(shù)據(jù)的業(yè)務(wù)邏輯,不用再關(guān)心DOM是如何渲染了。Vue為前端開發(fā)提供了一整套完整的解決方案,大大地提高了前端開發(fā)的效率。
就是如此強(qiáng)大的Vue(前端三大主流框架之一,其他兩個(gè)分別是Angular和React),其腳手架也是借助Node.js構(gòu)建的。而且內(nèi)置的打包工具webpack也是基于Node.js打造的,并且學(xué)習(xí)了rollup的零配置思路。在設(shè)計(jì)上更加抽象和簡(jiǎn)潔,優(yōu)化和完善了很多配置。像這些主流的工具都是基于NodeJS來(lái)構(gòu)建的,這也能說(shuō)明NodeJS在市面上是非常受歡迎的。小編也學(xué)習(xí)NodeJS并更新有NodeJS專欄【NodeJS從入門到精通實(shí)戰(zhàn)系列】,如果感興趣可以關(guān)注小編「編程手札」,一起學(xué)習(xí)NodeJS。