1.基礎(chǔ)篇
1.文檔樹
dom范圍,節(jié)點類型证膨,節(jié)點關(guān)系巩掺,getElements,children,sibling
2.節(jié)點操作 getElementById,getElementsByClassName,getElementsByTagName,querySelector(All),createElement,innerHTML,innerText,appendChild,insertBefore,insertAdjacentELement(HTML),removeChild,replaceChild
3.屬性操作
getAttribute,setAttribute,datalist
4.樣式操作
className ,classList,style,cssText
5.事件
capture蚤蔓、target搏讶、bubble,事件注冊吩案、取消事件注冊棚赔、事件觸發(fā);事件對象徘郭;阻止事件冒泡靠益、阻止默認(rèn)事件,DOM事件分類及繼承關(guān)系残揉;鼠標(biāo)事件類型胧后、鼠標(biāo)事件對象、鼠標(biāo)事件舉例冲甘;鍵盤绩卤、輸入途样、焦點事件類型江醇、事件對象、事件舉例何暇;其他常用事件介紹與舉例陶夜,事件代理原理、事件代理例子裆站、事件代理優(yōu)缺點
6.數(shù)據(jù)通信
http協(xié)議中的頭信息字段及應(yīng)用
ajax(xhr2,跨域),CORS,jsonp
7.數(shù)據(jù)存儲
cookie
localStorage条辟、sessionStorage
8.動畫
setInterval, setTimeout, requestAnimationFrame()黔夭,幻燈片切換動畫實例
9.音頻、視頻
audio和video常用屬性羽嫡、方法和事件
10.canvas
介紹canvas基本用法和常用API
11.BOM
Screen,navigator,location,history對話框,窗體互操作,load,beforeunload,scroll,resize等事件
12.表單操作
input本姥、select、textarea
表單驗證屬性杭棵、接口婚惫、事件、應(yīng)用
表單提交屬性魂爪、接口先舷、事件、應(yīng)用
案例講解表單的綜合應(yīng)用
13.列表操作
列表的顯示滓侍、添加蒋川、刪除、更新撩笆、選擇操作捺球,面向視圖編程和面向數(shù)據(jù)編程方式的實現(xiàn)對比
2.實踐篇
1、組件實踐
彈窗組件和輪播組件