前端雜亂總結

  1. 關於node.js

就前端來說nodejs具有劃時代的意義,
nodejs不是一個js框架,千萬不要認爲是類似jquery的框架,
nodejs是js運行時,運行環境,類比java中jvm
同樣nodejs的作用和jvm的一樣一樣的,也是js的運行環境,不管是你是什麼操作系統,
只要安裝對應版本的nodejs,那你就可以用js來開發後臺程序。
既然nodej都有了,jvm出現了,那接下來就是js大神開始封裝mvc框架,正如java大神開始封裝mvc框架一樣,
其中比較有名的是expressjs。
記住,當你看到這些js框架的時候,微微一笑,原來就是寫mvc框架,基於nodejs:
Sails. js,Total.js,Partial.js,Koa. js,Locomotive. js,Express. js,Flatiron. js
【js模塊化】
相關概念:
commonjs,amd,cmd,umd
相關框架:
commonjs,seajs,requirejs,coolie
類比Java中的:
import,對就是import。

2. 關於vue與node的關係

Vue.js可以在html裏引用,使用npm引入是方便包管理。
等到應用需要的庫和框架多起來後,一個個從html裏引入就不方便了。
所以用到打包工具比如webpack,可以直接require引入之後將不同模塊打包成單個js文件。同時這些工具提供各種自動化處理,讓前端開發更爽。
目前使用nodejs最多的場景是前端構建工具,比如webpack,gulp。。而vue的組件要編譯勢必要藉助webpack,所以肯定要提供npm的安裝方式啊

3. 關於webpack

從圖中我們可以看出,Webpack 可以將多種靜態資源 js、css、less 轉換成一個靜態文件,減少了頁面的請求。
項目編譯時,執行npm run build命令,會去找到webpack,然後webpack將【自己的項目代碼】、【vue代碼】、【express代碼】、【圖片css】等揉合在一起,輸出下面四個文件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章