前端概念理解

模板時代

我爲何稱之爲模板時代呢？是由於那個時代的的前端被稱之爲切圖崽，後端生成html模板，返回到客戶端，在渲染成html網頁，啊，慢的一匹。

先後分離的造神時代

傳統的MCV形式：前端寫html，後端套界面，轉成jsp、asp、php等這種模板。先後端分離MVVM形式：前端html五、js、css三、邏輯處理、異步接口獲取等。 目前比較主流框架：vue、react、angular等框架。

先後端分離的例子即是SPA(Single-page application)，一切用到的展現數據都是後端經由過程異步接口(AJAX/JSONP)的方法供給的，前端儘管展現。

頁面渲染，瀏覽器主要作的工做：

1.加載：根據請求的URL進行域名解析，向服務器發起請求，接收文件（HTML、JS、CSS、圖象等）。

2.解析：對加載到的資源（HTML、JS、CSS等）進行語法解析，建議相應的內部數據結構（好比HTML的DOM樹，JS的（對象）屬性表，CSS的樣式規則等等）。

3.渲染：構建渲染樹，對各個元素進行位置計算、樣式計算等等，而後根據渲染樹對頁面進行渲染（能夠理解爲「畫」元素）。

這幾個過程不是徹底孤立的，會有交叉，好比HTML加載後就會進行解析，而後拉取HTML中指定的CSS、JS等。

參考如下連接：

https://blog.csdn.net/weixin_40415614/article/details/79699358 

https://juejin.im/entry/5a111eb7f265da431c6fe51c