**FrontEnd(前端)架構**:前端指用戶請求到達網站應用服務器之前經歷的環節,通常不包含網站業務邏輯,不處理動態內容。
[TOC]
## 1.1 **瀏覽器優化技術**
并不是優化瀏覽器,而是通過優化響應頁面,加快瀏覽器頁面的加載和顯示,常用的有頁面緩存、合并HYrp減少請求次數、使用頁面壓縮等。
## 1.2 **CDN**(Content Distribute Network)
內容分發網絡,部署在網絡運營商機房,通過將靜態頁面內容分發到離用戶最近的cDN服務器,使用戶可以通過最短路徑獲取內容。
## 1.3 **動靜分離,靜態資源獨立部署**
靜態資源,如JS、CSS等文件部署在專門的服務器集群上,和Web應用動態內容服務分離,并使用專門的(二級)域名。
## 1.4 **圖片服務**
圖片不是指網站Logo、按鈕圖標等,這些文件屬于上面提到的靜態資源,應該和JS.CSS部署在一起。這里的圖片指用戶上傳的圖片,如產品圖片、用戶頭像等,圖片服務同樣使用獨立部署的圖片服務器集群,并使用獨立(二級)域名。
## 1.5 **反向代理**
部署在網站機房,在應用服務器、靜態資源服務器、圖片服務器之前,提供頁面緩存服務。
## 1.6 **DNS**(Domain Name Service)
域名服務,將域名解析成IP地址,利用DNS可以實現DNS負載均衡,配置CDN也需要修改DNS,使域名解析后指向CDN服務器。
- 軟件工程
- 1. 基礎
- 計算
- 網絡
- 存儲
- 2. 開發/運維
- 微服務
- 容器化(Docker)
- 容器網絡
- 持續集成
- 持續發布
- 3. 架構
- 操作系統
- Linux服務器
- windows
- 內存
- 應用軟件
- 前端
- 后端
- 數據庫
- 協議
- 服務
- 分布式
- LNMP+Vue.js
- web網站架構技術
- 架構演化
- 架構分層
- Layer1. Frontend
- Layer2. Application
- Layer3. Service
- Layer4. Storage
- Layer5. Backend
- Layer6. Operation
- Layer7. Security
- Layer8. DataCenter
- 架構模式
- 架構要素
- 1. Performance
- 2. Availability
- 3. 可伸縮性
- 4. 可擴展性
- 5. 安全
- 6. 成本
- 4. 開發項目
- vue-php