簡(jiǎn)介:JavaScript如何“制霸”前端?
js工程師可以非常自信的說(shuō):在前端工作中,沒(méi)什么是JavaScript實(shí)現(xiàn)不了的。
Web前端工程師入行門檻低,前景更廣闊的,近些年來(lái)入行的新人數(shù)不勝數(shù),而作為前端“萬(wàn)金油”萬(wàn)金油的JavaScript,熱度自然居高不下。
本課程包含了很完善的JavaScript基礎(chǔ)必備的知識(shí)。以知識(shí)點(diǎn)與小案例結(jié)合的形式書寫,確保每個(gè)知識(shí)點(diǎn)都有對(duì)應(yīng)的練習(xí)題,讓你一邊學(xué)習(xí)一邊練習(xí),重點(diǎn)知識(shí)及時(shí)實(shí)踐,加深記憶,鞏固學(xué)習(xí)成果。
學(xué)完本課程后,你可以掌握:js基礎(chǔ)語(yǔ)法(變量、邏輯與、或、非)、數(shù)組、流程控制語(yǔ)句(判斷、多種循環(huán))、函數(shù)、事件、內(nèi)置對(duì)象、瀏覽器對(duì)象、DOM等知識(shí)點(diǎn)
通過(guò)本門課程的學(xué)習(xí),你可以順利完成JavaScript基礎(chǔ)入門,獨(dú)立實(shí)現(xiàn)簡(jiǎn)單的頁(yè)面交互,不論你是計(jì)算機(jī)專業(yè)畢業(yè)生,還是轉(zhuǎn)行IT的新手程序員,本門課程都能帶你無(wú)壓力的入門JavaScript。
第1章 系好安全帶,準(zhǔn)備啟航
本章節(jié)主要講解如何在HTML文件中添加JavaScript代碼,引用獨(dú)立JS文件,學(xué)習(xí)必要的基礎(chǔ)語(yǔ)法,為下一章學(xué)習(xí)打下基礎(chǔ)。
第2章 你要懂的規(guī)則(JS基礎(chǔ)語(yǔ)法)
本章節(jié)主要講解變量聲明、變量類型,如何對(duì)它們進(jìn)行賦值、改變、計(jì)算等一系列操作,掌握不同運(yùn)算符的使用方法,靈活運(yùn)用算術(shù)運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符對(duì)變量和數(shù)值進(jìn)行操作。
- 編程: 2-1 什么是變量
- 編程: 2-2 給變量取個(gè)名字(變量命名)
- 編程: 2-3 確定你的存在(變量聲明)
- 編程: 2-4 多樣化的我(變量賦值)
- 編程: 2-5 表達(dá)出你的想法(表達(dá)式)
- 編程: 2-6 我還有其它用途( +號(hào)操作符)
- 編程: 2-7 自加一,自減一 ( ++和- -)
- 編程: 2-8 較量較量(比較操作符)
- 編程: 2-9 我與你同在(邏輯與操作符)
- 編程: 2-10 我或你都可以 (邏輯或操作符)
- 編程: 2-11 是非顛倒(邏輯非操作符)
- 編程: 2-12 保持先后順序(操作符優(yōu)先級(jí))
- 編程: 2-13 編程練習(xí)
第3章 一起組團(tuán)(數(shù)組)
本章節(jié)主要講解數(shù)組的概念,如何創(chuàng)建、賦值、使用數(shù)組,如何獲得數(shù)組長(zhǎng)度。
第4章 跟著我的節(jié)奏走(流程控制語(yǔ)句)
通過(guò)本章,掌握控制語(yǔ)句的執(zhí)行順序。因?yàn)镴avaScript程序中的語(yǔ)句一般按出現(xiàn)的順序執(zhí)行,有時(shí)這樣執(zhí)行不能滿足我們的需要,因此大多數(shù)編程語(yǔ)言都提供了流程控制語(yǔ)句,控制代碼的順序。
第5章 小程序,大作用(函數(shù))
函數(shù)是一段JavaScript代碼,它只定義一次,可被執(zhí)行或調(diào)用任意次。掌握函數(shù)的定義、引用。
第6章 事件響應(yīng),讓網(wǎng)頁(yè)交互
JavaScript和HTML之間的交互是通過(guò)用戶和瀏覽器操作界面引發(fā)的事件來(lái)處理,本章介紹事件處理的概念,常用觸發(fā)事件。
- 編程: 6-1 什么是事件
- 編程: 6-2 鼠標(biāo)單擊事件( onclick )
- 編程: 6-3 鼠標(biāo)經(jīng)過(guò)事件(onmouseover)
- 編程: 6-4 鼠標(biāo)移開事件(onmouseout)
- 編程: 6-5 光標(biāo)聚焦事件(onfocus)
- 編程: 6-6 失焦事件(onblur)
- 編程: 6-7 內(nèi)容選中事件(onselect)
- 編程: 6-8 文本框內(nèi)容改變事件(onchange)
- 編程: 6-9 加載事件(onload)
- 編程: 6-10 卸載事件(onunload)
- 編程: 6-11 編程練習(xí)
第7章 JavaScript內(nèi)置對(duì)象
了解JavaScript自帶一些內(nèi)置對(duì)象,掌握Math、Date、字符基礎(chǔ)對(duì)象和方法。
- 編程: 7-1 什么是對(duì)象
- 編程: 7-2 Date 日期對(duì)象
- 編程: 7-3 返回/設(shè)置年份方法
- 編程: 7-4 返回星期方法
- 編程: 7-5 返回/設(shè)置時(shí)間方法
- 編程: 7-6 String 字符串對(duì)象
- 編程: 7-7 返回指定位置的字符
- 編程: 7-8 返回指定的字符串首次出現(xiàn)的位置
- 編程: 7-9 字符串分割split()
- 編程: 7-10 提取字符串substring()
- 編程: 7-11 提取指定數(shù)目的字符substr()
- 編程: 7-12 Math對(duì)象
- 編程: 7-13 向上取整ceil()
- 編程: 7-14 向下取整floor()
- 編程: 7-15 四舍五入round()
- 編程: 7-16 隨機(jī)數(shù) random()
- 編程: 7-17 Array 數(shù)組對(duì)象
- 編程: 7-18 數(shù)組連接concat()
- 編程: 7-19 指定分隔符連接數(shù)組元素join()
- 編程: 7-20 顛倒數(shù)組元素順序reverse()
- 編程: 7-21 選定元素slice()
- 編程: 7-22 數(shù)組排序sort()
- 編程: 7-23 編程練習(xí)
第8章 瀏覽器對(duì)象
介紹瀏覽器對(duì)象中,history,navigator,screen,location等。
- 編程: 8-1 window對(duì)象
- 編程: 8-2 JavaScript 計(jì)時(shí)器
- 編程: 8-3 計(jì)時(shí)器setInterval()
- 編程: 8-4 取消計(jì)時(shí)器clearInterval()
- 編程: 8-5 計(jì)時(shí)器setTimeout()
- 編程: 8-6 取消計(jì)時(shí)器clearTimeout()
- 編程: 8-7 History 對(duì)象
- 編程: 8-8 返回前一個(gè)瀏覽的頁(yè)面
- 編程: 8-9 返回下一個(gè)瀏覽的頁(yè)面
- 編程: 8-10 返回瀏覽歷史中的其他頁(yè)面
- 編程: 8-11 Location對(duì)象
- 編程: 8-12 Navigator對(duì)象
- 編程: 8-13 userAgent
- 編程: 8-14 screen對(duì)象
- 編程: 8-15 屏幕分辨率的高和寬
- 編程: 8-16 屏幕可用高和寬度
- 編程: 8-17 編程練習(xí)
第9章 DOM對(duì)象,控制HTML元素
通過(guò)本章學(xué)習(xí),掌握如何控制HTML基礎(chǔ)元素,如何在文檔中選取單獨(dú)的元素,如何建創(chuàng)、插入和刪除元素,并修改樣式等。
- 編程: 9-1 認(rèn)識(shí)DOM
- 編程: 9-2 getElementsByName()方法
- 編程: 9-3 getElementsByTagName()方法
- 編程: 9-4 區(qū)別getElementByID,getElementsByName,getElementsByTagName
- 編程: 9-5 getAttribute()方法
- 編程: 9-6 setAttribute()方法
- 編程: 9-7 節(jié)點(diǎn)屬性
- 編程: 9-8 訪問(wèn)子節(jié)點(diǎn)childNodes
- 編程: 9-9 訪問(wèn)子節(jié)點(diǎn)的第一和最后項(xiàng)
- 編程: 9-10 訪問(wèn)父節(jié)點(diǎn)parentNode
- 編程: 9-11 訪問(wèn)兄弟節(jié)點(diǎn)
- 編程: 9-12 插入節(jié)點(diǎn)appendChild()
- 編程: 9-13 插入節(jié)點(diǎn)insertBefore()
- 編程: 9-14 刪除節(jié)點(diǎn)removeChild()
- 編程: 9-15 替換元素節(jié)點(diǎn)replaceChild()
- 編程: 9-16 創(chuàng)建元素節(jié)點(diǎn)createElement
- 編程: 9-17 創(chuàng)建文本節(jié)點(diǎn)createTextNode
- 編程: 9-18 瀏覽器窗口可視區(qū)域大小
- 編程: 9-19 網(wǎng)頁(yè)尺寸scrollHeight
- 編程: 9-20 網(wǎng)頁(yè)尺寸offsetHeight
- 編程: 9-21 網(wǎng)頁(yè)卷去的距離與偏移量
- 編程: 9-22 編程練習(xí)