前端技術總結(前端技術地圖)


了解到的前端新技術總結

在最近的一個月內,快速的了解一下。

不要求都精通(不可能),但要全部了解一下。

然后找其中一個深入學習一下。

本文對整個前端包括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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM