了解到的前端新技術總結
在最近的一個月內,快速的了解一下。
不要求都精通(不可能),但要全部了解一下。
然后找其中一個深入學習一下。
本文對整個前端包括node端涉及到的技術進行一個梳理,對各個知識點進行准確定位。
一、前端模塊化
隨着前端需求復雜度不斷增加,一個公司內的前端開發人員也迅速增加,前端需要和后端開發一樣的模塊化支持,來方便的引用外部的開源的js代碼,團隊之間的配合。因此前端模塊化悄然滋生,無奈js天生不健全,不支持繼承,不支持接口,沒有類的概念。所以需要通過function模擬實現。而這種實現方案也是百家爭鳴,現在總算有了比較統一的標准規范了。
(es6中,這些都不是問題了)
commonJS模塊規范
cmd和amd
require.js sea.js
nodejs中的模塊化方案
二、前端工程化
前端需求復雜了,前端這個工程也是一個大工程了。但很多前端的重復性的工作還需要人來手動完成,比如壓縮合並js、css,編譯sass、less,合並精靈圖等,現在利用nodejs這個平台的js可以操作文件,一系列的前端構建工具也在npm平台應運而生。
已歸類:
構建工具
grunt
gulp
……
前端模塊化管理工具(包管理工具)
bower
npm 現在定位是JavaScript模塊管理工具(包管理工具)。開始主要針對node.js平台,現在越來越多開發者把它用於前端。
……
淘寶前端模塊化管理工具 spm
前端工具包(工具集 utilities):
webpack
fis(百度前端管理工具、方案)
未歸類:
phantomjs
browserify 功能:編譯js。開發者像寫node.js代碼一樣寫前端代碼,然后用它編譯和合並文件。
三、前端框架
前端框架是包括css js iconfont等的一整套前端開發方案,他可以用來快速的開發前端項目。
傳統的前端框架,比如YUI,比如Bootstrap。不多做介紹。
這里不得不說道,js模板引擎(了解更多)
MVVM前端框架
react
angular 2.0
vue
四、nodejs
一個用js開發網站的后端平台
npm
package.json
nodejs api
