1：HTML5是什么？有哪些新特性？有哪些新增標簽？如何讓低版本的 IE 支持 HTML5新標簽

HTML5是超文本標記語言的第五次重大修改,目的是為了在移動設備上支持多媒體。

HTML 5的新特性有：

• 新的解析規則增強了靈活性
• 新屬性
• 淘汰過時的或冗余的屬性
• 一個HTML5文檔到另一個文檔間的拖放功能
• 離線編輯
• 信息傳遞的增強
• 詳細的解析規則
• 多用途互聯網郵件擴展（MIME）和協議處理程序注冊
• 在SQL數據庫中存儲數據的通用標準（Web SQL）

新增標簽:

2：input 有哪些新增類型？

新增的input類型：

3：瀏覽器本地存儲中 cookie 和 localStorage 有什么區別？ localStorage 如何存儲刪除數據。

localStorage的使用

清空localStorage

localStorage.clear()  // undefined   
 localStorage      //Storage {length: 0} 存儲數據

存儲數據

localStorage.setItem("name","caibin") //存儲名字為name值為caibin的變量
localStorage.name = "caibin"; // 等價于上面的命令 
localStorage // Storage{name: "caibin", length: 1} 讀取數據

讀取數據

localStorage.getItem("name") //caibin,讀取保存在localStorage對象里名為name的變量的值
localStorage.name // "caibin"
localStorage.valueOf() //讀取存儲在localStorage上的所有數據
localStorage.key(0) // 讀取第一條數據的變量名(鍵值)
//遍歷并輸出localStorage里存儲的名字和值
for(var i=0; i<localStorage.length;i++){
  console.log('localStorage里存儲的第'+i+'條數據的名字為：'+localStorage.key(i)+',值為：'+localStorage.getItem(localStorage.key(i)));
}

刪除某個變量

localStorage.removeItem("name"); //undefined
localStorage // Storage {length: 0} 可以看到之前保存的name變量已經從localStorage里刪除了

檢查localStorage里是否保存某個變量

// 這些數據都是測試的，是在我當下環境里的，只是demo哦～
localStorage.hasOwnProperty('name') // true
localStorage.hasOwnProperty('sex') // false

將數組轉為本地字符串

var arr = ['aa','bb','cc']; // ["aa","bb","cc"]
localStorage.arr = arr //["aa","bb","cc"]
localStorage.arr.toLocaleString(); // "aa,bb,cc"

將JSON存儲到localStorage里

var students = {
  xiaomin: {
    name: "xiaoming",
    grade: 1
  },
  teemo: {
    name: "teemo",
    grade: 3
  }
}
 
students = JSON.stringify(students); //將JSON轉為字符串存到變量里
console.log(students);
localStorage.setItem("students",students);//將變量存到localStorage里
 
var newStudents = localStorage.getItem("students");
newStudents = JSON.parse(students); //轉為JSON
console.log(newStudents); // 打印出原先對象

4：寫出如下 CSS3效果的簡單事例

    1\. 圓角， 圓形
    2\. div 陰影
    3\. 2D 轉換：放大、縮小、偏移、旋轉
    4\. 3D 轉換：移動、旋轉
    5\. 背景色漸變
    6\. 過渡效果
    7\. 動畫

demo

5：實現如下全屏圖加過渡色的效果（具體效果隨意）

DEMO230

Demo

6：寫出如下 loading 動畫效果

DEMO1236

Demo

DEMO2223

Demo