Web開(kāi)發(fā)現(xiàn)狀與趨勢(shì)

1、HTML語(yǔ)言來(lái)編寫(xiě)界面，服務(wù)器處理每一次請(qǐng)求都需要重新加載網(wǎng)頁(yè)，這使得響應(yīng)速度與用戶體驗(yàn)都非常糟糕，特別是在網(wǎng)速緩慢的年代。在Gmail中，使用了與服務(wù)器高度互動(dòng)的JavaScript腳本，實(shí)現(xiàn)了更好的局部刷新效果，讓交互體驗(yàn)更接近常規(guī)軟件。

2、在高速發(fā)展的時(shí)期里，前端項(xiàng)目變得越來(lái)越復(fù)雜，把這階段遇到的一些前端開(kāi)發(fā)問(wèn)題如瀏覽器兼容，操作DOM的復(fù)雜度等逐漸放大了出來(lái)。于是就出現(xiàn)了Dojo，Prototype，MooTools，jQuery等代碼庫(kù)來(lái)對(duì)其進(jìn)行各種補(bǔ)充修正。

jQuery以其巧妙的接口封裝，簡(jiǎn)潔的鏈?zhǔn)綄?xiě)法和高效的選擇器實(shí)現(xiàn)，再加上豐富的插件體系，不需要關(guān)注不同瀏覽器的接口差異問(wèn)題，大大提升了前端開(kāi)發(fā)的生產(chǎn)力。

3、伴隨著各種DOM操作庫(kù)與模板引擎的出現(xiàn)，再加上相應(yīng)的UI組件庫(kù)的普及，前端社區(qū)內(nèi)也出現(xiàn)各類(lèi)前端架構(gòu)化的嘗試和小范圍的實(shí)踐。不少公司的項(xiàng)目也由原先后端主導(dǎo)的模式轉(zhuǎn)向富前端化，將更多的邏輯交由前端來(lái)實(shí)現(xiàn)，而后端僅提供更為底層的數(shù)據(jù)處理與部署運(yùn)維。

4、為了追求更快的頁(yè)面訪問(wèn)體驗(yàn)，提出了單頁(yè)Web應(yīng)用（Single Page Application）的概念，前端社區(qū)中各類(lèi)架構(gòu)概念的遷移與實(shí)踐也不斷出現(xiàn)。

5、從MVC（Model-view-Control）到后來(lái)的MVVM（Model-View-ViewModel），MVVM最主要的特點(diǎn)是雙向綁定技術(shù)，解決了Model層和View層的強(qiáng)耦合問(wèn)題。

在JavaScript中也有一批實(shí)現(xiàn)了這種架構(gòu)的框架，如AngularJS，Knockout，Ember，Vue等。其中，AngularJS其自身定位為MVW（Model-View-Whatever）模式，并以雙向數(shù)據(jù)綁定技術(shù)，簡(jiǎn)潔易用的模板語(yǔ)法，強(qiáng)大的依賴注入功能吸引了眾多擁護(hù)者。

Angular的簡(jiǎn)單認(rèn)識(shí)：

Angular的七個(gè)核心概念：

Angular CLI工程化流程：