産品特色
編輯推薦
適讀人群 :(1)Web開發初級學習者(2)大中院校計算機專業學生(3)想要係統學習的有一定基礎的Web學習者 含金量高 前端精品內容薈萃,強化基礎提升實戰技能。 通俗易懂 語言風格輕鬆幽默,形象生動講解枯燥知識。 係統學習 掌握前端高級技巧,清晰流暢學習進階內容。 貼近讀者 結閤自身學習經曆,文字極具溫度不失嚴謹。 直擊痛點 規避開發思維誤區,精煉濃縮直指技術本質。
內容簡介
全書共分為2大部分,第1部分是JavaScript基礎知識,主要學習JavaScript基礎概念如變量、運算符、錶達式等。第二部分是JavaScript進階知識,主要學習DOM、事件操作以及各種開發技術。除瞭知識講解,教程還融入瞭大量的開發技巧,並且更加注重編程思維的培養,使得學習者能有順暢的學習思路,這一點是極其重要的。
作者簡介
2011~2015就讀於暨南大學信科院計算機科學與技術專業,從事前後端開發一年多,開發過綠葉學習網、廣州智能工程研究會網站、大量在綫應用工具,業餘時間閱讀大量國內外技術書籍。 現為綠葉學習網(http: www.lvyestudy.com)的站長,該網站用於分享自己在前後端開發中的一些經驗,並且製作相關前後端開發的在綫教程。這些在綫教程在互聯網引起廣泛關注,極大受到網友推崇。本人編寫過大量原創在綫教程,每一個教程廣受網友稱贊與推崇。
目錄
第一部分基本語法第01章JavaScript簡介1.1JavaScript是什麼21.1.1JavaScript簡介21.1.2教程介紹31.2JavaScript開發工具51.3JavaScript引入方式61.3.1外部JavaScript71.3.2內部JavaScript81.3.3元素屬性JavaScript91.4訓練題:一個簡單的JavaScript程序10第02章語法基礎2.1語法簡介122.2變量與常量132.2.1變量142.2.2常量182.3數據類型182.3.1數字192.3.2字符串202.3.3布爾值222.3.4未定義值232.3.5空值242.4運算符242.4.1算術運算符252.4.2賦值運算符292.4.3比較運算符302.4.4邏輯運算符312.4.5條件運算符342.5錶達式與語句352.6類型轉換362.6.1“字符串”轉換為“數字”362.6.2“數字”轉換為“字符串”402.7轉義字符412.8注釋432.8.1單行注釋442.8.2多行注釋45第03章流程控製3.1流程控製簡介463.1.1順序結構463.1.2選擇結構473.1.3循環結構483.2選擇結構:if483.2.1單嚮選擇:if…483.2.2雙嚮選擇:if…else…503.2.3多嚮選擇:if…elseif…else…513.2.4if語句的嵌套523.3選擇結構:switch563.4循環結構:while593.5循環結構:do…while623.6循環結構:for633.7訓練題:判斷一個數是整數,還是小數?663.8訓練題:找齣“水仙花數”67第04章初識函數4.1函數是什麼?684.2函數的定義704.2.1沒有返迴值的函數714.2.2有返迴值的函數734.2.3全局變量與局部變量744.3函數的調用774.3.1直接調用774.3.2在錶達式中調用784.3.3在超鏈接中調用794.3.4在事件中調用804.4嵌套函數814.5內置函數824.6訓練題:判斷某一年是否為閏年834.7訓練題:求齣任意五個數最大值84第05章字符串對象5.1內置對象簡介865.2獲取字符串長度875.3大小寫轉換885.4獲取某一個字符895.5截取字符串915.6替換字符串935.7分割字符串955.8檢索字符串的位置995.9訓練題:刪除字符串中的某一個字符1005.10訓練題:找齣字符串中的某一個字符串1015.11訓練題:統計字符串中數字的個數102第06章數組對象6.1數組是什麼?1046.2數組的創建1056.3數組的獲取1056.4數組的賦值1066.5獲取數組長度1086.6截取數組某部分1116.7為數組添加元素1126.7.1在數組開頭添加元素:unshift()1126.7.2在數組結尾添加元素:push()1146.8刪除數組元素1166.8.1刪除數組中第一個元素:shift()1166.8.2刪除數組最後一個元素:pop()1176.9數組大小比較1196.10數組顛倒順序1206.11將數組元素連接成字符串1216.12訓練題:數組與字符串的轉換操作1236.13訓練題:將字符串所有字符顛倒順序1246.14題目:計算麵積與體積,返迴一個數組125第07章時間對象7.1日期對象簡介1277.2操作年、月、日1297.2.1獲取年、月、日1297.2.2設置年、月、日1307.3操作時、分、秒1327.3.1獲取時、分、秒1327.3.2設置時、分、秒1337.4獲取星期幾1357.5訓練題:在頁麵顯示時間136第08章數學對象8.1數學對象簡介1388.2Math對象的屬性1388.3Math對象的方法1408.4最大值與最小值:max()、min()1418.5取整運算1428.5.1嚮下取整:floor()1428.5.2嚮上取整:ceil()1438.6三角函數1448.7生成隨機數1458.7.1隨機生成某個範圍內的“任意數”1468.7.2隨機數生成某個範圍內的“整數”1468.8訓練題:生成隨機驗證碼1478.9生成隨機顔色值148第二部分核心技術第09章DOM基礎9.1核心技術簡介1509.2.1DOM對象1519.2.2DOM結構1519.2DOM是什麼?1519.3節點類型1529.4獲取元素1539.4.1getElementById()1539.4.2getElementsByTagName1559.4.3getElementsByClassName()1609.4.4querySelector()和querySelectorAll()1619.4.5getElementsByName()1639.4.6document.title和document.body1659.5創建元素1669.6插入元素1719.6.1appendChild()1719.6.2insertBefore()1739.7刪除元素1749.8復製元素1769.9替換元素178第10章DOM進階10.1HTML屬性操作(對象屬性)18010.1.1獲取HTML屬性值18010.1.2設置HTML屬性值18610.2HTML屬性操作(對象方法)18810.2.1getAttribute()18910.2.2setAttribute()19110.2.3removeAttribute()19210.2.4hasAttribute()19410.3CSS屬性操作19510.3.1獲取CSS屬性值19610.3.2設置CSS屬性值19710.3.3最後一個問題20310.4DOM遍曆20610.4.1查找父元素20710.4.2查找子元素20810.4.3查找兄弟元素21210.5innerHTML和innerText214第11章事件基礎11.1事件是什麼?21711.2事件調用方式21811.2.1在script標簽中調用21811.2.2在元素中調用事件21911.3鼠標事件22111.3.1鼠標單擊22111.3.2鼠標移入和鼠標移齣22311.3.3鼠標按下和鼠標鬆開22511.4鍵盤事件22611.5錶單事件22811.5.1onfocus和onblur22811.5.2onselect23011.5.3onchange23211.6編輯事件23511.6.1oncopy23511.6.2onselectstart23611.6.3oncontextmenu23711.7頁麵事件23811.7.1onload23911.7.2onbeforeunload241第12章事件進階12.1事件監聽器24312.1.1事件處理器24312.1.2事件監聽器24512.2event對象25212.2.1type25212.2.2keyCode25312.3this256第13章window對象13.1window對象簡介26013.2窗口操作26213.2.1打開窗口26213.2.2關閉窗口26713.3對話框26813.3.1alert()26913.3.2confirm()26913.3.3prompt()27113.4定時器27213.4.1setTimeout()和clearTimeout()27313.4.2setInterval()和clearInterval()27713.5location對象28113.5.1window.location.href28113.5.2window.location.search28313.5.3window.location.hash28313.6navigator對象284第14章document對象14.1document對象簡介28714.2document對象屬性28814.2.1document.URL28814.2.2document.referrer28914.3document對象方法28914.3.1document.write()29014.3.2document.writeln()291
《精通現代 Web 交互:從零構建動態交互式網頁》 前言 在當今信息爆炸的時代,互聯網已成為信息傳播、商業活動和社交互動不可或缺的平颱。而構成這一切核心的,正是那些在瀏覽器中生動呈現、響應用戶指令的動態交互式網頁。這些網頁不僅僅是靜態內容的展示,更是用戶體驗的延伸,是信息傳遞的橋梁,是情感連接的紐帶。從簡單的信息呈現,到復雜的數據可視化,再到沉浸式的遊戲體驗,這一切的背後,都離不開前端技術的強大支撐。 本書《精通現代 Web 交互:從零構建動態交互式網頁》旨在引領讀者深入探索現代 Web 前端開發的核心領域,特彆是那些能夠賦予網頁生命力的關鍵技術。我們不談論特定的教程或課程名稱,而是聚焦於前端開發工程師必須掌握的核心知識體係和實踐技能,讓你能夠獨立思考、解決問題,並構建齣真正引人入勝的 Web 應用。 第一章:HTML5 與 CSS3:構築網頁的骨架與靈魂 在深入探討動態交互之前,我們必須牢固掌握構成網頁基礎的語言:HTML5 和 CSS3。它們是網頁的基石,決定瞭網頁的結構、內容呈現以及視覺風格。 HTML5:語義化的結構大師 核心語義標簽的深入理解: 我們將超越 `
` 和 `
` 的濫用,深入學習 ``, `
我是一個比較喜歡“刨根問底”的學習者,對於編程語言,我不僅僅滿足於掌握它的語法,更希望瞭解其背後的設計理念和運行機製。《Web前端開發精品課 JavaScript基礎教程》這本書,可以說是我學習JavaScript以來,最滿意的一本。 這本書的獨特之處在於,它在講解基礎語法時,並沒有止步於“是什麼”,而是花瞭大量的篇幅去解釋“為什麼”和“如何工作”。例如,在講解變量聲明時,作者詳細對比瞭`var`、`let`和`const`的區彆,並深入分析瞭它們在作用域和變量提升上的不同錶現。在介紹對象時,它不僅僅是教你如何創建和訪問屬性,而是花瞭很多篇幅來講解原型和原型鏈的工作原理,讓我對JavaScript的麵嚮對象編程有瞭更深刻的理解。 書中對於“this”關鍵字的講解,更是讓我眼前一亮。作者用非常清晰的邏輯和豐富的例子,分析瞭`this`在不同上下文中的指嚮,解決瞭長期以來睏擾我的一個難題。此外,書中對於事件循環、宏任務和微任務的講解,也非常細緻,讓我能夠真正理解JavaScript的異步執行模型。 讀這本書的過程中,我感覺就像在和一個經驗豐富且極富洞察力的導師對話,他不僅僅傳授知識,更引導我去思考,去理解。這本教程的深度和廣度都遠超我的預期,讓我對JavaScript這門語言産生瞭更深的敬畏和喜愛。