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 定位分佈模組-定製配置（下）
