前端有必要去學(xué)Nodejs嗎？

有必要學(xué)

現(xiàn)在很多流行的前端框架（如：vue）和打工工具（如：webpack）都是基于Node.js構(gòu)建的，如果你想深入地了解前端框架的構(gòu)建和打包建議還是學(xué)習(xí)下Node.js。而且Nodejs語法完全是js語法，只要你懂js基礎(chǔ)就可以很快地掌握Node.js。

Node.js是一個(gè)基于 Chrome V8 引擎的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 是一個(gè)現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(module bundler)，它能把各種資源作為模塊來使用和處理，把有依賴關(guān)系的各種文件打包成一系列的靜態(tài)資源。如圖中所示，webpack支持打包腳本、樣式、圖片、表等資源。

Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，只需關(guān)注視圖層，不僅容易上手，還便于與第三方庫或既有項(xiàng)目整合。Vue有配套的第三方類庫，可以和各種支持類庫結(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來構(gòu)建的，這也能說明NodeJS在市面上是非常受歡迎的。小編也學(xué)習(xí)NodeJS并更新有NodeJS專欄【NodeJS從入門到精通實(shí)戰(zhàn)系列】，如果感興趣可以關(guān)注小編「編程手札」，一起學(xué)習(xí)NodeJS。