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

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

相信看了這些案例你已經掌握了方法，更多精彩請關注風君子博客其它相關文章！

相關閱讀：

實現瀑布流布局的倆種方法

詳解瀏覽器渲染流程

overflow的滾動有哪些重要性

HTML中移動端有哪些布局方案

以上就是什么是前端的詳細內容，更多請關注風君子博客其它相關文章！

總結

以上是生活随笔為你收集整理的什么是前端(到底什么是前端)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。