CSS3 的新特性
1.css3 實現(xiàn)圓角(border-radius),陰影(box-shadow)，邊框圖片（border-image）
2.對文字添加特效（text-shadow），線性漸變（gradient），旋轉(zhuǎn)（transform）
3對背景圖尺寸修改（background-size）
4. 增加了更多的CSS選擇器 多背景 rgba
5. 在 CSS3 中唯一引入的偽元素是 ::selection，用于改變選中文本時，文本的顏色和文本的背景顏色
6. 媒體查詢，多欄布局
html5有哪些新特性、移除了那些元素？
新特性：
1.拖拽釋放(Drag and drop) API
2.語義化更好的內(nèi)容標簽（header,nav,footer,aside,article,section）
3. 音頻、視頻API(audio,video)
4. 畫布(Canvas) API
5. 地理(Geolocation) API
6.本地離線存儲 localStorage 長期存儲數(shù)據(jù)，瀏覽器關閉后數(shù)據(jù)不丟失
7.sessionStorage 的數(shù)據(jù)在瀏覽器關閉后自動刪除
8. 表單控件，calendar、date、time、email、url、search
9.新的技術 webworker, websocket, Geolocation
移除的元素：
1.純表現(xiàn)的元素：basefont，big，center，font, s，strike，tt，u；
2.對可用性產(chǎn)生負面影響的元素：frame，frameset，noframes；
本地存儲（Local Storage ）和cookies（儲存在用戶本地終端上的數(shù)據(jù)）之間的區(qū)別是什么？
Cookies:服務器和客戶端都可以訪問；大小只有 4KB左右；有有效期，過期后將會刪除；
本地存儲：只有本地瀏覽器端可訪問數(shù)據(jù)，服務器不能訪問本地存儲直到通過 POST 或者 GET 的通道發(fā)送到服務器；每個域 5MB；沒有過期數(shù)據(jù)，它將一直保留直到用戶從瀏覽器清除或者使用 Javascript 代碼移除
如何實現(xiàn)瀏覽器內(nèi)多個標簽頁之間的通信?
調(diào)用 localstorge、cookies 等本地存儲方式
你如何對網(wǎng)站的文件和資源進行優(yōu)化？
文件合并 文件最小化/文件壓縮 使用CDN托管 緩存的使用
什么是響應式設計？
它是關于網(wǎng)頁制作的過程中讓不同的設備有不同的尺寸和不同的功能。響應式設計是讓所有的人能在這些設備上讓網(wǎng)站運行正常
HTML5 Canvas 元素有什么用？
Canvas 元素用于在網(wǎng)頁上繪制圖形，該元素標簽強大之處在于可以直接在 HTML 上進行圖形操作。
請用CSS實現(xiàn)：一個矩形內(nèi)容，有投影，有圓角，hover狀態(tài)慢慢變透明
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS實現(xiàn)：一個矩形內(nèi)容，有投影，有圓角，hover狀態(tài)慢慢變透明</title>
<style>
body {
margin: 0;
padding: 0;
}
?
.a {
width: 200px;
height: 100px;
border-radius: 10px;
box-shadow: 10px 10px 5px #888888;
background-color: aqua;
transition: 2s;
}
?
.a:hover {
opacity: 0;
}
</style>
</head>
<body>
<div class="a">
</div>
?
</body>
</html>
你怎么來實現(xiàn)頁面設計圖，你認為前端應該如何高質(zhì)量完成工作? 一個滿屏 “品”字布局 如何設計?
首先劃分成頭部、body、腳部… 實現(xiàn)效果圖是最基本的工作，精確到2px； 與設計師，產(chǎn)品經(jīng)理的溝通和項目的參與 做好的頁面結構，頁面重構和用戶體驗 處理hack，兼容、寫出優(yōu)美的代碼格式
描述一下漸進增強和優(yōu)雅降級之間的不同
漸進增強 progressive enhancement：針對低版本瀏覽器進行構建頁面，保證最基本的功能，然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。
優(yōu)雅降級 graceful degradation：一開始就構建完整的功能，然后再針對低版本瀏覽器進行兼容。
區(qū)別：優(yōu)雅降級是從復雜的現(xiàn)狀開始，并試圖減少用戶體驗的供給，而漸進增強則是從一個非?；A的，能夠起作用的版本開始，并不斷擴充，以適應未來環(huán)境的需要。降級（功能衰減）意味著往回看；而漸進增強則意味著朝前看，同時保證其根基處于安全地帶。
為什么利用多個域名來存儲網(wǎng)站資源會更有效？
CDN 緩存更方便
突破瀏覽器并發(fā)限制
節(jié)約 cookie 帶寬
節(jié)約主域名的連接數(shù)，優(yōu)化頁面響應速度
防止不必要的安全問題
請描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別？
sessionStorage 用于本地存儲一個會話（session）中的數(shù)據(jù)，這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當會話結束后數(shù)據(jù)也隨之銷毀。因此 sessionStorage 不是一種持久化的本地存儲，僅僅是會話級別的存儲。而 localStorage 用于持久化的本地存儲，除非主動刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠不會過期的
web storage和cookie的區(qū)別
Web Storage 的概念和 cookie 相似，區(qū)別是它是為了更大容量存儲設計的。Cookie 的大小是受限的，并且每次你請求一個新的頁面的時候 Cookie 都會被發(fā)送過去，這樣無形中浪費了帶寬，另外 cookie 還需要指定作用域，不可以跨域調(diào)用。
除此之外，Web Storage 擁有 setItem,getItem,removeItem,clear 等方法，不像 cookie 需要前端開發(fā)者自己封裝 setCookie，getCookie。但是 Cookie 也是不可或缺的：Cookie 的作用是與服務器進行交互，作為 HTTP 規(guī)范的一部分而存在 ，而 Web Storage僅僅是為了在本地“存儲”數(shù)據(jù)而生。
