如何進(jìn)行網(wǎng)站的性能優(yōu)化

content方面

• 減少http請(qǐng)求 合并文件 css精靈圖
• 減少 DNS 查詢 DNS緩存 將資源分布到恰當(dāng)數(shù)量的主機(jī)名
• 減少 DOM 元素的數(shù)量

Server方面

• 使用CDN
• 配置Etag
• 對(duì)組件使用 Gzip 壓縮

Cookie方面

• 減小cookie大小

css方面

• 將樣式表放到頁(yè)面頂部
• 不使用css表達(dá)式
• 使用不使用@import

javascript方面

• 將腳本放到頁(yè)面底部
• 將js和css從外部引入
• 壓縮 js 和css
• 刪除不需要的腳本
• 較少DOM的訪問(wèn)

圖片方面

• 優(yōu)化css精靈圖
• 不要在html中拉伸圖片

HTTP狀態(tài)嗎

狀態(tài)碼含義

100	繼續(xù)，一般在發(fā)送 post請(qǐng)求時(shí)，已經(jīng)發(fā)送了http header之后服務(wù)器將返回此信息，表示確認(rèn)，之后發(fā)送具體的參數(shù)信息
200	正常返回信息
201	請(qǐng)求成功，并且服務(wù)器創(chuàng)建了新資源
202	服務(wù)器已接收請(qǐng)求但是尚未處理
301	請(qǐng)求的網(wǎng)頁(yè)已經(jīng)永久移動(dòng)到新的位置
302	臨時(shí)性重定向
303	臨時(shí)性重定向，而且總是使用get請(qǐng)求新的url
304	自從上次請(qǐng)求后，請(qǐng)求的網(wǎng)頁(yè)未修改過(guò)
400	服務(wù)器無(wú)法理解請(qǐng)求的格式，客戶端不應(yīng)該嘗試再次使用相同的內(nèi)容發(fā)起請(qǐng)求
401	請(qǐng)求尚未授權(quán)
403	禁止訪問(wèn)
404	請(qǐng)求的網(wǎng)頁(yè)不存在
500	服務(wù)器錯(cuò)誤
503	服務(wù)器暫時(shí)無(wú)法處理請(qǐng)求

HTML5增加新特性

• video和audio元素 用于媒介回訪
• canvas用于繪畫
• localStorage 長(zhǎng)期儲(chǔ)存數(shù)據(jù) 瀏覽器關(guān)閉后數(shù)據(jù)不會(huì)丟失
• sessionStorage 在瀏覽器關(guān)閉后會(huì)自動(dòng)刪除
• 添加了一些更加語(yǔ)義化的標(biāo)簽 header nav footer等

cookie、localStorage、sessionStorage之間的區(qū)別

• cookie的作用是為了表示用戶身份而儲(chǔ)存在用戶本地終端上的數(shù)據(jù)
• cookie中的數(shù)據(jù)始終會(huì)在同源的http請(qǐng)求中攜帶 在瀏覽器和服務(wù)器之間來(lái)回傳遞
• sessionStroage和localStorage不會(huì)將數(shù)據(jù)發(fā)給服務(wù)器 只是在本次存儲(chǔ)
• cookie的數(shù)據(jù)不能超過(guò)4K
• 另外兩個(gè)雖然也有限制但是遠(yuǎn)超過(guò)cookie的大小限制 可以達(dá)到5M甚至更大
• localStorage的數(shù)據(jù)會(huì)一直保存 瀏覽器關(guān)閉后也不會(huì)刪除 除非主動(dòng)刪除
• sessionStroage數(shù)據(jù)在當(dāng)前瀏覽器關(guān)閉后主動(dòng)刪除
• cookie 過(guò)期時(shí)間決定數(shù)據(jù)的刪除與否

W3c的標(biāo)準(zhǔn)是什么

• 標(biāo)簽的閉合
• 標(biāo)簽的小寫
• 不亂嵌套
• 使用外連css和js

HTML的全局屬性有哪些

• class：全局設(shè)置類標(biāo)識(shí)
• id：元素id，文檔內(nèi)的唯一
• data-*：為元素添加自定義屬性
• lang：元素內(nèi)容的語(yǔ)言
• style：行內(nèi)的css樣式
• title：元素相關(guān)的建議信息

總結(jié)

以上是生活随笔為你收集整理的前端面试题——HTML基础篇的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。