产品特色
编辑推荐
适读人群 :(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:语义化的结构大师 核心语义标签的深入理解: 我们将超越 `
` 和 `
` 的滥用,深入学习 ``, `
说实话,我买这本书之前,对JavaScript的印象一直是“难、易错、不好学”。我之前尝试过看一些在线教程,但总是学着学着就跑偏了,很多时候不知道为什么代码会那样运行,感觉像在背公式一样。 《Web前端开发精品课 JavaScript基础教程》这本书的出现,彻底改变了我对JavaScript的看法。它并没有一开始就抛出大量晦涩难懂的语法,而是非常注重基础的原理讲解。作者用非常精炼的语言,将JavaScript的核心概念,例如异步编程、事件循环、原型链等等,以一种非常易于理解的方式呈现出来。我特别欣赏书中的一些图解,它们将抽象的概念形象化,让我能够直观地感受到JavaScript是如何工作的。 更重要的是,这本书不仅仅停留在概念层面,它非常强调实践。在讲解完每个知识点后,都会提供一系列精心设计的练习题,这些题目难度适中,既能巩固刚学到的知识,又不会让人感到挫败。我认真地做完了每一道题,并且对着答案进行了反思,这极大地加深了我对JavaScript的理解。书中还有一些关于实际项目开发的小技巧,比如如何写出更健壮的代码,如何进行简单的调试,这些都对我未来的开发工作非常有帮助。 读完这本书,我感觉自己不再是那个对JavaScript感到畏惧的初学者了,而是拥有了一套坚实的基础,能够自信地去探索更广阔的前端世界。