當咱們說前端，咱們在說什麼？

概述

過年的時候和表哥聊天，他說之前也用html，js，css寫過網頁，那如今的前端和那個時候有什麼不一樣，我當時就向他介紹了一下前端。

可是當時我對前端的理解也不是很透徹，因此我自我感受也沒有介紹清楚。

隨着我本身學習的深刻，我本身以爲有必要總結一篇前端和寫網頁不一樣的博文了。同時也爲了記錄下我如今的看法和認識，等過一段時間回過頭來在看，確定會對本身的提升有不少感悟。

因爲知識水平實在有限，若是有什麼錯誤，麻煩在評論區中指出，謝謝！

網頁開發時代

那個時候，人們經過html寫網頁，而且用js，css調整樣式。

咱們在各類經典書籍《Head First HTML與CSS》《精通CSS：高級Web標準解決方案》《JavaScript高級程序設計》裏面學到的，也基本是這方面的東西。慕課網上的大部分視屏，也都僅限於這方面而已。

網頁模板時代

隨着網頁的複雜度加大，程序員爲了開發上的便利，因而開發各類網頁模板語言。

好比說簡化寫css的less語言，簡化寫js的coffeejs，還有不少html和js混寫的各類模板。

ajax時代

隨着js的發展，XHR的發明使得程序員能夠在前端處理數據，分擔了一些後端的工做。

很好的例子是表單驗證啊，瀏覽器滑塊滑到底部纔開始加載圖片啊什麼的。

SPA時代

SPA=Single Page Application單頁面應用。

隨着ajax的發展，人們在瀏覽器端就能夠作數據處理，這就意味着前端能夠寫一整個應用程序，即SPA。

在SPA時代，程序員用js來處理整個前端部分，用戶在打開網站的時候就下載全部的js，在之後的打開頁面等交互中，就直接在瀏覽器端用js進行處理，不須要向服務端發送http請求。

這個時候有一個很重要的概念就是路由，因爲打開頁面不發送http請求，因此對於一個網址，須要瀏覽器不知道怎麼辦。這個時候須要有一種機制來指導瀏覽器對於什麼網址打開什麼內容，這就是路由。

MVC時代

隨着SPA時代的發展，人們爲了開發的方便，常常把項目分爲各類模塊。其中最典型的是MVC，即model，view和control。

這個時代涌現出各類框架，好比backbone框架等。

MVVM時代

因爲MVC的control模塊通常是由服務端處理的，這不屬於前端的內容。爲了解決這個問題，人們提出了一種解決辦法，就是利用view model來代替control，這就是MVVM框架的由來。實現的技術叫作雙向綁定。

這個時代就出現了現代前端框架：reactjs,angularjs等。這個時候，前端工程師已經能夠開發在瀏覽器上運行的和應用軟件同樣的軟件了，包括在手機瀏覽器上運行的。