Web開發現狀與趨勢

1、HTML語言來(lái)編寫界面，服務器處理每一次請求都需要(yào / yāo)重新加載網頁，這(zhè)使得響應速度與用戶體驗都非常糟糕，特别是(shì)在(zài)網速緩慢的(de)年代。在(zài)Gmail中，使用了(le／liǎo)與服務器高度互動的(de)JavaScript腳本，實現了(le／liǎo)更好的(de)局部刷新效果，讓交互體驗更接近常規軟件。

2、在(zài)高速發展的(de)時(shí)期裏，前端項目變得越來(lái)越複雜，把這(zhè)階段遇到(dào)的(de)一些前端開發問題如浏覽器兼容，操作DOM的(de)複雜度等逐漸放大(dà)了(le／liǎo)出(chū)來(lái)。于(yú)是(shì)就(jiù)出(chū)現了(le／liǎo)Dojo，Prototype，MooTools，jQuery等代碼庫來(lái)對其進行各種補充修正。

jQuery以(yǐ)其巧妙的(de)接口封裝，簡潔的(de)鏈式寫法和(hé / huò)高效的(de)選擇器實現，再加上(shàng)豐富的(de)插件體系，不(bù)需要(yào / yāo)關注不(bù)同浏覽器的(de)接口差異問題，大(dà)大(dà)提升了(le／liǎo)前端開發的(de)生産力。

3、伴随着各種DOM操作庫與模闆引擎的(de)出(chū)現，再加上(shàng)相應的(de)UI組件庫的(de)普及，前端社區内也(yě)出(chū)現各類前端架構化的(de)嘗試和(hé / huò)小範圍的(de)實踐。不(bù)少公司的(de)項目也(yě)由原先後端主導的(de)模式轉向富前端化，将更多的(de)邏輯交由前端來(lái)實現，而(ér)後端僅提供更爲(wéi / wèi)底層的(de)數據處理與部署運維。

4、爲(wéi / wèi)了(le／liǎo)追求更快的(de)頁面訪問體驗，提出(chū)了(le／liǎo)單頁Web應用（Single Page Application）的(de)概念，前端社區中各類架構概念的(de)遷移與實踐也(yě)不(bù)斷出(chū)現。

5、從MVC（Model-view-Control）到(dào)後來(lái)的(de)MVVM（Model-View-ViewModel），MVVM最主要(yào / yāo)的(de)特點是(shì)雙向綁定技術，解決了(le／liǎo)Model層和(hé / huò)View層的(de)強耦合問題。

在(zài)JavaScript中也(yě)有一批實現了(le／liǎo)這(zhè)種架構的(de)框架，如AngularJS，Knockout，Ember，Vue等。其中，AngularJS其自身定位爲(wéi / wèi)MVW（Model-View-Whatever）模式，并以(yǐ)雙向數據綁定技術，簡潔易用的(de)模闆語法，強大(dà)的(de)依賴注入功能吸引了(le／liǎo)衆多擁護者。

Angular的(de)簡單認識：

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

Angular CLI工程化流程：