關於導師
- 王林
- 您將會學到:
本套課程我們會講解如何取得DOM元素，如何操作DOM元素，BOM操作， 事件，事件對象，事件委託，JS執行佇列，定時器，常見網頁特效，例如輪播圖，tab欄切換等。也會解釋行動端如何製作網頁特效，帶你進入JavaScript的實際開發應用程式。
Web APIs簡介導讀
00分鐘56秒js基礎和Web APIs兩個階段的關聯
03分鐘46秒API日本網路API
05分鐘06秒DOM導讀
01分鐘05秒DOM簡介
04分鐘54秒getElementById取得元素
08分鐘16秒getElementsByTagName取得某類別標籤元素
11分鐘31秒H5新增取得元素方式
08分鐘35秒取得body和html元素
02分鐘58秒事件三要素
06分鐘39秒執行事件過程
04分鐘05秒操作元素-修改元素內容
08分鐘16秒innerText和innerHTML的差別
06分鐘04秒操作元素-修改元素屬性
05分鐘53秒分時問候案例
06分鐘14秒操作元素-修改表單屬性
06分鐘46秒仿京東顯示隱藏密碼明文案例（上）
07分鐘23秒仿京東顯示隱藏密碼明文案例（下）
08分鐘06秒操作元素-修改樣式屬性
05分鐘16秒仿淘寶關閉二維碼案例
05分鐘17秒循環精靈圖
08分鐘55秒顯示隱藏文字方塊內容
10分鐘04秒使用className修改樣式屬性
09分鐘28秒密碼框驗證訊息
09分鐘42秒操作元素總結以及作業
03分鐘43秒排他思想（演算法）
09分鐘14秒百度換膚效果
08分鐘19秒表格各行變色效果
07分鐘26秒表單全選-取消全選（上）
07分鐘33秒表單全選-取消全選（下）
09分鐘26秒取得自訂屬性值
05分鐘04秒設定移除自訂屬性
04分鐘54秒tab欄切換佈局分析（重要）
04分鐘18秒tab欄切換製作（上）
04分鐘10秒tab欄切換製作（下）
09分鐘18秒H5自訂屬性
10分鐘27秒為什麼學習節點操作以及節點簡介
07分鐘03秒節點操作之父節點
04分鐘15秒節點操作之子節點
06分鐘05秒節點操作之第一個子元素與最後一個子元素
06分鐘44秒新浪下拉選單
06分鐘31秒節點操作兄弟節點
05分鐘15秒節點操作之創建與新增節點
08分鐘10秒簡單版發布留言案例
08分鐘51秒節點操作-刪除節點
05分鐘23秒刪除留言案例
08分鐘14秒節點操作-複製節點
04分鐘57秒動態生成表格-建立學生數據
05分鐘44秒動態產生表格-建立行
03分鐘44秒動態產生表格-建立儲存格
05分鐘04秒動態生成表格-單元格填充數據
03分鐘06秒動態產生表格-建立刪除儲存格
03分鐘09秒動態產生表格-新增刪除操作
04分鐘11秒document.write建立元素
04分鐘54秒innerHTML和createElement效率對比
07分鐘51秒DOM重點核心
06分鐘05秒事件高階導讀
01分鐘16秒註冊事件兩種方式
08分鐘26秒attachEvent註冊事件
05分鐘22秒刪除事件
08分鐘18秒DOM事件流理論
04分鐘39秒DOM事件流程程式碼驗證
07分鐘51秒什麼是事件對象
08分鐘05秒e.target和this區別
08分鐘31秒阻止預設行為
06分鐘33秒阻止事件冒泡
04分鐘41秒事件委託
06分鐘35秒禁止選取文字和禁止右鍵選單
04分鐘36秒獲得滑鼠在頁面中的座標
07分鐘28秒跟隨滑鼠的天使
07分鐘43秒常用的鍵盤事件
07分鐘02秒keyCode判斷使用者按下哪個鍵
07分鐘30秒模擬京東按鍵輸入內容案例
05分鐘17秒模擬京東快遞單號查詢（上）
06分鐘59秒模擬京東快遞單號查詢（下）
06分鐘02秒BOM導讀
00分鐘57秒BOM概述
08分鐘41秒頁面載入事件
08分鐘23秒調整視窗大小事件
05分鐘29秒定時器之setTimeout
07分鐘16秒回呼函數以及5秒後自動關閉的廣告
03分鐘59秒清除定時器
03分鐘02秒定時器之setInterval
03分鐘33秒倒數計時效果
08分鐘12秒清除定時器
04分鐘45秒傳簡訊案例
07分鐘50秒this指向問題
07分鐘55秒js同步和非同步
04分鐘52秒同步任務和非同步任務執行流程
06分鐘28秒js執行機制
06分鐘49秒location物件常見屬性
06分鐘03秒5秒之後跳頁
06分鐘15秒取得URL參數
11分鐘02秒location常見方法
04分鐘12秒navigator對象
04分鐘50秒history對象
04分鐘30秒PC端網頁特效異讀
01分鐘06秒offsetLeft和offsetTop取得元素偏移
04分鐘49秒offsetWidth和offsetHeight取得元素大小
05分鐘09秒offset與style區別
03分鐘41秒取得滑鼠在盒子內的座標
06分鐘03秒拖曳模態框（上）
06分鐘06秒拖曳模態框（中）
09分鐘55秒拖曳模態框（下）
02分鐘49秒仿京東放大鏡效果頁面結構搭建
06分鐘49秒仿京東放大鏡效果顯示隱藏遮擋層和大盒子
05分鐘37秒仿京東放大鏡效果遮擋層跟著滑鼠
08分鐘28秒仿京東放大鏡效果限制遮蔽層移動範圍
07分鐘00秒仿京東放大鏡效果大圖片移動
08分鐘37秒client系列
02分鐘31秒立即執行函數
08分鐘11秒淘寶flexibleJS源碼分析之核心原理
07分鐘28秒淘寶flexibleJS源碼分析之pageshow事件
06分鐘58秒scroll系列
05分鐘25秒仿淘寶固定側邊欄（上）
08分鐘09秒仿淘寶固定側邊欄（下）
10分鐘37秒三大系列總結
01分鐘56秒mouseover和mouseenter的差別
02分鐘56秒動畫原理
06分鐘55秒簡單動畫函數封裝
04分鐘33秒動畫函數-給不同元素記錄不同定時器
08分鐘11秒緩動動畫原理
05分鐘43秒緩動動畫基本程式碼實現
04分鐘37秒緩動動畫多個目標值之間移動
07分鐘23秒緩動動畫加入回呼函數
05分鐘54秒動畫函數的使用
08分鐘31秒網頁輪播圖-結構搭建
06分鐘40秒網頁輪播圖-滑鼠經過顯示隱藏左右按鈕
06分鐘58秒網頁輪播圖-動態生成小圓圈
07分鐘36秒網頁輪播圖-小圓圈排他思想
03分鐘26秒網頁輪播圖-點擊小圓圈滾動圖片
10分鐘02秒網頁輪播圖-右側按鈕無縫滾動
11分鐘13秒網頁輪播圖-克隆第一張圖片
03分鐘52秒網頁輪播圖小圓圈跟著右側按鈕一起變化
05分鐘12秒網頁輪播圖-兩個小bug解決方案
05分鐘53秒網頁輪播圖-左側按鈕功能
07分鐘12秒網頁輪播圖-自動播放功能
04分鐘36秒節流閥以及邏輯中斷應用
07分鐘39秒帶有動畫的返回頂部
10分鐘08秒筋斗雲案例
10分鐘15秒行動端網頁特效導讀
01分鐘15秒行動端touch觸摸事件
04分鐘29秒行動端TouchEvent觸摸事件對象
11分鐘00秒移動端拖曳元素
10分鐘06秒行動端輪播圖-結構搭建
05分鐘55秒行動端輪播圖-佈局分析
07分鐘46秒行動端輪播圖-滾動圖片
08分鐘02秒行動端輪播圖-無縫滾動
08分鐘34秒classList類別名稱操作
08分鐘10秒行動端輪播圖-小圓點跟隨變化
05分鐘07秒行動端輪播圖-手指拖曳輪播圖
07分鐘46秒行動端輪播圖-手指滑動輪播圖放上一張下一張圖片
07分鐘35秒行動端輪播圖-回彈效果
05分鐘39秒返回頂部模板製作
07分鐘14秒行動端click事件300ms延遲問題解決方案
05分鐘53秒fastclick插件使用
06分鐘45秒swioper插件使用-引入相關文件
06分鐘44秒行動端輪播圖-依照語法規範使用
07分鐘01秒swiper插件使用-參數更改
04分鐘07秒行動端其他插件以及使用總結
03分鐘23秒視訊插件zy.media.js的使用
07分鐘53秒bootstrap輪播圖
10分鐘33秒阿里百秀輪播圖製作
09分鐘43秒本地儲存導讀
00分鐘49秒本地存儲之sessionStrage
11分鐘50秒本地 儲存之localStorage
05分鐘25秒記住使用者名稱案例
05分鐘53秒本套課程我們會講解如何取得DOM元素，如何操作DOM元素，BOM操作， 事件，事件對象，事件委託，JS執行佇列，定時器，常見網頁特效，例如輪播圖，tab欄切換等。也會解釋行動端如何製作網頁特效，帶你進入JavaScript的實際開發應用程式。
