1：HTML5是什么仅淑？有哪些新特性谎懦？有哪些新增標(biāo)簽悠反？如何讓低版本的 IE 支持 HTML5新標(biāo)簽

HTML5是超文本標(biāo)記語(yǔ)言的第五次重大修改,目的是為了在移動(dòng)設(shè)備上支持多媒體铺然。

HTML 5的新特性有：

• 新的解析規(guī)則增強(qiáng)了靈活性
• 新屬性
• 淘汰過(guò)時(shí)的或冗余的屬性
• 一個(gè)HTML5文檔到另一個(gè)文檔間的拖放功能
• 離線編輯
• 信息傳遞的增強(qiáng)
• 詳細(xì)的解析規(guī)則
• 多用途互聯(lián)網(wǎng)郵件擴(kuò)展（MIME）和協(xié)議處理程序注冊(cè)
• 在SQL數(shù)據(jù)庫(kù)中存儲(chǔ)數(shù)據(jù)的通用標(biāo)準(zhǔn)（Web SQL）

新增標(biāo)簽:

2：input 有哪些新增類型戳护？

新增的input類型：

3：瀏覽器本地存儲(chǔ)中 cookie 和 localStorage 有什么區(qū)別？ localStorage 如何存儲(chǔ)刪除數(shù)據(jù)纤子。

localStorage的使用

清空l(shuí)ocalStorage

localStorage.clear()  // undefined   
 localStorage      //Storage {length: 0} 存儲(chǔ)數(shù)據(jù)

存儲(chǔ)數(shù)據(jù)

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

讀取數(shù)據(jù)

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

刪除某個(gè)變量

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

檢查localStorage里是否保存某個(gè)變量

// 這些數(shù)據(jù)都是測(cè)試的，是在我當(dāng)下環(huán)境里的潮瓶，只是demo哦～
localStorage.hasOwnProperty('name') // true
localStorage.hasOwnProperty('sex') // false

將數(shù)組轉(zhuǎn)為本地字符串

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

將JSON存儲(chǔ)到localStorage里

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

4：寫(xiě)出如下 CSS3效果的簡(jiǎn)單事例

    1\. 圓角陶冷， 圓形
    2\. div 陰影
    3\. 2D 轉(zhuǎn)換：放大、縮小毯辅、偏移埂伦、旋轉(zhuǎn)
    4\. 3D 轉(zhuǎn)換：移動(dòng)、旋轉(zhuǎn)
    5\. 背景色漸變
    6\. 過(guò)渡效果
    7\. 動(dòng)畫(huà)

demo

5：實(shí)現(xiàn)如下全屏圖加過(guò)渡色的效果（具體效果隨意）

DEMO230

Demo

6：寫(xiě)出如下 loading 動(dòng)畫(huà)效果

DEMO1236

Demo

DEMO2223

Demo