Web 開發模式

# 目前主流的Web 開發模式   兩種
一、基于 服務器端渲染  的傳統      Web開發模式
二、基于 前后端分離    的新型      Web開發模式# 服務端渲染的優缺點# 優點：1. 前端耗時少因為服務端負責動態生成 HTML內容，瀏覽器（包括手機端）只需要直接渲染頁面即可。尤其是移動端，更省電2. 有利于SEO因為服務端響應是完成的 HTML 內容， 所以爬蟲更容易爬取獲得信息，更有利于 SEO# 缺點：1. 占用服務端資源即服務端完成 HTML頁面內容的拼接，如果請求較多（特別是電商這種互聯網項目），會對服務器造成一定的訪問壓力2. 不利于前后端分離，開發效率低 使用服務端渲染，則 無法進行分工合作，尤其對于 前端復雜度高 的項目，不利于項目高效開發# 前后端分離的 web 開發模式前后端分離的開發模式，依賴于Ajax(是依賴XHR) 技術的廣泛應用。簡單來說，后端只負責提供API接口，前端使用Ajax調用接口的開發模式
# 前后端分離的優缺點# 優點1. 開發體驗好   前端專注UI頁面的開發，后端專注api的開發，且前端有更多的選擇性（比如  VUE、React、Angular）2. 用戶體驗好    Ajax技術的廣泛應用，極大的提高了用戶的體驗，可以輕松實現頁面的局部刷新3. 減輕服務端的渲染壓力    因為頁面最終是在每個用戶的瀏覽器中生成的。# 缺點1. 不利于SEO  因為 完整的 HTML頁面需要在客戶端動態拼接生成。
# 服務端渲染的  Web 開發模式  服務器發送給客戶端的HTML頁面，是在服務器通過字符串的拼接，動態生成的 ，因此，客戶端不需要使用Ajax這樣的技術額外請求頁面的數據//以為 nodejs 為例app.get('/index.html',(req,res)=>{// 要渲染的數據const user = { name:'zen',age:20}// 服務端通過字符串拼接，動態生成 HTML 內容const html = `<h1>姓名：${use.name},年齡：${use.age}</>`//把生成號的頁面內容響應給客戶端。客戶端拿到的是帶有真實數據的 HTML 頁面res.send(html)})

不同開發模式的身份認證

# 服務端渲染Web開發模式   推薦   Session認證機制
# 前后端分離Web開發模式   推薦   JWT 認證機制