图片仅供参考

一、常见软件架构

1、架构基本介绍

• 架构可以理解为用来指导软件产品成型的一种思想，当前软件行业最常见的两种架构分别是B/S【浏览器/服务器模型】和C/S【客户端/服务器模型】，B指的是Browser，C指的是Client，S值得是Server

2、B/S架构和C/S架构比较

• 标准
  对于B/S架构来说，无论是浏览器还是服务器都有现成的软件供我们去使用，而C/S架构中的客户端一般都是由开发者自定义完成开发，所以相对来说B/S架构开发要标准一些
• 效率
  因为B/S架构当中所有的数据处理操作都发生在服务器端，而C/S架构的客户端是可以来分担一些服务器数据处理工作的，因此相对来说C/S架构的处理效率会高一些
• 升级
  B/S架构只需要将服务器进行更新，那么前台页面会自动刷新；而C/S架构若想要升级就必须将两端都重新制作，下载安装后才可以使用
• 安全性
  相当于C/S架构来说，B/S架构的安全性会低一些
• 开发成本
  因为浏览器不需要我们开发，因此我们认为C/S架构的开发成本相对较高

二、浏览器和图片类型介绍

1、浏览器定义

• 浏览器本身就是一款软件，我们直接将其安装在操作系统上去使用，一般用于浏览网页
• 五大浏览器生产厂商：IE、Firefox、Chrome、Safari、Opera
• 对于浏览器来说，其最核心的技术就是浏览器内核

2、浏览器内核

• Trident
  IE浏览器1995年推出的一款内核
• Gecko
  目前Firefox浏览器使用的内核
• Blink
  由KHTML内核发展而来，Chrome浏览器在使用
• WebKit
  由KHTML内核发展而来，Safari浏览器在使用
• Presto
  该内核当前已经停止更新，用于Opera浏览器，现在这款浏览器已经向Chrome看齐

3、常见的图片类型

• .jpg
  颜色信息比较丰富的一种图片格式
• .png
  可以支持透明的一种图片格式
• .gif
  支持动图，占用体积小
• .psd
  分层的图片【常见于PSD设计稿】

三、域名和服务器介绍

1、域名的基本介绍

• 域名就是为了方便用户去记忆而自己设计的一个名字，一般需要花钱购买
• 域名一般分为三个部分
  ① 一级域名
  就是最后一个点号后面的内容（.com、.cn、.net等）
  ② 二级域名
  就是一级域名左边的内容，一般都是需求方自己设计，一级域名与二级域名连在一起应当是全世界唯一（taikeman.cn、taikeman.com等）
  ③ 三级域名
  一般都是用户自定义，最常见的就是www

2、服务器与URL

• 服务器
  就认为是一台电脑，上面安装相应的服务器软件，来为用户提供服务操作
• URL
  就认为是用户卸载浏览器地址栏里的一长串，由【协议+域名+端口号+路径+具体的文件名称】组成

3、网站的访问过程

• 在浏览器中输入URL
• 这个URL需要通过解析，去找到相应的IP
• 查找相应的IP，首先会从本地的hosts文件开始，若找不到则去DNS服务器查找
• 若DNS服务器找到了目标IP，会先发送一个测试的请求，通过之后在发送正式请求
• 服务器接收到正式的请求后，它还需要进行验证；若验证通过，则去查找当次请求想要的文件
• 服务器开始处理我们想要的文件，这个过程中可能会用到数据库中的数据
• 当服务器将文件处理完毕后，再通过http协议还给浏览器，浏览器用自己的渲染引擎来进行渲染展示

4、网站访问流程图

图1 网站访问流程图

四、网络基本概念

1、名词解释

• 客户端（Client）
  移动应用（IOS、Android、Web等应用）
• 服务器（Server）
  为客户端提供服务、数据和资源的机器
• 请求（Request）
  客户端向服务器索取数据的一种行为
• 响应（Response）
  服务器向客户端的请求做出的反应，一般指返回数据给客户端

2、客户端与服务器交互

图2 交互模型图

五、HTTP协议

1、概念

• 协议
  计算机通信网络中两台计算机之间进行通信所必须共同遵守的规则或规定
• HTTP协议
  超文本传输协议，是一种规定了浏览器和服务器之间通信的规则

2、URL（统一资源定位符）

• 概念
  互联网上资源的地址或位置，每一个资源都有一个唯一的URL
• 格式
  协议://主机地址/路径
• 案例
  https://www.jianshu.com/p/3e1a6560a853

3、请求内容

• HTTP请求组成
  ① 请求行

图3 请求行

② 请求头

图4 请求头

③ 请求空行
④ 请求体
请求方法为GET，请求体没有数据
请求方法为POST，请求体有数据

4、GET方法和POST方法

• GET方法

图5 GET方法

① 提交的数据显示在地址栏，不安全
② 提交的数据量有限制
③ 不重要的数据使用GET方法

• POST方法

图6 POST方法

① 隐式提交数据，更安全
② 没有数据量大小的限制
③ 重要数据使用POST方法

5、响应内容

• HTTP响应组成
  ① 响应行

图7 响应行

② 响应头

图8 响应头

③ 响应体

图9 响应体

6、常见响应状态码

• 状态码由三位数字组成，第一位数字定义了响应类型，有5种可能取值

图10 状态码类型

• 常见状态码

图11 常见状态码

7、API接口

• 接口概念
  应用程序编程接口（API）：以HTTP协议形式提供，定义了输入、输出、功能描述的服务
• 模型图

图12 模型图