圖片僅供參考
一扭仁、常見(jiàn)軟件架構(gòu)
1垮衷、架構(gòu)基本介紹
- 架構(gòu)可以理解為用來(lái)指導(dǎo)軟件產(chǎn)品成型的一種思想，當(dāng)前軟件行業(yè)最常見(jiàn)的兩種架構(gòu)分別是B/S【瀏覽器/服務(wù)器模型】和C/S【客戶端/服務(wù)器模型】乖坠，B指的是Browser搀突，C指的是Client，S值得是Server
2熊泵、B/S架構(gòu)和C/S架構(gòu)比較
- 標(biāo)準(zhǔn)
對(duì)于B/S架構(gòu)來(lái)說(shuō)仰迁，無(wú)論是瀏覽器還是服務(wù)器都有現(xiàn)成的軟件供我們?nèi)ナ褂茫鳦/S架構(gòu)中的客戶端一般都是由開(kāi)發(fā)者自定義完成開(kāi)發(fā)顽分，所以相對(duì)來(lái)說(shuō)B/S架構(gòu)開(kāi)發(fā)要標(biāo)準(zhǔn)一些 - 效率
因?yàn)锽/S架構(gòu)當(dāng)中所有的數(shù)據(jù)處理操作都發(fā)生在服務(wù)器端徐许，而C/S架構(gòu)的客戶端是可以來(lái)分擔(dān)一些服務(wù)器數(shù)據(jù)處理工作的，因此相對(duì)來(lái)說(shuō)C/S架構(gòu)的處理效率會(huì)高一些 - 升級(jí)
B/S架構(gòu)只需要將服務(wù)器進(jìn)行更新卒蘸，那么前臺(tái)頁(yè)面會(huì)自動(dòng)刷新雌隅；而C/S架構(gòu)若想要升級(jí)就必須將兩端都重新制作，下載安裝后才可以使用 - 安全性
相當(dāng)于C/S架構(gòu)來(lái)說(shuō)悬秉，B/S架構(gòu)的安全性會(huì)低一些 - 開(kāi)發(fā)成本
因?yàn)闉g覽器不需要我們開(kāi)發(fā)，因此我們認(rèn)為C/S架構(gòu)的開(kāi)發(fā)成本相對(duì)較高
二冰蘑、瀏覽器和圖片類(lèi)型介紹
1和泌、瀏覽器定義
- 瀏覽器本身就是一款軟件，我們直接將其安裝在操作系統(tǒng)上去使用祠肥，一般用于瀏覽網(wǎng)頁(yè)
- 五大瀏覽器生產(chǎn)廠商：IE武氓、Firefox、Chrome、Safari县恕、Opera
- 對(duì)于瀏覽器來(lái)說(shuō)东羹，其最核心的技術(shù)就是瀏覽器內(nèi)核
2、瀏覽器內(nèi)核
- Trident
IE瀏覽器1995年推出的一款內(nèi)核 - Gecko
目前Firefox瀏覽器使用的內(nèi)核 - Blink
由KHTML內(nèi)核發(fā)展而來(lái)忠烛，Chrome瀏覽器在使用 - WebKit
由KHTML內(nèi)核發(fā)展而來(lái)属提，Safari瀏覽器在使用 - Presto
該內(nèi)核當(dāng)前已經(jīng)停止更新，用于Opera瀏覽器美尸，現(xiàn)在這款瀏覽器已經(jīng)向Chrome看齊
3冤议、常見(jiàn)的圖片類(lèi)型
- .jpg
顏色信息比較豐富的一種圖片格式 - .png
可以支持透明的一種圖片格式 - .gif
支持動(dòng)圖，占用體積小 - .psd
分層的圖片【常見(jiàn)于PSD設(shè)計(jì)稿】
三师坎、域名和服務(wù)器介紹
1恕酸、域名的基本介紹
- 域名就是為了方便用戶去記憶而自己設(shè)計(jì)的一個(gè)名字，一般需要花錢(qián)購(gòu)買(mǎi)
- 域名一般分為三個(gè)部分
① 一級(jí)域名
就是最后一個(gè)點(diǎn)號(hào)后面的內(nèi)容（.com胯陋、.cn蕊温、.net等）
② 二級(jí)域名
就是一級(jí)域名左邊的內(nèi)容，一般都是需求方自己設(shè)計(jì)遏乔，一級(jí)域名與二級(jí)域名連在一起應(yīng)當(dāng)是全世界唯一（taikeman.cn义矛、taikeman.com等）
③ 三級(jí)域名
一般都是用戶自定義，最常見(jiàn)的就是www
2按灶、服務(wù)器與URL
- 服務(wù)器
就認(rèn)為是一臺(tái)電腦症革，上面安裝相應(yīng)的服務(wù)器軟件，來(lái)為用戶提供服務(wù)操作 - URL
就認(rèn)為是用戶卸載瀏覽器地址欄里的一長(zhǎng)串鸯旁，由【協(xié)議+域名+端口號(hào)+路徑+具體的文件名稱(chēng)】組成
3噪矛、網(wǎng)站的訪問(wèn)過(guò)程
- 在瀏覽器中輸入U(xiǎn)RL
- 這個(gè)URL需要通過(guò)解析，去找到相應(yīng)的IP
- 查找相應(yīng)的IP铺罢，首先會(huì)從本地的hosts文件開(kāi)始艇挨，若找不到則去DNS服務(wù)器查找
- 若DNS服務(wù)器找到了目標(biāo)IP，會(huì)先發(fā)送一個(gè)測(cè)試的請(qǐng)求韭赘，通過(guò)之后在發(fā)送正式請(qǐng)求
- 服務(wù)器接收到正式的請(qǐng)求后缩滨，它還需要進(jìn)行驗(yàn)證；若驗(yàn)證通過(guò)泉瞻，則去查找當(dāng)次請(qǐng)求想要的文件
- 服務(wù)器開(kāi)始處理我們想要的文件脉漏，這個(gè)過(guò)程中可能會(huì)用到數(shù)據(jù)庫(kù)中的數(shù)據(jù)
- 當(dāng)服務(wù)器將文件處理完畢后，再通過(guò)http協(xié)議還給瀏覽器袖牙，瀏覽器用自己的渲染引擎來(lái)進(jìn)行渲染展示
4侧巨、網(wǎng)站訪問(wèn)流程圖
圖1 網(wǎng)站訪問(wèn)流程圖
四、網(wǎng)絡(luò)基本概念
1鞭达、名詞解釋
- 客戶端（Client）
移動(dòng)應(yīng)用（IOS司忱、Android皇忿、Web等應(yīng)用） - 服務(wù)器（Server）
為客戶端提供服務(wù)、數(shù)據(jù)和資源的機(jī)器 - 請(qǐng)求（Request）
客戶端向服務(wù)器索取數(shù)據(jù)的一種行為 - 響應(yīng)（Response）
服務(wù)器向客戶端的請(qǐng)求做出的反應(yīng)坦仍，一般指返回?cái)?shù)據(jù)給客戶端
2鳍烁、客戶端與服務(wù)器交互
圖2 交互模型圖
五、HTTP協(xié)議
1繁扎、概念
- 協(xié)議
計(jì)算機(jī)通信網(wǎng)絡(luò)中兩臺(tái)計(jì)算機(jī)之間進(jìn)行通信所必須共同遵守的規(guī)則或規(guī)定 - HTTP協(xié)議
超文本傳輸協(xié)議幔荒，是一種規(guī)定了瀏覽器和服務(wù)器之間通信的規(guī)則
2、URL（統(tǒng)一資源定位符）
- 概念
互聯(lián)網(wǎng)上資源的地址或位置锻离，每一個(gè)資源都有一個(gè)唯一的URL - 格式
協(xié)議://主機(jī)地址/路徑 - 案例
http://www.reibang.com/p/3e1a6560a853
3铺峭、請(qǐng)求內(nèi)容
- HTTP請(qǐng)求組成
① 請(qǐng)求行
圖3 請(qǐng)求行
② 請(qǐng)求頭
圖4 請(qǐng)求頭
③ 請(qǐng)求空行
④ 請(qǐng)求體
請(qǐng)求方法為GET，請(qǐng)求體沒(méi)有數(shù)據(jù)
請(qǐng)求方法為POST汽纠，請(qǐng)求體有數(shù)據(jù)
4卫键、GET方法和POST方法
- GET方法
圖5 GET方法
① 提交的數(shù)據(jù)顯示在地址欄，不安全
② 提交的數(shù)據(jù)量有限制
③ 不重要的數(shù)據(jù)使用GET方法
- POST方法
圖6 POST方法
① 隱式提交數(shù)據(jù)虱朵，更安全
② 沒(méi)有數(shù)據(jù)量大小的限制
③ 重要數(shù)據(jù)使用POST方法
5莉炉、響應(yīng)內(nèi)容
- HTTP響應(yīng)組成
① 響應(yīng)行
圖7 響應(yīng)行
② 響應(yīng)頭
圖8 響應(yīng)頭
③ 響應(yīng)體
圖9 響應(yīng)體
6、常見(jiàn)響應(yīng)狀態(tài)碼
- 狀態(tài)碼由三位數(shù)字組成碴犬，第一位數(shù)字定義了響應(yīng)類(lèi)型絮宁，有5種可能取值
圖10 狀態(tài)碼類(lèi)型
- 常見(jiàn)狀態(tài)碼
圖11 常見(jiàn)狀態(tài)碼
7、API接口
- 接口概念
應(yīng)用程序編程接口（API）：以HTTP協(xié)議形式提供服协，定義了輸入绍昂、輸出、功能描述的服務(wù) - 模型圖
圖12 模型圖
