**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