4. CSS3新增屬性用法整理

box-shadow（陰影效果）

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

border-image（圖片邊框）

text-shadow（文本陰影）

text-overflow（文本截?cái)啵?/p>

word-wrap（自動(dòng)換行）

border-radius（圓角邊框）

opacity（透明度）

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

resize（元素縮放）

outline（外邊框）

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

background-origin（指定背景圖片從哪里開(kāi)始顯示）

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

background（為一個(gè)元素指定多個(gè)背景）

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

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

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

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

簡(jiǎn)介?

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

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

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

特點(diǎn)?

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

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

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

通信流程

?

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

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

客戶端請(qǐng)求消息：請(qǐng)求行、請(qǐng)求頭部、空行和請(qǐng)求數(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)行、消息報(bào)頭、空行和響應(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

請(qǐng)求方法?

GET 請(qǐng)求指定的頁(yè)面信息，并返回實(shí)體主體。

HEAD 類(lèi)似于get請(qǐng)求，只不過(guò)返回的響應(yīng)中沒(méi)有具體的內(nèi)容，用于獲取 報(bào)頭

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

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

DELETE 請(qǐng)求服務(wù)器刪除指定的頁(yè)面。

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

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

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

狀態(tài)碼?

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

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

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

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

4** 客戶端錯(cuò)誤，請(qǐng)求包含語(yǔ)法錯(cuò)誤或無(wú)法完成請(qǐng)求

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

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

100 Continue ? ?繼續(xù)?？蛻舳藨?yīng)繼續(xù)其請(qǐng)求

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

200 OK ?請(qǐng)求成功。一般用于GET與POST請(qǐng)求?

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

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

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

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

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

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

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

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

302 Found ? 臨時(shí)移動(dòng)。與301類(lèi)似。但資源只是臨時(shí)被移動(dòng)?？蛻舳藨?yīng) 繼續(xù)使用原有URI

303 See Other ? 查看其它地址。與301類(lèi)似。使用GET和POST請(qǐng)求查看

304 Not Modified ? ?未修改。所請(qǐng)求的資源未修改，服務(wù)器返回此狀態(tài) 碼時(shí)，不會(huì)返回任何資源?？蛻舳送ǔ?huì)緩存訪問(wèn)過(guò)的資源，通過(guò)提供一個(gè) 頭信息指出客戶端希望只返回在指定日期之后修改的資源?

305 Use Proxy ? 使用代理。所請(qǐng)求的資源必須通過(guò)代理訪問(wèn)

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

307 Temporary Redirect ?臨時(shí)重定向。與302類(lèi)似。使用GET請(qǐng)求重定 向?

400 Bad Request 客戶端請(qǐng)求的語(yǔ)法錯(cuò)誤，服務(wù)器無(wú)法理解

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

402 Payment Required ? ?保留，將來(lái)使用

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

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

405 Method Not Allowed ?客戶端請(qǐng)求中的方法被禁止

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

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

408 Request Time-out ? ?服務(wù)器等待客戶端發(fā)送的請(qǐng)求時(shí)間過(guò)長(zhǎng)，超時(shí)

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

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

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

412 Precondition Failed 客戶端請(qǐng)求信息的先決條件錯(cuò)誤

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

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

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

416 Requested range not satisfiable 客戶端請(qǐng)求的范圍無(wú)效

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

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

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

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

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

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

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

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

?

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

盒模型是有兩種標(biāo)準(zhǔn)的，一個(gè)是標(biāo)準(zhǔn)盒模型，一個(gè)是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可用在以下幾個(gè)場(chǎng)景中

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

2)?ajax上傳文件。?

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

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

5)??跨域訪問(wèn)的時(shí)候可以用到iframe，使用iframe請(qǐng)求不同域名下的資源。

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

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

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

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

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

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

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

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

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

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

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

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

?