搜尋

下一節: 模拟京东快递单号查询(下)1330 次播放

5 秒后自动播放下一节
  重新觀看

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

介紹 >
章節課件
第1章電腦基礎

計算機基礎導讀

01分鐘29秒

程式設計語言

09分鐘19秒

電腦基礎

09分鐘23秒
第2章JavaScript導讀

JavaScript導讀

00分鐘52秒

初識JavaScript

07分鐘28秒

瀏覽器執行js過程

03分鐘58秒

js三部分組成

03分鐘57秒

js三種書寫位置

06分鐘51秒
第3章註解與變數

註解

03分鐘14秒

輸入輸出語句

04分鐘15秒

變數導讀

00分鐘52秒

什麼是變數

04分鐘45秒

變數的使用

06分鐘20秒

變數案例

03分鐘03秒

變數案例彈出用戶名

03分鐘09秒

變數語法擴展

08分鐘41秒

變數的命名規範

09分鐘48秒

變換2個變數的值

07分鐘53秒

變數小結

02分鐘05秒
第4章資料類型

資料型態導讀

00分鐘55秒

資料類型簡介

06分鐘17秒

數位型Number

11分鐘32秒

isNaN

02分鐘17秒

字串型String

07分鐘35秒

彈出網頁警示框

01分鐘59秒

字串長度以及拼接

07分鐘32秒

字串拼接加強

05分鐘53秒

顯示年齡案例

04分鐘05秒

boolean以及undefined和null

07分鐘19秒

typeof檢測變數資料類型

05分鐘28秒

字面量

02分鐘17秒

轉換為字串類型

07分鐘20秒

轉換為數位型parseInt和parseFloat

07分鐘38秒

轉換為數位型Number與隱式轉換

03分鐘25秒

計算年齡案例

04分鐘24秒

簡單加法器案例

04分鐘51秒

轉換為布林型

02分鐘03秒

拓展閱讀之編譯與解釋語言的區別

03分鐘46秒

拓展閱讀之標識符關鍵字保留字

02分鐘37秒

課後作業

00分鐘55秒
第5章運算符

運算子導讀

00分鐘44秒

算術運算符

09分鐘35秒

表達式和傳回值

03分鐘29秒

前置遞增運算符

06分鐘38秒

後置遞增運算符

03分鐘53秒

遞增運算子練習

05分鐘38秒

前置遞增和後置遞增小結

03分鐘03秒

比較運算符

06分鐘56秒

邏輯運算符

06分鐘37秒

邏輯運算子練習

02分鐘46秒

邏輯中斷、邏輯與

06分鐘38秒

邏輯中斷、邏輯或

04分鐘08秒

賦值運算符

03分鐘20秒

運算符優先級

07分鐘15秒
第6章流程控制

流程控制分支結構導讀

00分鐘54秒

流程控制

02分鐘38秒

if分支語句

06分鐘18秒

進入網咖案例

02分鐘43秒

ifelse雙分支語句

06分鐘08秒

判斷閏年案例

06分鐘37秒

if else if多分支語句

07分鐘24秒

判斷成績案例

08分鐘15秒

三元表達式

05分鐘13秒

數位補0案例

05分鐘01秒

switch語句

09分鐘23秒

switch注意事項

05分鐘13秒

查詢水果案例

04分鐘23秒

switch和ifelseif區別

05分鐘32秒
第7章循環

循環導讀

01分鐘07秒

循環的目的

03分鐘18秒

for迴圈語法結構

08分鐘24秒

for迴圈執行過程

06分鐘20秒

斷電調試

06分鐘52秒

for迴圈重複執行相同程式碼

02分鐘38秒

for迴圈重複執行不同程式碼

04分鐘48秒

for迴圈重複某些操作

05分鐘23秒

for迴圈案例

07分鐘04秒

求學生成績案例(上)

06分鐘50秒

求學生成績案例(下)

05分鐘00秒

一行印五顆星星

05分鐘15秒

雙重for迴圈執行過程

07分鐘29秒

列印5行5列的星星

04分鐘49秒

列印n行n列的星星

02分鐘58秒

列印倒三角形案例

06分鐘35秒

九九乘法表

09分鐘33秒

for迴圈小結

02分鐘17秒

while循環

06分鐘06秒

while案例

05分鐘43秒

do while循環

04分鐘24秒

do while案例

04分鐘00秒

循環小結

01分鐘50秒

continue關鍵字

06分鐘04秒

break關鍵字

02分鐘38秒

命名規格以及語法格式

02分鐘37秒

循環作業

02分鐘09秒
第8章陣列

數組導讀

00分鐘53秒

什麼是數組以及創建方式

08分鐘05秒

存取數組元素

06分鐘30秒

遍歷數組

05分鐘19秒

數組長度

03分鐘57秒

計算數組的和以及平均值

06分鐘00秒

求數組中的最大值

06分鐘19秒

數組轉換為字串

04分鐘02秒

數組新增元素

07分鐘39秒

數組存放1~10個值

04分鐘03秒

篩選數組方法

05分鐘59秒

篩選數組方法2

04分鐘10秒

刪除陣列指定元素(陣列去重)

03分鐘10秒

翻轉數組

06分鐘51秒

複習交換兩個變數值

02分鐘31秒

冒泡排序原理

04分鐘45秒

冒泡排序

12分鐘18秒
第9章函數

函數導讀

00分鐘53秒

為什麼需要函數

04分鐘59秒

函數的使用

05分鐘03秒

利用函數求1~100累加和

02分鐘32秒

函數的參數

08分鐘13秒

利用函數求任兩個數的和以及累加和

04分鐘56秒

函數形參和實參匹配問題

06分鐘38秒

函數的回傳值

08分鐘16秒

利用函數求兩個數的最大值

02分鐘55秒

利用函數求數組中的最大值

05分鐘53秒

return終止函數並且只能傳回一個值

06分鐘14秒

函數傳回值2個注意事項

02分鐘45秒

透過榨汁機看透函數

02分鐘02秒

arguments的使用

08分鐘56秒

利用函數求任數的最大值

02分鐘52秒

利用函數翻轉數組

03分鐘41秒

函數封裝冒泡排序

03分鐘24秒

利用函數判斷閏年

03分鐘41秒

函數可以呼叫另外一個函數

05分鐘22秒

輸出2月份天數

06分鐘24秒

函數的兩種宣告方式

05分鐘15秒

作用域導讀

00分鐘47秒

javascript作用域

07分鐘08秒

全域變數和局部變數

07分鐘51秒

javascript沒有區塊級作用域

02分鐘13秒

作用域鏈

04分鐘58秒

作用域鏈案例

05分鐘10秒
第10章預解析

javascript預解析導讀

00分鐘36秒

預解析

13分鐘15秒

預解析案例

12分鐘00秒
第11章物件

物件導讀

00分鐘45秒

什麼是對像以及為什麼需要對象

07分鐘24秒

利用對象字面量創建對象

10分鐘23秒

變數屬性函數方法的區別

05分鐘22秒

利用new Object創建對象

04分鐘19秒

我們為什麼需要構造函數

04分鐘45秒

建構函數建立物件(上)

10分鐘22秒

建構函數建立物件(下)

05分鐘15秒

建構函數和物件區別

03分鐘30秒

new關鍵字執行過程

03分鐘42秒

遍歷對象

05分鐘23秒

小結和作業

01分鐘45秒
第12章內建對象

內建物件導讀

01分鐘17秒

什麼是內建對象

03分鐘13秒

學會查詢MDN文檔

06分鐘09秒

數學物件Math最大值方法

06分鐘16秒

猜數字遊戲

06分鐘51秒

Date日期物件的使用

08分鐘03秒

格式化日期年月日星期

10分鐘47秒

格式化日期時分秒

06分鐘27秒

Date總的毫秒數(時間戳記)

06分鐘57秒

倒數計時(上)

07分鐘31秒

倒數計時(下)

05分鐘31秒

數組創建的兩種方式

04分鐘58秒

檢測是否為數組的兩種方式

06分鐘53秒

新增數組元素

06分鐘30秒

刪除數組元素

03分鐘44秒

篩選數組

02分鐘36秒

數組排序

05分鐘47秒

取得數組元素索引

05分鐘13秒

數組去重案例

07分鐘29秒

數組轉換為字串

03分鐘49秒

基本包裝類型

04分鐘52秒

字串不可變

04分鐘08秒

根據字元返回位置

03分鐘22秒

求某個字元出現的位置以及次數

06分鐘28秒

根據位置返回字符

04分鐘54秒

統計出現次數最多的字元(上)

09分鐘38秒

統計出現次數最多的字元(下)

03分鐘17秒

拼接以及截取字串

03分鐘16秒

替換字串以及轉換為數組

06分鐘35秒

簡單資料型別和複雜資料型態導讀

00分鐘38秒

資料類型記憶體分配

08分鐘23秒

簡單資料類型傳參

03分鐘18秒

複雜資料類型傳參

05分鐘50秒
第13章web apis

web apis簡介導讀

00分鐘50秒

js基礎和web apis兩個階段的關聯性

03分鐘46秒

api和web apis

05分鐘06秒
第14章DOM

DOM導讀

01分鐘05秒

DOM簡介

04分鐘54秒

getElementByid取得元素

08分鐘16秒

getElementsByTagName取得某類別標籤元素

11分鐘31秒

H5新增取得元素方式

08分鐘35秒

取得body和html元素

02分鐘58秒

事件三要素

06分鐘26秒

執行事件過程

04分鐘05秒

操作元素修改元素內容

08分鐘16秒

innerText和innerHTML的差別

06分鐘05秒

操作元素-修改元素屬性

05分鐘53秒

分時問候案例

06分鐘14秒

操作元素-修改表單屬性

06分鐘46秒

仿京東顯示隱藏密碼明文案例(上)

07分鐘23秒

仿京東顯示隱藏密碼明文案例(下)

08分鐘06秒

操作元素-修改樣式屬性

05分鐘16秒

仿淘寶關閉二維碼案例

05分鐘04秒

循環精靈圖

08分鐘55秒

顯示隱藏文字方塊內容

10分鐘04秒

使用className修改樣式屬性

09分鐘28秒

密碼框驗證訊息

09分鐘42秒

操作元素總結以及作業

03分鐘43秒
第15章換膚、變色效果

排他思想(演算法)

09分鐘01秒

百度換膚效果

08分鐘19秒

表格隔行變色效果

07分鐘26秒

表單全選取消全選(上)

07分鐘33秒

表單全選取消全選(下)

09分鐘26秒

取得自訂屬性值

05分鐘04秒

設定移除自訂屬性

04分鐘54秒

tab欄切換佈局分析(重要)

04分鐘18秒

tab欄切換製作(上)

04分鐘10秒

tab欄切換製作(下)

09分鐘05秒

H5自訂屬性

04分鐘15秒
第16章節點操作

為什麼學習節點操作以及節點簡介

07分鐘03秒

節點操作之父節點

04分鐘15秒

子節點

06分鐘05秒

第一個子元素和最後一個子元素

06分鐘44秒

新浪下拉選單

06分鐘31秒

節點操作兄弟節點

05分鐘15秒

節點操作之創建與新增節點

08分鐘10秒

簡單版發布留言案例

08分鐘38秒

節點操作-刪除節點

05分鐘10秒

刪除留言案例

08分鐘14秒

節點操作-複製節點

04分鐘57秒

動態生成表格-建立學生數據

05分鐘44秒

動態產生表格-建立行

03分鐘44秒

動態產生表格-建立儲存格

05分鐘04秒

動態生成表格-單元格填充數據

03分鐘06秒

動態產生表格-建立刪除儲存格

03分鐘09秒

動態產生表格-新增刪除操作

04分鐘11秒

document.write建立元素(了解)

04分鐘41秒

innerHTML與creatElement效率對比

07分鐘51秒
第17章事件

DOM重點核心

06分鐘05秒

事件高階導讀

01分鐘16秒

註冊事件兩種方式

08分鐘26秒

attachEvent註冊事件

05分鐘22秒

刪除事件

08分鐘18秒

DOM事件流理論

04分鐘39秒

DOM事件流程程式碼驗證

07分鐘51秒

什麼是事件對象

08分鐘05秒

e.target和this區別

08分鐘18秒

阻止預設行為

06分鐘34秒

阻止事件冒泡

04分鐘41秒

事件委託

06分鐘35秒

禁止選取文字和禁止右鍵選單

04分鐘36秒

獲得滑鼠在頁面中的座標

07分鐘28秒

跟隨滑鼠的天使

07分鐘43秒

常用的鍵盤事件

06分鐘49秒

keyCode判斷使用者按下哪個鍵

07分鐘30秒

模擬京東按鍵輸入內容案例

05分鐘17秒

模擬京東快遞單號查詢(上)

06分鐘59秒

模擬京東快遞單號查詢(下)

06分鐘03秒
第18章BOM

BOM導讀

00分鐘57秒

BOM概述

08分鐘41秒

頁面載入事件

08分鐘23秒

調整視窗大小事件

05分鐘16秒

定時器之setTimeout

07分鐘16秒

回呼函數以及5秒後自動關閉的廣告

03分鐘59秒

清除定時器

03分鐘02秒

定時器之setInterval

03分鐘33秒

倒數計時效果

08分鐘12秒

清除定時器

04分鐘46秒

傳簡訊案例

07分鐘50秒

this指向問題

07分鐘55秒
第19章js同步和非同步

同步和非同步

04分鐘52秒

同步任務和非同步任務執行流程

06分鐘15秒

js執行機制

06分鐘49秒

location物件常見屬性

06分鐘00秒

5秒鐘之後跳頁

06分鐘15秒

取得URL參數

11分鐘00秒

location常見方法

04分鐘11秒

navigator對象

04分鐘49秒

history對象

04分鐘28秒

pc端網頁特效導讀

00分鐘50秒
第20章取得滑鼠座標

offserLeft和offsetTop取得元素偏移

04分鐘45秒

offsetWidth和offsetHeight取得元素大小

05分鐘08秒

offset與style區別

03分鐘41秒

取得滑鼠在盒子內的座標

06分鐘02秒
第21章拖曳模態框

拖曳模態框(上)

06分鐘06秒

拖曳模態框(中)

09分鐘55秒

拖曳模態框(下)

02分鐘49秒
第22章仿京東放大鏡效果

仿京東放大鏡效果頁面結構搭建

06分鐘46秒

仿京東放大鏡效果顯示隱藏擋層和大盒子

05分鐘24秒

仿京東放大鏡效果遮擋層跟著滑鼠

08分鐘28秒

仿京東放大鏡效果限制遮蔽層移動範圍

06分鐘59秒

仿京東放大鏡效果大圖片移動

08分鐘37秒
第23章仿淘寶效果

client系列

02分鐘29秒

立即執行函數

08分鐘06秒

淘寶flexiJS源碼分析之核心原理

07分鐘27秒

淘寶flexibleJS源碼分析之pagesshow事件

06分鐘58秒

scroll系列

05分鐘25秒

仿淘寶固定側邊欄(上)

08分鐘09秒

仿淘寶固定側邊欄(下)

10分鐘24秒

三大系列總結

01分鐘52秒
第24章緩動動畫

mouseover和mouseenter區別

02分鐘56秒

動畫原理

06分鐘54秒

簡單動畫函數封裝

04分鐘33秒

動畫函數為不同元素記錄不同定時器

08分鐘11秒

緩動動畫原理

05分鐘29秒

緩動動畫基本程式碼實現

04分鐘36秒

緩動動畫多個目標值之間移動

07分鐘23秒

緩動動畫加入回呼函數

05分鐘54秒

動畫函數的使用

08分鐘31秒
第25章網頁輪播圖

網頁輪播圖結構搭建

06分鐘40秒

網頁輪播圖-滑鼠經過顯示隱藏左右按鈕

06分鐘54秒

網頁輪播圖-動態生成小圓圈

07分鐘37秒

網頁輪播圖-小圓圈排他思想

03分鐘26秒

網頁輪播圖-點擊小圓圈滾動圖片

09分鐘48秒

網頁輪播圖-右側按鈕無縫滾動

11分鐘10秒

網頁輪播圖-克隆第一張圖片

03分鐘50秒

網頁輪播圖小圓圈跟著右側按鈕一起變化

05分鐘12秒

網頁輪播圖-兩個小BUG解決方案

05分鐘50秒

網頁輪播圖-左側按鈕功能製作

07分鐘12秒

網頁輪播圖-自動播放功能

04分鐘36秒
第26章行動端網頁特效

節流閥以及邏輯中斷應用

07分鐘39秒

帶有動畫的返回頂部

10分鐘07秒

筋斗雲案例

10分鐘14秒

行動端網頁特效導讀

00分鐘59秒

行動端touch觸摸事件

04分鐘29秒

行動端TouchEvent觸摸事件對象

11分鐘00秒

移動端拖曳元素

10分鐘05秒

行動端輪播圖-結構搭建

05分鐘40秒

行動端輪播圖-佈局分析

07分鐘43秒

行動端輪播圖-滾動圖片

08分鐘01秒

行動端輪播圖-無縫滾動

08分鐘32秒

classList類別名稱操作

08分鐘09秒

行動端輪播圖-小圓點跟隨變化

05分鐘06秒

行動端輪播圖-手指拖曳輪播圖

07分鐘45秒

行動端輪播圖-手指滑動播放上一張下一張圖片

07分鐘01秒

行動端輪播圖-回彈效果

05分鐘39秒

返回頂部模組製作

04分鐘41秒

行動端click事件300ms延遲問題解決方案

05分鐘48秒

faskclick插件使用

06分鐘44秒

swiper外掛程式使用-引用相關文件

06分鐘43秒

行動端輪播圖-依照語法規範使用

07分鐘01秒

swiper插件使用-參數更改

04分鐘06秒

行動端其他插件以及使用總結

03分鐘22秒

視訊插件zy.media.js的使用

07分鐘53秒

bootstrap輪播圖

10分鐘32秒

阿里百秀輪播圖製作

09分鐘38秒
第27章本地儲存

本地儲存導讀

00分鐘31秒

本地儲存之sessionStorage

11分鐘48秒

本地存儲之localStroge

05分鐘24秒

記住使用者名稱案例

05分鐘53秒
第28章jQuery

jQuery入門導讀

00分鐘44秒

JavaScript函式庫

03分鐘11秒

jQuery概述

03分鐘04秒

jQuery基本使用-入口函數

07分鐘54秒

jQuery頂級對象

03分鐘17秒
第29章DOM物件|jQuery對象

DOM物件和jQuery對象

05分鐘45秒

DOM物件和jQuery物件相互轉換

06分鐘16秒
第30章jQuery基礎

jQuery常用API導讀

00分鐘58秒

jQuery基本和層級選擇器

04分鐘03秒

jQuery隱式迭代

05分鐘17秒

jQuery篩選選擇器

03分鐘54秒

jQuery篩選方法-選擇父子元素

05分鐘24秒

新浪下拉選單

05分鐘04秒

jQuery其他篩選方法

07分鐘35秒

jQuery排他思想

03分鐘44秒

淘寶服飾精品案例

07分鐘12秒

jQuery鍊式編程

07分鐘05秒

jQuery修改樣式css方法

06分鐘28秒

jQuery修改樣式操作類

05分鐘09秒

tab欄切換案例

07分鐘05秒

jQuery類別運算和className區別

02分鐘47秒

jQuery顯示與隱藏效果

08分鐘07秒

jQuery滑動效果以及事件切換

08分鐘40秒

jQuery停止動畫排隊

03分鐘32秒

jQuery淡入淡出以及突出顯示案例

07分鐘24秒

jQuery自訂動畫animate方法

03分鐘34秒

王者榮耀手風琴案例佈局分析

03分鐘31秒

王者榮耀手風琴案例製作

08分鐘42秒
第31章購物車

jQuery屬性運算

10分鐘12秒

購物車模組-全選(上)

09分鐘54秒

購物車模組-全選(下)

06分鐘54秒

jQuery內容文字值

04分鐘15秒

購物車模組-增減商品數量

07分鐘34秒

購物車模組-修改商品小計(上)

08分鐘52秒

購物車模組-修改商品小計(中)

06分鐘01秒

購物車模組-修改商品小計(下)

03分鐘37秒

jQuery遍歷物件each方法

08分鐘58秒

jQuery遍歷數據

03分鐘37秒

購物車模組-計算總計數和總額

09分鐘18秒

建立、新增、刪除元素

08分鐘01秒

購物車模組-清理購物車

07分鐘00秒

購物車模組-選取商品新增背景顏色

04分鐘49秒

jQuery尺寸方法

04分鐘18秒

jQuery位置方法

06分鐘02秒

jQuery被捲去頭部方法

06分鐘38秒

帶有動畫的返回頂部

03分鐘46秒

電梯導航案例-顯示隱藏電梯導航

04分鐘39秒

電梯導航案例-點擊滾動目標位置

08分鐘50秒

電梯導航案例-點選當前li添加current類

03分鐘41秒

電梯導航案例-滑動頁面電梯導航自動新增current類

05分鐘49秒

電梯導航案例節流閥(互斥鎖)

06分鐘12秒
第32章jQuery事件

jQuery事件導讀

00分鐘37秒

事件處理on綁定一個或多個事件

06分鐘23秒

on實作事件委派和給動態元素綁定事件

06分鐘11秒

微博發布案例

10分鐘48秒

off解綁事件

05分鐘26秒

jQuery自動觸發事件

05分鐘44秒

jQuery事件對象

02分鐘54秒

jQuery其他方法導讀

00分鐘26秒

jQuery物件拷貝extend(可選)

11分鐘42秒

jQuery多庫共存

05分鐘40秒

瀑布流插件使用

09分鐘17秒

圖片懶加載技術

10分鐘35秒

全螢幕滾動插件使用(可選)

11分鐘04秒
第33章BootStrap元件

bootstrap元件

04分鐘57秒

bootstrapJS插件

10分鐘27秒

阿里百秀

10分鐘47秒

totolist佈局功能需求分析

06分鐘45秒

todilist核心思路以及本地儲存格式

10分鐘16秒

todolist按下回車讀取本機儲存數據

08分鐘23秒

todolist按下回車保存最新資料到本地存儲

06分鐘29秒

todolist本地儲存資料渲染載入到頁面中

10分鐘35秒

todolist點擊刪除按鈕取得目前索引號

08分鐘19秒

todolist點擊刪除按鈕完成刪除動作

04分鐘47秒

點選複選框修改對應資料done屬性

08分鐘20秒

todolist正在進行且已經完成事項製作

04分鐘59秒

todolist統計正在進行且已經完成事項個數

05分鐘37秒

錄影影片作用介紹

01分鐘50秒

點位區域佈局樣式

10分鐘24秒

地圖區域佈局樣式

06分鐘38秒

使用者區域佈局樣式

07分鐘20秒

訂單區域佈局樣式

08分鐘40秒

銷售區域佈局樣式

11分鐘17秒

通路與季度佈局樣式

22分鐘20秒

排行區域佈局樣式-參考

32分鐘55秒

數據視覺化項目導讀

00分鐘54秒

什麼數據視覺化

05分鐘17秒

數據視覺化項目概述

04分鐘20秒
第34章ECharts

ECharts簡介

04分鐘17秒

ECharts基本使用

11分鐘19秒

選擇不同類型圖表

05分鐘57秒

ECharts專案配置(上)

10分鐘00秒

ECharts-grid配置

08分鐘48秒

ECharts相關配置(中)

10分鐘13秒

ECharts專案配置(下)

11分鐘22秒

折現圖產生以及配置項目總結

04分鐘52秒

數據視覺化項目適配方案分析

05分鐘10秒

數據視覺化項目適配方案

08分鐘44秒

專案準備以及按照自動刷新瀏覽器插件

04分鐘44秒

可視化項目-body和viewport製作

09分鐘14秒

可視化項目column列容器

03分鐘34秒

邊框圖片使用場景以及切割原理

08分鐘43秒

邊框圖片使用語法

09分鐘37秒

公共面板樣式製作(上)

08分鐘35秒

公共面板樣式製作(下)

09分鐘26秒

透過類別名稱呼叫字體圖標

05分鐘58秒

數據視覺化專案-概覽區域模組製作

12分鐘14秒

數據視覺化項目-監控區域佈局分析

05分鐘50秒

資料視覺化項目-監控區域tab欄切換分析

11分鐘29秒

數據視覺化項目-監控區域無縫滾動

11分鐘25秒

點位分佈point模組-佈局

05分鐘11秒

點位分佈point-引入圖表

08分鐘44秒

ECharts餅形圖-tooltip參數意義

08分鐘31秒

ECharts餅形圖-series參數意義

06分鐘27秒

定位分佈模組-定製配置(上)

06分鐘10秒

定位分佈模組-定製配置(下)

07分鐘27秒
  • 取消回覆傳送
  • 取消發佈筆記傳送