精彩视频亚洲无码_台湾香港经典免费三级网站_国产精品久久精品毛片_国产日韩欧美云霸高清一区_深夜福利视频一区二区在线观看_自拍一级av毛片_美女日批软件_2021在线观看无码_美女下面被插视频免费网站_亚洲日韩强奸在线视频一区二区

課程

課程介紹

JS作為最流行的編程的語言,運用范圍廣泛。本課程可以讓學員短期內熟練運用JS開發(fā)核心技術。

培訓對象

對JS開發(fā)感興趣的IT技術人員及管理人員。

課程收益

短期掌握JS開發(fā)核心技術。

知識概要

-- JS基礎;
-- JS中級開發(fā)+案例實戰(zhàn);
-- JS面向對象。

課程大綱

模塊

學習內容

第一階段 JS基礎

JS入門:事件、原理、屬性、樣式、函數(shù)、if判斷

JS入門:style和行間樣式、函數(shù)傳參、屬性操作兩種方式

字符串和變量、字面量和變量

提取行間事件、onload、byTagName、數(shù)組

循環(huán)、全選、選項卡、innerHTML、字符串連接

調試工具的使用、如何調試JS

變量類型、typeof、JS常見類型

類型轉換、parseInt、NaN、隱式轉換

作用域、閉包、命名規(guī)范、運算符、流程控制

變量遮蔽

JS中的隨機數(shù)、隨機顏色、隨機范圍、隨機不重復

函數(shù)返回值

深入理解函數(shù)返回值

定時器:interval、timeout、時鐘、QQ資料框、自動播放選項卡、京東商城側邊欄

arguments、字符串操作、數(shù)組操作、Json

循環(huán)外i的問題、函數(shù)定義和調用的區(qū)別、不變的變量

DOM操作基礎:創(chuàng)建、添加、刪除

BOM基礎:窗口操作、UA、location

BOM應用:滾動、scrollTop、offset、clientHeight、瀏覽器類型檢測

事件對象:冒泡、clientX、keyCode、ctrl/alt/shift、默認行為、拖拽

QQ郵箱閃爍提示、回放路徑的拖拽

樹形菜單、多級右鍵菜單

第二階段 JS中級開發(fā)+案例實戰(zhàn)

批量設置樣式:json、cssText、with

location、hash、query的處理,刷新保存頁碼

Date對象應用:setFullYear/Month等,時間戳、倒計時

Date高級應用

閉包的應用、封閉命名空間

ajax無刷新數(shù)據(jù)加載:創(chuàng)建、發(fā)送、接收、字符集和緩存

DOM應用:firstChild/lastChild、nextSibling/previousSibling

操作屬性的第三種方式、自定義屬性的獲取、src的相對路徑

offsetParent、計算元素的頁面絕對位置

圖片延遲加載——迅雷

簡易瀑布流——花瓣

橫向瀑布流——百度

DOM與innerHTML、innerHTML的bug

天貓、淘寶吸頂導航條

天貓、京東placeholder輸入框

永遠在頁面中的右鍵菜單、提示圖片

圖片預加載、Image對象的使用

Image對象批量加載

運動基礎、勻速運動、運動框架、側邊欄、淡入淡出

緩沖運動、頁面提示框

多物體運動框架、萬能運動框架、鏈式運動框架、完美運動框架

布局轉換、淘寶幻燈片

運動應用:劃動提示層、百度百科數(shù)字框、新浪滾動微博

永遠在頁面中放大的圖片

無縫滾動

手風琴幻燈片、淘寶網無縫滾動幻燈片

this的用法、完美拖拽

完美封裝可重用代碼

完美拖拽、吸附拖拽、帶框拖拽

程序思想——如何找思路,如何找規(guī)律,如何思考

碰撞檢測、模擬窗口拖拽大小

窗口拖拽大小的封裝和重用

自定義滾動條、鼠標滾輪

事件綁定、DOM事件流

cookie基礎

ajax高級應用:用戶注冊和登錄、表單提交

后臺接口的使用、接口文檔

編寫AJax的基本步驟

Jsonp跨域的方法——百度下拉提示

script標簽的怪異特性、callback的使用

Jsonp標簽的管理

封裝可重用的Jsonp方法

ajax制作簡易新浪微博:后臺、接口、分頁、頂、頁碼

其他常見數(shù)據(jù)格式及用法:CSV、XML

JS中的預解析機制、script出錯時的處理機制

預解析相關面試題

遞歸及其各種應用

遞歸相關面試題

遞歸的性能問題、遞歸的優(yōu)化

棧溢出的原因和處理

引用、復制

JS中的異常:try...catch的使用

try的嵌套和性能問題

拋出異常、Exception對象、異常和返回值的區(qū)別及用途

JS變量生存周期、垃圾回收機制

閉包與JS垃圾回收

閉包的用法、保存i的值

JS性能優(yōu)化——健壯性、維護性、性能的平衡

性能瓶頸的識別——性能檢測工具的使用:Chrome profiles、YSlow等

JS阻塞加載、圖片延遲加載、網絡性能優(yōu)化、壓縮、CDN的使用

JS執(zhí)行性能優(yōu)化:DOM操作、循環(huán)、數(shù)組優(yōu)化、局部變量、eval、parseInt、系統(tǒng)函數(shù)、字符串連接、正則等

實例:顏色選擇器組件

實例:輸入字數(shù)統(tǒng)計

正則表達式:RegExp對象、search方法、忽略大小寫

match方法和全局匹配、量詞的問題、replace方法

字符類、轉義字符、行首行為、中文、單詞邊界、括號

正則應用:可重用的表單校驗

自動表單校驗、批量表單校驗

表格操作:tBodies、tHead、tFoot、rows、cells

表格搜索、排序

自定義表單組件

DOM文本節(jié)點:創(chuàng)建、兼容、應用

firstChild怪異問題、childNodes的問題

實例:google日歷

domReady事件:優(yōu)點、DOMContentLoaded、defer、onload

事件隊列、封裝ready事件函數(shù)

事件委托(事件代理):冒泡的使用、srcElement屬性、target屬性、this的檢測

call的使用——解決this指向問題

mouseleave事件——作用、封裝,徹底解決mouseout冒泡的問題

運動高級:彈性運動、碰撞運動

彈性應用:滑動導航

第三階段 JS面向對象

面向對象回顧:什么是面向對象、對象的組成、OOP的特點、this的本質、Object對象

工廠方式構造對象、原型(prototype)、混合法構造JS對象、實例:面向對象的選項卡

JS算法基礎:時間復雜度和空間復雜度

數(shù)據(jù)結構基礎:線性和隨機、線性表、O表示法、數(shù)據(jù)結構基本操作

線性表和排序:4大排序算法、適用范圍、蛻變和劣化、移動操作開銷

樹和排序:樹的查找、添加和平衡

散列:空間換取時間、空間利用率和算法效率

圖:路徑算法、預處理和隨機處理

模塊的規(guī)劃、接口

模塊的加載、依賴、循環(huán)依賴

模塊作用域和export

script加載和同步、請求合并、壓縮代碼

模塊的重用和沖突

MVC基礎:3層模型和耦合度

耦合的問題和消除

數(shù)據(jù)獨立性、獨立數(shù)據(jù)模型

設計模式:優(yōu)點、常見模式

自定義事件、事件隊列管理、事件的傳遞、事件對象和參數(shù)、監(jiān)聽模式的問題

數(shù)據(jù)隊列的管理、反向監(jiān)聽和解耦合、模塊獨立性

認證過程

無認證考試

開班信息

暫無開班信息