web開發之前後端渲染

學習react的時候提到後端渲染，在這裡總結一下前端和後端渲染。

1.頁面渲染

首先，web開發中html檔案是一個文本檔案，其内容可以當作一個規定格式的字元串，而浏覽器按照這種格式去讀取這個字元串，然後在其内部實作的解釋器的作用下構造出一個Dom樹，另外css和js檔案也會被解釋，最終根據這棵樹在浏覽器裡呈現對應的圖像，是以我們可以把頁面渲染視為将字元串轉化為實實在在的Dom節點的過程。

2.前端和後端渲染

頁面渲染當然是隻能交給浏覽器去做的，而在web開發過程中，我們的根本目的是将資訊在浏覽器裡呈現給使用者，顯然這些資訊是放置于html标簽裡的，是以前後端渲染是指将資訊填充到html标簽拼接成html文本。

那麼如何填充呢？

這裡最簡單的方法是字元串拼接，資訊取自于資料庫，當這些資訊從資料庫傳到伺服器時，我們可以選擇直接在伺服器裡就把html文本和資料拼接好，然後交給浏覽器解釋，當然也可以選擇将資料交給浏覽器再讓js去拼接資料，是以誰拼接填充的html就是誰在渲染。

更進階的方法是使用模闆引擎，模闆引擎的應用很常見，比如ejs就是一種模闆引擎，使用模闆引擎可以更加高效地分離前後端開發任務和管理代碼，至于到底是使用前端渲染和後端渲染就不說了，這一點見仁見智。