4. CSS3新增屬性用法整理

box-shadow（陰影效果）

border-color（為邊框設(shè)置多種顏色）

border-image（圖片邊框）

text-shadow（文本陰影）

text-overflow（文本截斷）

word-wrap（自動換行）

border-radius（圓角邊框）

opacity（透明度）

box-sizing（控制盒模型的組成模式）

resize（元素縮放）

outline（外邊框）

background-size（指定背景圖片尺寸）

background-origin（指定背景圖片從哪里開始顯示）

background-clip（指定背景圖片從什么位置開始裁剪）

background（為一個元素指定多個背景）

hsl（通過色調(diào)、飽和度、亮度來指定顏色顏色值）

hsla（在hsl的基礎(chǔ)上增加透明度設(shè)置）

rgba（基于rgb設(shè)置顏色，a設(shè)置透明度）

5. 關(guān)于http協(xié)議

簡介?

HTTP協(xié)議（Hyper Text Transfer Protocol，超文本傳輸協(xié)議）,是用于從 萬維網(wǎng)（WWW:World Wide Web ）服務(wù)器傳輸超文本到本地瀏覽器的傳送協(xié) 議。

HTTP基于TCP/IP通信協(xié)議來傳遞數(shù)據(jù)。

HTTP基于客戶端/服務(wù)端（C/S）架構(gòu)模型，通過一個可靠的鏈接來交換信息， 是一個無狀態(tài)的請求/響應(yīng)協(xié)議。

特點?

（1）HTTP是無連接：無連接的含義是限制每次連接只處理一個請求。服務(wù) 器處理完客戶的請求，并收到客戶的應(yīng)答后，即斷開連接。采用這種方式可 以節(jié)省傳輸時間。

（2）HTTP是媒體獨立的：只要客戶端和服務(wù)器知道如何處理的數(shù)據(jù)內(nèi)容， 任何類型的數(shù)據(jù)都可以通過HTTP發(fā)送。客戶端以及服務(wù)器指定使用適合的 MIME-type內(nèi)容類型。

（3）HTTP是無狀態(tài)：無狀態(tài)是指協(xié)議對于事務(wù)處理沒有記憶能力。缺少狀 態(tài)意味著如果后續(xù)處理需要前面的信息，則它必須重傳，這樣可能導(dǎo)致每次 連接傳送的數(shù)據(jù)量增大。另一方面，在服務(wù)器不需要先前信息時它的應(yīng)答就 較快。

通信流程

?

消息結(jié)構(gòu)?

HTTP使用統(tǒng)一資源標(biāo)識符（Uniform Resource Identifiers, URI）來傳輸數(shù)據(jù)和 建立連接。一旦建立連接后，數(shù)據(jù)消息就通過類似Internet郵件所使用的格 式[RFC5322]和多用途Internet郵件擴(kuò)展（MIME）[RFC2045]來傳送。

客戶端請求消息：請求行、請求頭部、空行和請求數(shù)據(jù)。

GET /hello.txt HTTP/1.1?

User-Agent: curl/7.16.3 libcurl/7.16.3?

OpenSSL/0.9.7l zlib/1.2.3?

Host: www.example.com Accept-Language: en, mi

?

服務(wù)端響應(yīng)消息：狀態(tài)行、消息報頭、空行和響應(yīng)正文。

HTTP/1.1 200 OK

Date: Mon, 27 Jul 2009 12:28:53 GMT

Server: Apache

Last-Modified: Wed, 22 Jul 2009 19:15:56 GMT

ETag:?"34aa387-d-1568eb00"

Accept-Ranges: bytes

Content-Length: 51

Vary: Accept-Encoding

Content-Type: text/plain

請求方法?

GET 請求指定的頁面信息，并返回實體主體。

HEAD 類似于get請求，只不過返回的響應(yīng)中沒有具體的內(nèi)容，用于獲取 報頭

POST 向指定資源提交數(shù)據(jù)進(jìn)行處理請求（例如提交表單或者上傳文件）。 數(shù)據(jù)被包含在請求體中。POST請求可能會導(dǎo)致新的資源的建立和/或已有資 源的修改。

PUT 從客戶端向服務(wù)器傳送的數(shù)據(jù)取代指定的文檔的內(nèi)容。

DELETE 請求服務(wù)器刪除指定的頁面。

CONNECT HTTP/1.1協(xié)議中預(yù)留給能夠?qū)⑦B接改為管道方式的代理服務(wù)器。

OPTIONS允許客戶端查看服務(wù)器的性能。

TRACE ?回顯服務(wù)器收到的請求，主要用于測試或診斷。

狀態(tài)碼?

HTTP狀態(tài)碼分類?

1** 信息，服務(wù)器收到請求，需要請求者繼續(xù)執(zhí)行操作

2** 成功，操作被成功接收并處理

3** 重定向，需要進(jìn)一步的操作以完成請求

4** 客戶端錯誤，請求包含語法錯誤或無法完成請求

5** 服務(wù)器錯誤，服務(wù)器在處理請求的過程中發(fā)生了錯

HTTP狀態(tài)碼列表?

100 Continue ? ?繼續(xù)。客戶端應(yīng)繼續(xù)其請求

101 Switching Protocols 切換協(xié)議。服務(wù)器根據(jù)客戶端的請求切換協(xié)議。 只能切換到更高級的協(xié)議，例如，切換到HTTP的新版本協(xié)議

200 OK ?請求成功。一般用于GET與POST請求?

201 Created 已創(chuàng)建。成功請求并創(chuàng)建了新的資源

202 Accepted ? ?已接受。已經(jīng)接受請求，但未處理完成

203 Non-Authoritative Information ? 非授權(quán)信息。請求成功。但返回 的meta信息不在原始的服務(wù)器，而是一個副本

204 No Content ?無內(nèi)容。服務(wù)器成功處理，但未返回內(nèi)容。在未更新網(wǎng) 頁的情況下，可確保瀏覽器繼續(xù)顯示當(dāng)前文檔

205 Reset Content ? 重置內(nèi)容。服務(wù)器處理成功，用戶終端（例如：瀏 覽器）應(yīng)重置文檔視圖。可通過此返回碼清除瀏覽器的表單域

206 Partial Content 部分內(nèi)容。服務(wù)器成功處理了部分GET請求

300 Multiple Choices ? ?多種選擇。請求的資源可包括多個位置，相應(yīng) 可返回一個資源特征與地址的列表用于用戶終端（例如：瀏覽器）選擇

301 Moved Permanently ? 永久移動。請求的資源已被永久的移動到新URI， 返回信息會包括新的URI，瀏覽器會自動定向到新URI。今后任何新的請求 都應(yīng)使用新的URI代替?

302 Found ? 臨時移動。與301類似。但資源只是臨時被移動。客戶端應(yīng) 繼續(xù)使用原有URI

303 See Other ? 查看其它地址。與301類似。使用GET和POST請求查看

304 Not Modified ? ?未修改。所請求的資源未修改，服務(wù)器返回此狀態(tài) 碼時，不會返回任何資源。客戶端通常會緩存訪問過的資源，通過提供一個 頭信息指出客戶端希望只返回在指定日期之后修改的資源?

305 Use Proxy ? 使用代理。所請求的資源必須通過代理訪問

306 Unused ?已經(jīng)被廢棄的HTTP狀態(tài)碼

307 Temporary Redirect ?臨時重定向。與302類似。使用GET請求重定 向?

400 Bad Request 客戶端請求的語法錯誤，服務(wù)器無法理解

401 Unauthorized ? ?請求要求用戶的身份認(rèn)證

402 Payment Required ? ?保留，將來使用

403 Forbidden ? 服務(wù)器理解請求客戶端的請求，但是拒絕執(zhí)行此請求

404 Not Found ? 服務(wù)器無法根據(jù)客戶端的請求找到資源（網(wǎng)頁）。通過 此代碼，網(wǎng)站設(shè)計人員可設(shè)置"您所請求的資源無法找到"的個性頁面?

405 Method Not Allowed ?客戶端請求中的方法被禁止

406 Not Acceptable ?服務(wù)器無法根據(jù)客戶端請求的內(nèi)容特性完成請求

407 Proxy Authentication Required ? 請求要求代理的身份認(rèn)證，與401 類似，但請求者應(yīng)當(dāng)使用代理進(jìn)行授權(quán)

408 Request Time-out ? ?服務(wù)器等待客戶端發(fā)送的請求時間過長，超時

409 Conflict ? ?服務(wù)器完成客戶端的PUT請求是可能返回此代碼，服務(wù) 器處理請求時發(fā)生了沖突

410 Gone ? ?客戶端請求的資源已經(jīng)不存在。410不同于404，如果資源 以前有現(xiàn)在被永久刪除了可使用410代碼，網(wǎng)站設(shè)計人員可通過301代碼指 定資源的新位置

411 Length Required 服務(wù)器無法處理客戶端發(fā)送的不帶Content-Length 的請求信息

412 Precondition Failed 客戶端請求信息的先決條件錯誤

413 Request Entity Too Large ? ?由于請求的實體過大，服務(wù)器無法處 理，因此拒絕請求。為防止客戶端的連續(xù)請求，服務(wù)器可能會關(guān)閉連接。如 果只是服務(wù)器暫時無法處理，則會包含一個Retry-After的響應(yīng)信息

414 Request-URI Too Large ? 請求的URI過長（URI通常為網(wǎng)址），服務(wù) 器無法處理

415 Unsupported Media Type ?服務(wù)器無法處理請求附帶的媒體格式

416 Requested range not satisfiable 客戶端請求的范圍無效

417 Expectation Failed ?服務(wù)器無法滿足Expect的請求頭信息

500 Internal Server Error ? 服務(wù)器內(nèi)部錯誤，無法完成請求?

501 Not Implemented 服務(wù)器不支持請求的功能，無法完成請求

502 Bad Gateway 充當(dāng)網(wǎng)關(guān)或代理的服務(wù)器，從遠(yuǎn)端服務(wù)器接收到了一個無 效的請求

503 Service Unavailable 由于超載或系統(tǒng)維護(hù)，服務(wù)器暫時的無法處理客 戶端的請求。延時的長度可包含在服務(wù)器的Retry-After頭信息中

504 Gateway Time-out ? ?充當(dāng)網(wǎng)關(guān)或代理的服務(wù)器，未及時從遠(yuǎn)端服務(wù) 器獲取請求

505 HTTP Version not supported ?服務(wù)器不支持請求的HTTP協(xié)議的版本， 無法完成處理

6.關(guān)于盒子模型

?

盒模型從里向外由content,padding,border,margin組成。

盒模型是有兩種標(biāo)準(zhǔn)的，一個是標(biāo)準(zhǔn)盒模型，一個是IE盒模型。

標(biāo)準(zhǔn)模型的寬高是內(nèi)容（content）的寬高，IE模型的寬高是內(nèi)容（content）+內(nèi)邊距（padding）+邊框（border）的總寬高。

7. Bootstrap情景文本顏色

.text-muted:文字的顏色換成灰色?

.text-primary:文字的顏色變成藍(lán)色?

.text-success:文字的顏色變成綠色?

.text-info:文字的顏色變成暗藍(lán)色?

.text-warning:文字顏色變成暗黃色?

.text-danger：文字的顏色變成紅色

8. iframe可用在以下幾個場景中

1)?典型系統(tǒng)結(jié)構(gòu)，左側(cè)是功能樹，右側(cè)就是一些常見的table或者表單之類的。為了每一個功能，多帶帶分離出來，采用iframe。?

2)?ajax上傳文件。?

3)?加載別的網(wǎng)站內(nèi)容，例如google廣告，網(wǎng)站流量分析。

4)?在上傳圖片時，不用flash實現(xiàn)無刷新。

5)??跨域訪問的時候可以用到iframe，使用iframe請求不同域名下的資源。

9. 關(guān)于IndexdDB、Cookie、url、session、post、local Storage

IndexdDB 是 HTML5 的本地存儲，把一些數(shù)據(jù)存儲到瀏覽器（客戶端）中， 當(dāng) 與網(wǎng)絡(luò)斷開時，可以從瀏覽器中讀取數(shù)據(jù)，用來做一些離線應(yīng)用。?

Cookie 通過在客戶端 ( 瀏覽器 ) 記錄信息確定用戶身份，最大為 4 kb 。

url 參數(shù)用的是 get 方法，從服務(wù)器上獲取數(shù)據(jù)，大小不能大于 2 kb 。

Session 是服務(wù)器端使用的一種記錄客戶端狀態(tài)的機(jī)制 。

post 是向服務(wù)器傳送數(shù)據(jù)，數(shù)據(jù)量較大。

local Storage 也是 HTML5 的本地存儲，將數(shù)據(jù)保存在客戶端中（一般是永久的）。

10. Ajax與Flash的優(yōu)缺點

Ajax的優(yōu)勢：a.可搜索性 b.開放性 c.費用 d.易用性 e.易于開發(fā)。

Flash的優(yōu)勢：a.多媒體處理 b.兼容性 c.矢量圖形 d.客戶端資源調(diào)度

Ajax的劣勢： a.它可能破壞瀏覽器的后退功能 ?b.使用動態(tài)頁面更新使得 用戶難 于將某個特定的狀態(tài)保存到收藏夾中 ，不過這些都有相關(guān)方法解決。

Flash的劣勢：a.二進(jìn)制格式 b.格式私有 c.flash 文件經(jīng)常會很大，用戶 第一次 使用的時候需要忍耐較長的等待時間 ?d.性能問題

?