〖课程介绍〗:

使用JavaScript语言可以在网页上开发各种动态效果，目前市面上各种酷炫的交互效果也都是基于JavaScript来实现的，所以是所有WEB攻城师之必备技术。本课程将学习JavaScript的基础语法、函数、方法、数组和对象等的使用，由浅入深的带领大家做出与用户有各种复杂交互的网站程序。

〖课程目录〗:

1.JavaScript快速入門
┣━━01 JavaScript介紹.mp4
┣━━02 如何在頁面中插入Javascript.mp4
┣━━03 變量.mp4
┣━━04 基本的變量類型的介紹.mp4
┣━━05 算數運算符.mp4
┣━━06 賦值運算符.mp4
┣━━07 字符串.mp4
┣━━08 數值和字符串轉換.mp4
┣━━09 JavaScript中強大的數組Array.mp4
┣━━10 人生的選擇.mp4
┣━━11 爲贏取白富美做出選擇–條件判斷.mp4
┣━━12 if…else語句.mp4
┣━━13 比較運算符.mp4
┣━━14 邏輯運算符.mp4
┣━━15 switch語句.mp4
┣━━16 三元運算符.mp4
┣━━17 for循環介紹和應用.mp4
┣━━18 個人對996的看法.mp4
┣━━19 break和continue語句.mp4
┣━━20 while循環.mp4
┣━━21 do-while循環.mp4
┣━━22 函數的定義.mp4
┣━━23 函數傳參.mp4
┣━━24 函數返回值和函數表達式.mp4
┣━━25 函數作用域和全局汙染.mp4
┣━━26 對象object講解.mp4
┣━━27 內置對象Array.mp4
┣━━28 數組的join()方法.mp4
┣━━29 數組的棧方法和隊列方法.mp4
┣━━30 數組排序.mp4
┣━━31 數組的操作方法.mp4
┣━━32 數組的位置方法.mp4
┣━━33 數組的叠代方法.mp4
┣━━34 map方法的應用.mp4
┣━━35 字符串的字符方法.mp4
┣━━36 字符串的切片方法.mp4
┣━━36 字符串其它的方法.mp4
┣━━37 如何查找當前字符的所有位置.mp4
┣━━38 Date日期對象的創建方式.mp4
┣━━39 Date的常用方法.mp4
┣━━40 日期格式化方法.mp4
┣━━41 如何顯示數字時鍾的格式時間.mp4
┣━━42 字符串和數值類型相互轉換.mp4
┣━━43 global對象的編碼和解碼方法.mp4
┣━━44 window對象講解.mp4
┣━━45 Math數學對象.mp4
┣━━46 獲取某個範圍的隨機整數.mp4
┣━━47 如何來獲取隨機顔色.mp4
┣━━48 如何獲取隨機驗證嗎.mp4
┗━━49 作爲面試官對目前開發人員的看法.mp4
2.BOM
┣━━01 BOM對象介紹.mp4
┣━━02 window對象的alert,confirm,prompt方法.mp4
┣━━03 定時器方法.mp4
┣━━04 location對象的常用屬性介紹.mp4
┣━━05 如何訪問每個查詢字符串參數.mp4
┣━━06 當前浏覽器的位置操作.mp4
┣━━07 如何檢測當前浏覽器上的插件.mp4
┗━━08 history對象的介紹.mp4
3.DOM
┣━━01 快速認識DOM.mp4
┣━━02 DOM中節點中分類.mp4
┣━━03 獲取元素節點對象的方式.mp4
┣━━04 setAttribute()和getAttribute()用法.mp4
┣━━05 節點對象的三個重要屬性介紹.mp4
┣━━06 節點對象的常用屬性.mp4
┣━━07 節點對象屬性在各浏覽器兼容性處理.mp4
┣━━08 元素節點對象的增刪改查方法.mp4
┣━━09 樣式設置.mp4
┣━━10 事件介紹和onclick事件.mp4
┣━━11 鼠標懸浮事件.mp4
┣━━12 光標聚焦和失焦事件.mp4
┣━━13 表單控件上內容選中和改變事件.mp4
┗━━14 窗口加載事件.mp4
4.JS特效
┣━━01 JS特效案例介紹.mp4
┣━━02 前女友們的圖片切換.mp4
┣━━03 顯示和隱藏圖片.mp4
┣━━04 衣服相冊切換效果.mp4
┣━━05 關閉小廣告.mp4
┣━━06 初學者小白實現圖片切換.mp4
┣━━07 封裝圖片切換代碼.mp4
┣━━08 圖片切換完整版.mp4
┣━━09 百度換膚.mp4
┣━━10 千千音樂盒實現全選和反選.mp4
┣━━11 表單驗證.mp4
┣━━12 上傳圖片驗證.mp4
┣━━13 隨機驗證碼校驗.mp4
┣━━14 發布評論.mp4
┣━━15 九宮格布局.mp4
┣━━16 九宮格布局定位實現.mp4
┣━━17 日期特效.mp4
┣━━18 定時器的回顧.mp4
┣━━19 transform的應用.mp4
┣━━20 數字時鍾案例.mp4
┗━━21 長圖滾動案例.mp4
5.offset、client、scroll家族
┣━━01 本章內容介紹.mp4
┣━━02 HbuilderX的安裝和使用.mp4
┣━━03 offsetParent講解.mp4
┣━━04 offsetWidth和offsetHeight講解.mp4
┣━━05 offsetTophe和offsetLeft講解.mp4
┣━━06 如何求出當前元素在頁面上偏移量.mp4
┣━━07 client客戶端大小的使用.mp4
┣━━08 scrollWidth和scrollHeight講解.mp4
┣━━09 scrollTop和scrollLeft屬性講解.mp4
┣━━10 頁面滾動.mp4
┗━━11 實用的滾動方法.mp4
6.事件
┣━━01 事件流介紹.mp4
┣━━02 事件冒泡的概念.mp4
┣━━03 事件捕獲的概念.mp4
┣━━04 HTML事件處理程序.mp4
┣━━05 DOM0級事件處理程序.mp4
┣━━06 DOM2級事件處理程序.mp4
┣━━07 IE事件處理程序.mp4
┣━━08 事件綁定兼容寫法.mp4
┣━━09 事件的調用順序總結.mp4
┣━━10 如何獲取事件對象.mp4
┣━━11 事件目標對象.mp4
┣━━12 事件代理.mp4
┣━━13 事件代理的應用.mp4
┣━━14 事件冒泡的用法.mp4
┣━━15 事件冒泡兼容性寫法.mp4
┣━━16 事件流階段屬性.mp4
┣━━17 取消默認事件.mp4
┣━━18 事件對象中的坐標位置.mp4
┣━━19 事件總結(重要).mp4
┣━━20 放大鏡效果結構樣式搭建.mp4
┗━━21 放大將效果功能實現.mp4
7.動畫
┣━━01 JavaScript動畫介紹.mp4
┣━━02 勻速運動.mp4
┣━━03 簡單的側邊欄分享效果.mp4
┣━━04 側邊欄動畫效果.mp4
┣━━05 緩動運動.mp4
┣━━06 緩動運動封裝.mp4
┣━━07 透明度動畫.mp4
┣━━08 多物體緩動運動.mp4
┣━━09 正確獲取元素的樣式屬性.mp4
┣━━10 多物體緩動運動完整版.mp4
┣━━11 多值運動.mp4
┣━━12 多值運動-處理透明度.mp4
┣━━13 鏈式運動.mp4
┣━━14 同時運動.mp4
┣━━15 完美動畫框架.mp4
┣━━16 聯動效果.mp4
┣━━17 側邊欄橫幅特效.mp4
┣━━18 滾動監聽特效結構和樣式實現.mp4
┣━━19 滾動監聽特效問題發現.mp4
┣━━20 滾動監聽特效實現.mp4
┣━━21 輪播圖結構和樣式搭建.mp4
┣━━22 下壹張功能實現.mp4
┣━━23 上壹張和索引器功能實現.mp4
┗━━24 輪播圖自動播放實現.mp4
8.深入理解函數
┣━━01 本章內容介紹.mp4
┣━━02 函數聲明的三種方式.mp4
┣━━03 深入理解函數返回值.mp4
┣━━04 函數調用模式和方法調用模式.mp4
┣━━05 構造函數調用模式和間接調用模式.mp4
┣━━06 函數參數.mp4
┣━━07 函數不存在重載.mp4
┣━━08 函數參數傳遞.mp4
┣━━09 函數屬性.mp4
┣━━10 函數中apply和call方法的使用.mp4
┣━━11 call和apply方法的應用.mp4
┗━━12 bind方法的使用.mp4
9.深入理解作用域
┣━━01 作用域內部原理的過程介紹.mp4
┣━━02 編譯階段(了解).mp4
┣━━03 執行階段(了解).mp4
┣━━04 查詢(了解).mp4
┣━━05 作用域變量查找的機制(重要).mp4
┣━━06 異常(了解).mp4
┣━━07 案例體現.mp4
┣━━08 詞法作用域.mp4
┣━━09 遮蔽效應.mp4
┣━━10 變量的聲明提升.mp4
┣━━11 函數的聲明提升.mp4
┣━━12 聲明時的注意事項.mp4
┣━━13 理解什麽是作用域鏈.mp4
┣━━14 作用域鏈和自由變量.mp4
┣━━15 執行上下文環境和執行流.mp4
┣━━16 執行環境棧.mp4
┣━━17 壹張圖正確理解什麽是作用域和執行環境.mp4
┗━━18 本章內容總結.mp4
10.深入理解閉包
┣━━01 理解閉包.mp4
┣━━02 閉包的用途.mp4
┣━━03 閉包的注意點.mp4
┣━━04 立即執行函數(IIFE).mp4
┣━━05 自執行函數的應用.mp4
┣━━06 對循環和閉包的錯誤理解.mp4
┣━━07 閉包的10種場景壹.mp4
┣━━08 閉包的10種場景二.mp4
┣━━09 使用閉包模擬緩存機制.mp4
┣━━10 image圖片對象上報.mp4
┗━━11 總結.mp4
11.深入理解this指向
┣━━01 this的默認綁定.mp4
┣━━02 隱式綁定.mp4
┣━━03 隱式丟失this指向的5種情況.mp4
┣━━04 顯示綁定.mp4
┣━━05 new綁定.mp4
┣━━06 嚴格模式this的指向.mp4
┗━━07 this的總結.mp4
12.面向對象編程
┣━━01 本章內容介紹.mp4
┣━━02 對象是什麽.mp4
┣━━03 構造函數實例化對象.mp4
┣━━04 instanceof用法.mp4
┣━━05 new命令內部原理.mp4
┣━━06 constructor屬性.mp4
┣━━07 使用構造函數創建對象的利與弊.mp4
┣━━08 原型對象介紹.mp4
┣━━09 理清原型對象、實例對象、構造函數之間的關系壹.mp4
┣━━10 理清原型對象、實例對象、構造函數之間的關系二.mp4
┣━━11 理清原型對象、實例對象、構造函數之間的關系三.mp4
┣━━12 prototype屬性的作用.mp4
┣━━13 原型鏈挖掘.mp4
┣━━14 修改原型對象後constructor屬性的注意點.mp4
┣━━15 原型對象、構造函數、實例對象總結.mp4
┣━━16 對象的字面量方式.mp4
┣━━17 工廠模式.mp4
┣━━18 構造函數模式.mp4
┣━━19 構造函數拓展模式和寄生構造函數模式(了解).mp4
┣━━20 穩妥構造函數模式(了解).mp4
┣━━21 原型模式.mp4
┣━━22 組合模式(重要).mp4
┣━━23 動態原型模式.mp4
┣━━24 基于面向過程的選項卡樣式實現.mp4
┣━━25 基于面向過程選項卡邏輯實現.mp4
┣━━26 基于面向對象實現選項卡.mp4
┣━━27 對象創建總結.mp4
┣━━28 原型鏈繼承.mp4
┣━━29 圖解原型鏈繼承的原理.mp4
┣━━30 原型鏈繼承存在的問題.mp4
┣━━31 借用構造函數繼承.mp4
┣━━32 組合繼承(重要).mp4
┣━━33 寄生組合式繼承(重要).mp4
┣━━34 繼承總結.mp4
┣━━35 多重繼承.mp4
┣━━36 Object對象中相關方法介紹.mp4
┣━━37 Object的靜態方法介紹壹.mp4
┣━━38 Object的靜態方法介紹二.mp4
┣━━39 Object.create()的用法.mp4
┣━━40 Object實例方法介紹.mp4
┣━━41 Object.prototype.valueOf()方法.mp4
┣━━42 toString()和toLocalString()方法.mp4
┣━━43 isPrototypeOf()方法.mp4
┣━━44 hasOwnProperty()方法.mp4
┣━━45 屬性描述對象.mp4
┣━━46 propertyIsEnumerable()方法.mp4
┣━━47 getOwnPropertyDescriptor()方法.mp4
┣━━48 defineProperty()方法.mp4
┣━━49 defineProperties()方法.mp4
┣━━50 屬性描述對象中的value和writable屬性.mp4
┣━━51 enumrable屬性用法.mp4
┣━━52 configurable屬性的用法.mp4
┣━━53 存取器.mp4
┣━━54 淺拷貝.mp4
┣━━55 深拷貝.mp4
┣━━56 ES5模塊的基本實現.mp4
┣━━57 放大模式和寬放大模式.mp4
┣━━58 命名空間避免全局變量汙染.mp4
┗━━59 命名空間應用完善.mp4
13.正則
┣━━01 正則表達式介紹和定義.mp4
┣━━02 匹配任意字符(.).mp4
┣━━03 匹配開始和結束位置字符(^和$).mp4
┣━━04 匹配數字和字母(w和W).mp4
┣━━05 匹配數字以及空白字符(d和D以及s和S).mp4
┣━━06 字符集合([]).mp4
┣━━07 匹配字符集合之外的任意字符.mp4
┣━━08 匹配重複壹次或多次(+).mp4
┣━━09 匹配重複0次或多次().mp4
┣━━10 匹配重複0次或1次().mp4
┣━━11 分組匹配.mp4
┣━━12 正向預查.mp4
┣━━13 反向預查.mp4
┣━━14 重複類.mp4
┣━━15 test()和exec()方法.mp4
┣━━16 match()、search()、replace()方法.mp4
┣━━17 驗證用戶賬號案例.mp4
┣━━18 驗證手機號碼和電話號碼案例.mp4
┣━━19 驗證shen份證號案例.mp4
┗━━20 驗證郵箱案例.mp4