什麼是前端

這次帶給大家甚麼是前端，前端的概念詳解，一起來看一下。

過年的時候跟表哥聊天，他說以前也用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等。這時候，前端工程師已經可以開發在瀏覽器上運行的和應用軟體一樣的軟體了，包括在手機瀏覽器上運行的。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！