題目1: HTML5是什么?有哪些新特性蟆沫?有哪些新增標簽?如何讓低版本的 IE 支持 HTML5新標簽
HTML5是超文本標記語言的第五次重大修改
特性
- 語義特性
HTML5賦予網(wǎng)頁更好的意義和結構温治。更加豐富的標簽將隨著對RDFa的饭庞,微數(shù)據(jù)與微格式等方面的支持,構建對程序熬荆、對用戶都更有價值的數(shù)據(jù)驅(qū)動的Web舟山。 - 本地存儲特性
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間,更快的聯(lián)網(wǎng)速度卤恳,這些全得益于HTML5 APP Cache累盗,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一)和API說明文檔突琳。 - 設備兼容特性
從Geolocation功能的API文檔公開以來幅骄,HTML5為網(wǎng)頁應用開發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來了更多體驗功能的優(yōu)勢本今。HTML5提供了前所未有的數(shù)據(jù)與應用接入開放接口拆座。使外部應用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián)冠息。 - 連接特性
更有效的連接工作效率挪凑,使得基于頁面的實時聊天,更快速的網(wǎng)頁游戲體驗逛艰,更優(yōu)化的在線交流得到了實現(xiàn)躏碳。HTML5擁有更有效的服務器推送技術,Server-Sent Event和WebSockets就是其中的兩個特性散怖,這兩個特性能夠幫助我們實現(xiàn)服務器將數(shù)據(jù)“推送”到客戶端的功能菇绵。 - 網(wǎng)頁多媒體特性
支持網(wǎng)頁端的Audio肄渗、Video等多媒體功能, 與網(wǎng)站自帶的APPS咬最,攝像頭翎嫡,影音功能相得益彰。
三維永乌、圖形及特效特性(Class: 3D, Graphics & Effects)
基于SVG惑申、Canvas、WebGL及CSS3的3D功能翅雏,用戶會驚嘆于在瀏覽器中圈驼,所呈現(xiàn)的驚人視覺效果。 - 性能與集成特性
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術望几,解決以前的跨域等問題绩脆,幫助您的Web應用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。 - CSS3特性
在不犧牲性能和語義結構的前提下橄抹,CSS3中提供了更多的風格和更強的效果靴迫。此外,較之以前的Web排版害碾,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。
新增標簽
在head
標簽內(nèi)引入
<!--[if lt IE 9]>
<script type="text/javascript" src="scripts/html5shiv.js"></script>
<![endif]-->
題目2: input 有哪些新增類型赦拘?
- url
- number
- range
- Date Picker
- Date
- month
- week
- time
- datatime
題目3: 瀏覽器本地存儲中 cookie 和 localStorage 有什么區(qū)別慌随? localStorage 如何存儲刪除數(shù)據(jù)。
- Cookie
Cookie 是小甜餅的意思躺同。顧名思義阁猜,cookie 確實非常小,它的大小限制為4KB左右蹋艺,是網(wǎng)景公司的前雇員 Lou Montulli 在1993年3月的發(fā)明剃袍。它的主要用途有保存登錄信息,比如你登錄某個網(wǎng)站市場可以看到“記住密碼”捎谨,這通常就是通過在 Cookie 中存入一段辨別用戶身份的數(shù)據(jù)來實現(xiàn)的民效。 - localStorage
localStorage 是 HTML5 標準中新加入的技術,它并不是什么劃時代的新東西涛救。早在 IE 6 時代畏邢,就有一個叫 userData 的東西用于本地存儲,而當時考慮到瀏覽器兼容性检吆,更通用的方案是使用 Flash舒萎。而如今,localStorage 被大多數(shù)瀏覽器所支持蹭沛,如果你的網(wǎng)站需要支持 IE6+臂寝,那以 userData 作為你的 polyfill 的方案是種不錯的選擇章鲤。
區(qū)別
Cookie一般由服務器生成,可設置失效時間咆贬。如果在瀏覽器端生成Cookie败徊,默認是關閉瀏覽器后失效,大小在4k左右,每次都會攜帶在HTTP頭中素征,如果使用cookie保存過多數(shù)據(jù)會帶來性能問題集嵌,需要程序員自己封裝,源生的Cookie接口不友好御毅。
localStorage除非被清除根欧,否則永久保存,存放數(shù)據(jù)的大小一般為5M,僅在客戶端(即瀏覽器)中保存端蛆,不參與和服務器的通信凤粗,源生接口可以接受,亦可再次封裝來對Object和Array有更好的支持今豆。
刪除
storage.removeItem(keyName);//刪除
題目4: 寫出如下 CSS3效果的簡單事例
- 2D 轉換:放大嫌拣、縮小、偏移呆躲、旋轉
- 3D 轉換:移動异逐、旋轉