1.HTML5 新的 DocType是什么？
答案：<!doctype html>；
2.HTML5 頁面中音頻標簽，視頻標簽?
答案：<audio></audio>；<video></video>；
3.HTML5 引入什么新的表單屬性？
答案：range,email,number,url,time,week,month,date,datalist,datetime,color
4.HTML5中的datalist是什么？怎么寫的?
答案：
HTML5中的Datalist元素有助於提供文本框自動完成特性,寫法<input list="Country">
<datalist id="Country">
<option value="India">
<option value="Italy">
<option value="Iran">
<option value="Israel">
<option value="Indonesia">
<datalist>
5：HTML5中獲取畫布上下文的js代碼
答案：
var canvas = document.getElementById('myCanvas');
//獲取界面canvas標簽對象
var ctx = canvas.getContext('2d');
//獲取畫布上下文
6.畫布中怎么繪制一條直線
答案：
ctx.beginPath();
ctx.moveTo(10,10);
ctx.lineTo(200,100);
ctx.stroke();
7.ctx.beginPath()是什么意思;
答案：起始一條路徑，或重置當前路徑
8.ctx.moveTo(10,10);是什么意思,兩個參數是什么意思?
答案：把路徑移動到畫布中的指定點，不創建線條,參數對應x,y軸坐標
9.ctx.stroke()和ctx.fill()是什么意思?
答案：一個是繪制路徑,相當於只畫邊框，一個是填充路徑
10.用自己的語言描述一下對畫布路徑的理解,
moveTo,lineTo(),fill(),stroke(),beginPath(),closePath()
答案：
1.首先來說moveTo()方法，相當於你告訴我，把筆移動到哪里，開始畫圖，這只是一個定點，
lineTo()就是畫線到哪個坐標，當然開始點就是moveTo所指定的坐標,lineTo()指定的點就是結束點
2.其次,fill()和stroke()方法相當於最后繪制圖形，什么意思呢？也就是路徑我們制定了之后，就最后需要畫圖了，
而fill表示填充，stroke()簡單來說就是描邊畫線
3.beginPath()相當於告訴畫布要開始路徑了，這里是路徑的起點，如果沒有這一句，下一次再繪制線條時，會接着上一次的結束位置繼續繪制，
closePhath(),關閉路徑，如果沒有這一句，路徑不會自動閉合
11.HTML5中畫圓(弧)和畫矩形的方法，畫圓(弧)的方法有幾個參數，分別是什么意思
答案：arc(),rect()；arc(x坐標，y坐標，r半徑，0起始地弧度，2*Math.PI結束的弧度，false順時針|true逆時針)
12.度數轉化為弧度的公式
答案：弧度 = 度數 * Math.PI / 180
13.線性漸變，放射性漸變如何實現，說出關鍵代碼
答案：var grd=ctx.createLinearGradient(x0,y0,x1,y1);
var grd= ctx.createRadialGradient();
14.樣式，陰影的API
答案：
fillStyle 設置或返回用於填充繪畫的顏色、漸變或模式
strokeStyle 設置或返回用於筆觸的顏色、漸變或模式
shadowColor 設置或返回用於陰影的顏色
shadowBlur 設置或返回用於陰影的模糊級別
shadowOffsetX 設置或返回陰影距形狀的水平距離
shadowOffsetY 設置或返回陰影距形狀的垂直距離
grd.addColorStop(stop,color);
15.如果要用到HTML5中的拖拽API，需要給被拖拽的標簽什么屬性，拖拽的事件有哪些？
答案：draggable；
拖拽對象 :
A.dragstart：當元素拖拽開始觸發；
B.drag：在元素拖拽過程中觸發；
C.dragend：元素拖拽結束時觸發
投放對象：
A.dragenter：當拖拽對象進入投放區時觸發；
B.dragover：拖拽對象在投放區內移動時觸發；
C.dragleave：拖拽對象沒有投放到投放區，離開投放區的 時候觸發；
D.drop：拖拽對象投放在投放區時觸發。
②注意：dragenter、dragover可能會受到默認事件的影 響，所以我們在這兩個事件當中使用 e.preventDefault();來阻止事件默認事件
16.HTML5中視頻支持哪三種格式
答案：ogg,mpge4,webM
17：HTML5中音頻支持哪三種格式
答案：ogg,mp3,wav
18.能否將視頻放到畫布上播放？
答案：能，使用video的播放事件，當視頻播放的時候，在畫布上使用setInterval不斷的畫出當前視頻幀數的圖片就能播放
19.HTML5本地簡單存儲有哪兩個
答案：localstorage,sessionStorage
20.localstorage,sessionStorage有什么區別？
答案：
A.localStorage ：
localStorage 沒有時間限制的數據存儲，也就是說， localStorage是永遠不會過期的，除非主動刪除數據。
數據可跨越多個窗口，無視當前會話，在同一個域中 被共同訪問、使用。
B.sessionStorage
針對一個 session 的數據存儲，任何一個頁面存儲的 信息在窗口中同一域下的頁面都可以訪問它存儲的數 據。
每個窗口的值都是獨立的，它的數據會因窗口的 關閉而丟失，不同窗口間的sessionStorage是不可以 共享的
21.HTML5 web sql有哪三個核心方法，分別的作用是什么?
答案：
A.openDatabase：這個方法使用現有數據庫或新建數據庫來創建數據庫對象
B.transaction：這個方法允許我們根據情況控制事務提交或回滾
C.executeSql：這個方法用於執行SQL
22.openDatabase有 幾個參數 ，分別的是什么意思?
答案：
var dataBase = openDatabase("student", "1.0", "學生表", 1024 * 1024, function () { });
A.數據庫名稱。
B.版本號 目前為1.0。
C.對數據庫的描述。
D.設置數據的大小。
E.回調函數(可省略)
23.本地存儲localstorage和cookies之間的區別是什么？
答案：
Cookies
客戶端/服務端: 客戶端和服務端都能訪問數據。Cookie的數據通過每一個請求發送到服務端
大小: 每個cookie有4095byte
過期: Cookies有有效期，所以在過期之后cookie和cookie數據會被刪除
Local storage
客戶端/服務端: 只有本地瀏覽器端可訪問數據，服務器不能訪問本地存儲直到故意通過POST或者GET的通道發送到服務器
大小: 每個域5MB
過期:沒有過期數據，無論最后用戶從瀏覽器刪除或者使用Javascript程序刪除，我們都需要刪除
24.畫布的縮放，平移，旋轉的方法分別是什么?
答案：scale(),translate(),rotate()
25.在使用畫布的矩陣方法(縮放平移旋轉方法)的時候應該注意什么?
答案：
A.變換基點的問題(當圖形變化的時候是以誰為基准點)
B.變換方法影響范圍的問題(當使用了變換方法，會對哪些圖形有影響)
C.保存和恢復狀態的問題(如何只變換某個圖形，而使的其他的圖形保持原有的樣式)
D.如何消除變形記憶的問題
E.關於清除畫布的問題
26.transform()方法一共有幾個參數，這些參數怎么使用
答案：
六個
1，4表示縮放
2，3表示斜拉
5，6表示平移
1，2，3，4以cos,sin,-sin,cos方式傳入 表示旋轉
27.圖像繪制的API
答案：drawImage()
28：globalCompositeOperation屬性是什么意思？
答案：圖像合成，設置或返回如何將一個源（新的）圖像繪制到目標（已有）的圖像上。
29.像素操作常用到的API？
答案：createImageData(),getImageData(),putImageData()