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、組件實踐
彈窗組件和輪播組件