JavaScript基礎語法【dom|bom|es6新語法|jQuery|資料視覺化echarts】

• 第1章 電腦基礎
• 1-1 計算機基礎導讀
• 1-2 程式設計語言
• 1-3 電腦基礎
• 第2章 JavaScript導讀
• 2-1 JavaScript導讀
• 2-2 初識JavaScript
• 2-3 瀏覽器執行js過程
• 2-4 js三部分組成
• 2-5 js三種書寫位置
• 第3章 註解與變數
• 3-1 註解
• 3-2 輸入輸出語句
• 3-3 變數導讀
• 3-4 什麼是變數
• 3-5 變數的使用
• 3-6 變數案例
• 3-7 變數案例彈出用戶名
• 3-8 變數語法擴展
• 3-9 變數的命名規範
• 3-10 變換2個變數的值
• 3-11 變數小結
• 第4章 資料類型
• 4-1 資料型態導讀
• 4-2 資料類型簡介
• 4-3 數位型Number
• 4-4 isNaN
• 4-5 字串型String
• 4-6 彈出網頁警示框
• 4-7 字串長度以及拼接
• 4-8 字串拼接加強
• 4-9 顯示年齡案例
• 4-10 boolean以及undefined和null
• 4-11 typeof檢測變數資料類型
• 4-12 字面量
• 4-13 轉換為字串類型
• 4-14 轉換為數位型parseInt和parseFloat
• 4-15 轉換為數位型Number與隱式轉換
• 4-16 計算年齡案例
• 4-17 簡單加法器案例
• 4-18 轉換為布林型
• 4-19 拓展閱讀之編譯與解釋語言的區別
• 4-20 拓展閱讀之標識符關鍵字保留字
• 4-21 課後作業
• 第5章 運算符
• 5-1 運算子導讀
• 5-2 算術運算符
• 5-3 表達式和傳回值
• 5-4 前置遞增運算符
• 5-5 後置遞增運算符
• 5-6 遞增運算子練習
• 5-7 前置遞增和後置遞增小結
• 5-8 比較運算符
• 5-9 邏輯運算符
• 5-10 邏輯運算子練習
• 5-11 邏輯中斷、邏輯與
• 5-12 邏輯中斷、邏輯或
• 5-13 賦值運算符
• 5-14 運算符優先級
• 第6章 流程控制
• 6-1 流程控制分支結構導讀
• 6-2 流程控制
• 6-3 if分支語句
• 6-4 進入網咖案例
• 6-5 ifelse雙分支語句
• 6-6 判斷閏年案例
• 6-7 if else if多分支語句
• 6-8 判斷成績案例
• 6-9 三元表達式
• 6-10 數位補0案例
• 6-11 switch語句
• 6-12 switch注意事項
• 6-13 查詢水果案例
• 6-14 switch和ifelseif區別
• 第7章 循環
• 7-1 循環導讀
• 7-2 循環的目的
• 7-3 for迴圈語法結構
• 7-4 for迴圈執行過程
• 7-5 斷電調試
• 7-6 for迴圈重複執行相同程式碼
• 7-7 for迴圈重複執行不同程式碼
• 7-8 for迴圈重複某些操作
• 7-9 for迴圈案例
• 7-10 求學生成績案例（上）
• 7-11 求學生成績案例（下）
• 7-12 一行印五顆星星
• 7-13 雙重for迴圈執行過程
• 7-14 列印5行5列的星星
• 7-15 列印n行n列的星星
• 7-16 列印倒三角形案例
• 7-17 九九乘法表
• 7-18 for迴圈小結
• 7-19 while循環
• 7-20 while案例
• 7-21 do while循環
• 7-22 do while案例
• 7-23 循環小結
• 7-24 continue關鍵字
• 7-25 break關鍵字
• 7-26 命名規格以及語法格式
• 7-27 循環作業
• 第8章 陣列
• 8-1 數組導讀
• 8-2 什麼是數組以及創建方式
• 8-3 存取數組元素
• 8-4 遍歷數組
• 8-5 數組長度
• 8-6 計算數組的和以及平均值
• 8-7 求數組中的最大值
• 8-8 數組轉換為字串
• 8-9 數組新增元素
• 8-10 數組存放1~10個值
• 8-11 篩選數組方法
• 8-12 篩選數組方法2
• 8-13 刪除陣列指定元素（陣列去重）
• 8-14 翻轉數組
• 8-15 複習交換兩個變數值
• 8-16 冒泡排序原理
• 8-17 冒泡排序
• 第9章 函數
• 9-1 函數導讀
• 9-2 為什麼需要函數
• 9-3 函數的使用
• 9-4 利用函數求1~100累加和
• 9-5 函數的參數
• 9-6 利用函數求任兩個數的和以及累加和
• 9-7 函數形參和實參匹配問題
• 9-8 函數的回傳值
• 9-9 利用函數求兩個數的最大值
• 9-10 利用函數求數組中的最大值
• 9-11 return終止函數並且只能傳回一個值
• 9-12 函數傳回值2個注意事項
• 9-13 透過榨汁機看透函數
• 9-14 arguments的使用
• 9-15 利用函數求任數的最大值
• 9-16 利用函數翻轉數組
• 9-17 函數封裝冒泡排序
• 9-18 利用函數判斷閏年
• 9-19 函數可以呼叫另外一個函數
• 9-20 輸出2月份天數
• 9-21 函數的兩種宣告方式
• 9-22 作用域導讀
• 9-23 javascript作用域
• 9-24 全域變數和局部變數
• 9-25 javascript沒有區塊級作用域
• 9-26 作用域鏈
• 9-27 作用域鏈案例
• 第10章 預解析
• 10-1 javascript預解析導讀
• 10-2 預解析
• 10-3 預解析案例
• 第11章 物件
• 11-1 物件導讀
• 11-2 什麼是對像以及為什麼需要對象
• 11-3 利用對象字面量創建對象
• 11-4 變數屬性函數方法的區別
• 11-5 利用new Object創建對象
• 11-6 我們為什麼需要構造函數
• 11-7 建構函數建立物件（上）
• 11-8 建構函數建立物件（下）
• 11-9 建構函數和物件區別
• 11-10 new關鍵字執行過程
• 11-11 遍歷對象
• 11-12 小結和作業
• 第12章 內建對象
• 12-1 內建物件導讀
• 12-2 什麼是內建對象
• 12-3 學會查詢MDN文檔
• 12-4 數學物件Math最大值方法
• 12-5 猜數字遊戲
• 12-6 Date日期物件的使用
• 12-7 格式化日期年月日星期
• 12-8 格式化日期時分秒
• 12-9 Date總的毫秒數（時間戳記）
• 12-10 倒數計時（上）
• 12-11 倒數計時（下）
• 12-12 數組創建的兩種方式
• 12-13 檢測是否為數組的兩種方式
• 12-14 新增數組元素
• 12-15 刪除數組元素
• 12-16 篩選數組
• 12-17 數組排序
• 12-18 取得數組元素索引
• 12-19 數組去重案例
• 12-20 數組轉換為字串
• 12-21 基本包裝類型
• 12-22 字串不可變
• 12-23 根據字元返回位置
• 12-24 求某個字元出現的位置以及次數
• 12-25 根據位置返回字符
• 12-26 統計出現次數最多的字元（上）
• 12-27 統計出現次數最多的字元（下）
• 12-28 拼接以及截取字串
• 12-29 替換字串以及轉換為數組
• 12-30 簡單資料型別和複雜資料型態導讀
• 12-31 資料類型記憶體分配
• 12-32 簡單資料類型傳參
• 12-33 複雜資料類型傳參
• 第13章 web apis
• 13-1 web apis簡介導讀
• 13-2 js基礎和web apis兩個階段的關聯性
• 13-3 api和web apis
• 第14章 DOM
• 14-1 DOM導讀
• 14-2 DOM簡介
• 14-3 getElementByid取得元素
• 14-4 getElementsByTagName取得某類別標籤元素
• 14-5 H5新增取得元素方式
• 14-6 取得body和html元素
• 14-7 事件三要素
• 14-8 執行事件過程
• 14-9 操作元素修改元素內容
• 14-10 innerText和innerHTML的差別
• 14-11 操作元素-修改元素屬性
• 14-12 分時問候案例
• 14-13 操作元素-修改表單屬性
• 14-14 仿京東顯示隱藏密碼明文案例（上）
• 14-15 仿京東顯示隱藏密碼明文案例（下）
• 14-16 操作元素-修改樣式屬性
• 14-17 仿淘寶關閉二維碼案例
• 14-18 循環精靈圖
• 14-19 顯示隱藏文字方塊內容
• 14-20 使用className修改樣式屬性
• 14-21 密碼框驗證訊息
• 14-22 操作元素總結以及作業
• 第15章 換膚、變色效果
• 15-1 排他思想（演算法）
• 15-2 百度換膚效果
• 15-3 表格隔行變色效果
• 15-4 表單全選取消全選（上）
• 15-5 表單全選取消全選（下）
• 15-6 取得自訂屬性值
• 15-7 設定移除自訂屬性
• 15-8 tab欄切換佈局分析（重要）
• 15-9 tab欄切換製作（上）
• 15-10 tab欄切換製作（下）
• 15-11 H5自訂屬性
• 第16章 節點操作
• 16-1 為什麼學習節點操作以及節點簡介
• 16-2 節點操作之父節點
• 16-3 子節點
• 16-4 第一個子元素和最後一個子元素
• 16-5 新浪下拉選單
• 16-6 節點操作兄弟節點
• 16-7 節點操作之創建與新增節點
• 16-8 簡單版發布留言案例
• 16-9 節點操作-刪除節點
• 16-10 刪除留言案例
• 16-11 節點操作-複製節點
• 16-12 動態生成表格-建立學生數據
• 16-13 動態產生表格-建立行
• 16-14 動態產生表格-建立儲存格
• 16-15 動態生成表格-單元格填充數據
• 16-16 動態產生表格-建立刪除儲存格
• 16-17 動態產生表格-新增刪除操作
• 16-18 document.write建立元素（了解）
• 16-19 innerHTML與creatElement效率對比
• 第17章 事件
• 17-1 DOM重點核心
• 17-2 事件高階導讀
• 17-3 註冊事件兩種方式
• 17-4 attachEvent註冊事件
• 17-5 刪除事件
• 17-6 DOM事件流理論
• 17-7 DOM事件流程程式碼驗證
• 17-8 什麼是事件對象
• 17-9 e.target和this區別
• 17-10 阻止預設行為
• 17-11 阻止事件冒泡
• 17-12 事件委託
• 17-13 禁止選取文字和禁止右鍵選單
• 17-14 獲得滑鼠在頁面中的座標
• 17-15 跟隨滑鼠的天使
• 17-16 常用的鍵盤事件
• 17-17 keyCode判斷使用者按下哪個鍵
• 17-18 模擬京東按鍵輸入內容案例
• 17-19 模擬京東快遞單號查詢（上）
• 17-20 模擬京東快遞單號查詢（下）
• 第18章 BOM
• 18-1 BOM導讀
• 18-2 BOM概述
• 18-3 頁面載入事件
• 18-4 調整視窗大小事件
• 18-5 定時器之setTimeout
• 18-6 回呼函數以及5秒後自動關閉的廣告
• 18-7 清除定時器
• 18-8 定時器之setInterval
• 18-9 倒數計時效果
• 18-10 清除定時器
• 18-11 傳簡訊案例
• 18-12 this指向問題
• 第19章 js同步和非同步
• 19-1 同步和非同步
• 19-2 同步任務和非同步任務執行流程
• 19-3 js執行機制
• 19-4 location物件常見屬性
• 19-5 5秒鐘之後跳頁
• 19-6 取得URL參數
• 19-7 location常見方法
• 19-8 navigator對象
• 19-9 history對象
• 19-10 pc端網頁特效導讀
• 第20章 取得滑鼠座標
• 20-1 offserLeft和offsetTop取得元素偏移
• 20-2 offsetWidth和offsetHeight取得元素大小
• 20-3 offset與style區別
• 20-4 取得滑鼠在盒子內的座標
• 第21章 拖曳模態框
• 21-1 拖曳模態框（上）
• 21-2 拖曳模態框（中）
• 21-3 拖曳模態框（下）
• 第22章 仿京東放大鏡效果
• 22-1 仿京東放大鏡效果頁面結構搭建
• 22-2 仿京東放大鏡效果顯示隱藏擋層和大盒子
• 22-3 仿京東放大鏡效果遮擋層跟著滑鼠
• 22-4 仿京東放大鏡效果限制遮蔽層移動範圍
• 22-5 仿京東放大鏡效果大圖片移動
• 第23章 仿淘寶效果
• 23-1 client系列
• 23-2 立即執行函數
• 23-3 淘寶flexiJS源碼分析之核心原理
• 23-4 淘寶flexibleJS源碼分析之pagesshow事件
• 23-5 scroll系列
• 23-6 仿淘寶固定側邊欄（上）
• 23-7 仿淘寶固定側邊欄（下）
• 23-8 三大系列總結
• 第24章 緩動動畫
• 24-1 mouseover和mouseenter區別
• 24-2 動畫原理
• 24-3 簡單動畫函數封裝
• 24-4 動畫函數為不同元素記錄不同定時器
• 24-5 緩動動畫原理
• 24-6 緩動動畫基本程式碼實現
• 24-7 緩動動畫多個目標值之間移動
• 24-8 緩動動畫加入回呼函數
• 24-9 動畫函數的使用
• 第25章 網頁輪播圖
• 25-1 網頁輪播圖結構搭建
• 25-2 網頁輪播圖-滑鼠經過顯示隱藏左右按鈕
• 25-3 網頁輪播圖-動態生成小圓圈
• 25-4 網頁輪播圖-小圓圈排他思想
• 25-5 網頁輪播圖-點擊小圓圈滾動圖片
• 25-6 網頁輪播圖-右側按鈕無縫滾動
• 25-7 網頁輪播圖-克隆第一張圖片
• 25-8 網頁輪播圖小圓圈跟著右側按鈕一起變化
• 25-9 網頁輪播圖-兩個小BUG解決方案
• 25-10 網頁輪播圖-左側按鈕功能製作
• 25-11 網頁輪播圖-自動播放功能
• 第26章 行動端網頁特效
• 26-1 節流閥以及邏輯中斷應用
• 26-2 帶有動畫的返回頂部
• 26-3 筋斗雲案例
• 26-4 行動端網頁特效導讀
• 26-5 行動端touch觸摸事件
• 26-6 行動端TouchEvent觸摸事件對象
• 26-7 移動端拖曳元素
• 26-8 行動端輪播圖-結構搭建
• 26-9 行動端輪播圖-佈局分析
• 26-10 行動端輪播圖-滾動圖片
• 26-11 行動端輪播圖-無縫滾動
• 26-12 classList類別名稱操作
• 26-13 行動端輪播圖-小圓點跟隨變化
• 26-14 行動端輪播圖-手指拖曳輪播圖
• 26-15 行動端輪播圖-手指滑動播放上一張下一張圖片
• 26-16 行動端輪播圖-回彈效果
• 26-17 返回頂部模組製作
• 26-18 行動端click事件300ms延遲問題解決方案
• 26-19 faskclick插件使用
• 26-20 swiper外掛程式使用-引用相關文件
• 26-21 行動端輪播圖-依照語法規範使用
• 26-22 swiper插件使用-參數更改
• 26-23 行動端其他插件以及使用總結
• 26-24 視訊插件zy.media.js的使用
• 26-25 bootstrap輪播圖
• 26-26 阿里百秀輪播圖製作
• 第27章 本地儲存
• 27-1 本地儲存導讀
• 27-2 本地儲存之sessionStorage
• 27-3 本地存儲之localStroge
• 27-4 記住使用者名稱案例
• 第28章 jQuery
• 28-1 jQuery入門導讀
• 28-2 JavaScript函式庫
• 28-3 jQuery概述
• 28-4 jQuery基本使用-入口函數
• 28-5 jQuery頂級對象
• 第29章 DOM物件|jQuery對象
• 29-1 DOM物件和jQuery對象
• 29-2 DOM物件和jQuery物件相互轉換
• 第30章 jQuery基礎
• 30-1 jQuery常用API導讀
• 30-2 jQuery基本和層級選擇器
• 30-3 jQuery隱式迭代
• 30-4 jQuery篩選選擇器
• 30-5 jQuery篩選方法-選擇父子元素
• 30-6 新浪下拉選單
• 30-7 jQuery其他篩選方法
• 30-8 jQuery排他思想
• 30-9 淘寶服飾精品案例
• 30-10 jQuery鍊式編程
• 30-11 jQuery修改樣式css方法
• 30-12 jQuery修改樣式操作類
• 30-13 tab欄切換案例
• 30-14 jQuery類別運算和className區別
• 30-15 jQuery顯示與隱藏效果
• 30-16 jQuery滑動效果以及事件切換
• 30-17 jQuery停止動畫排隊
• 30-18 jQuery淡入淡出以及突出顯示案例
• 30-19 jQuery自訂動畫animate方法
• 30-20 王者榮耀手風琴案例佈局分析
• 30-21 王者榮耀手風琴案例製作
• 第31章 購物車
• 31-1 jQuery屬性運算
• 31-2 購物車模組-全選（上）
• 31-3 購物車模組-全選（下）
• 31-4 jQuery內容文字值
• 31-5 購物車模組-增減商品數量
• 31-6 購物車模組-修改商品小計（上）
• 31-7 購物車模組-修改商品小計（中）
• 31-8 購物車模組-修改商品小計（下）
• 31-9 jQuery遍歷物件each方法
• 31-10 jQuery遍歷數據
• 31-11 購物車模組-計算總計數和總額
• 31-12 建立、新增、刪除元素
• 31-13 購物車模組-清理購物車
• 31-14 購物車模組-選取商品新增背景顏色
• 31-15 jQuery尺寸方法
• 31-16 jQuery位置方法
• 31-17 jQuery被捲去頭部方法
• 31-18 帶有動畫的返回頂部
• 31-19 電梯導航案例-顯示隱藏電梯導航
• 31-20 電梯導航案例-點擊滾動目標位置
• 31-21 電梯導航案例-點選當前li添加current類
• 31-22 電梯導航案例-滑動頁面電梯導航自動新增current類
• 31-23 電梯導航案例節流閥（互斥鎖）
• 第32章 jQuery事件
• 32-1 jQuery事件導讀
• 32-2 事件處理on綁定一個或多個事件
• 32-3 on實作事件委派和給動態元素綁定事件
• 32-4 微博發布案例
• 32-5 off解綁事件
• 32-6 jQuery自動觸發事件
• 32-7 jQuery事件對象
• 32-8 jQuery其他方法導讀
• 32-9 jQuery物件拷貝extend（可選）
• 32-10 jQuery多庫共存
• 32-11 瀑布流插件使用
• 32-12 圖片懶加載技術
• 32-13 全螢幕滾動插件使用（可選）
• 第33章 BootStrap元件
• 33-1 bootstrap元件
• 33-2 bootstrapJS插件
• 33-3 阿里百秀
• 33-4 totolist佈局功能需求分析
• 33-5 todilist核心思路以及本地儲存格式
• 33-6 todolist按下回車讀取本機儲存數據
• 33-7 todolist按下回車保存最新資料到本地存儲
• 33-8 todolist本地儲存資料渲染載入到頁面中
• 33-9 todolist點擊刪除按鈕取得目前索引號
• 33-10 todolist點擊刪除按鈕完成刪除動作
• 33-11 點選複選框修改對應資料done屬性
• 33-12 todolist正在進行且已經完成事項製作
• 33-13 todolist統計正在進行且已經完成事項個數
• 33-14 錄影影片作用介紹
• 33-15 點位區域佈局樣式
• 33-16 地圖區域佈局樣式
• 33-17 使用者區域佈局樣式
• 33-18 訂單區域佈局樣式
• 33-19 銷售區域佈局樣式
• 33-20 通路與季度佈局樣式
• 33-21 排行區域佈局樣式-參考
• 33-22 數據視覺化項目導讀
• 33-23 什麼數據視覺化
• 33-24 數據視覺化項目概述
• 第34章 ECharts
• 34-1 ECharts簡介
• 34-2 ECharts基本使用
• 34-3 選擇不同類型圖表
• 34-4 ECharts專案配置（上）
• 34-5 ECharts-grid配置
• 34-6 ECharts相關配置（中）
• 34-7 ECharts專案配置（下）
• 34-8 折現圖產生以及配置項目總結
• 34-9 數據視覺化項目適配方案分析
• 34-10 數據視覺化項目適配方案
• 34-11 專案準備以及按照自動刷新瀏覽器插件
• 34-12 可視化項目-body和viewport製作
• 34-13 可視化項目column列容器
• 34-14 邊框圖片使用場景以及切割原理
• 34-15 邊框圖片使用語法
• 34-16 公共面板樣式製作（上）
• 34-17 公共面板樣式製作（下）
• 34-18 透過類別名稱呼叫字體圖標
• 34-19 數據視覺化專案-概覽區域模組製作
• 34-20 數據視覺化項目-監控區域佈局分析
• 34-21 資料視覺化項目-監控區域tab欄切換分析
• 34-22 數據視覺化項目-監控區域無縫滾動
• 34-23 點位分佈point模組-佈局
• 34-24 點位分佈point-引入圖表
• 34-25 ECharts餅形圖-tooltip參數意義
• 34-26 ECharts餅形圖-series參數意義
• 34-27 定位分佈模組-定製配置（上）
• 34-28 定位分佈模組-定製配置（下）