《JavaScript前端开发基础教程》从JavaScript基本概念出发,由浅入深地介绍JavaScript在网页开发中的应用,并选取JavaScript开发技术中*为精髓的部分进行讲解,让读者能够更加高效地掌握JavaScript开发技术。《JavaScript前端开发基础教程》分为6章,第1章从宏观上介绍JavaScript在Web开发中的应用;第2章着重介绍JavaScript的基本知识,如变量、运算符等;第3章讲解JavaScript的一些核心特性,如对象、事件等;第4章分析JavaScript在信息、用户交互等方面的应用;第5章介绍在JavaScript中应用*广泛的第三方库jQuery以及其他常见的类库;第6章通过综合样例来说明JavaScript在实际开发中的各类应用场景。
《JavaScript前端开发基础教程》既可作为高等学校计算机及相关专业的网站开发与网页制作教材,也可作为网页制作爱好者与网站维护人员的学习参考书。
适读人群 :高等学校计算机及相关专业学生
通过模板使用、代码规范、示例讲解等形式多方面展示了JavaScript的特性及功能。
介绍在JavaScript中应用*广泛的第三方库jQuery以及其他常见的类库。
随着信息时代的到来,掌握网页开发技术成为一项十分重要的技能。作为前端开发的必备语言,JavaScript具有极为强大的兼容性和灵活性,可以说它是当前跨平台数据传递最方便、最灵活的一项技术,这项技术也是网页开发技术中不可或缺的一门语言。
当下,无论是PC端还是移动端,都装有浏览器,这就意味着几乎所有的用户端口都能接入网页。此外,常见的社交网络、电商、实时通信技术等都与网页开发技术息息相关,现代编程语言的发展也受到JavaScript语言的深刻影响。可以说,JavaScript是当前展示信息和开发应用中最简单、高效的一门语言,十分值得推广学习。
在Web开发中,对于后端语言有很多的选择,不会局限于Java或者PHP,因为还有很多同样优秀的后端语言(如Python、Nodejs)可供使用,同样还可以选择ASPNET,但是唯一无法选择的就是前端的HTML+CSS+JavaScript。因此,JavaScript是所有网站开发领域的开发者必会的一门语言,它不仅能够实现一些前端的逻辑,而且JavaScript中的AJAX技术还可以利用XML在不进行页面重载的情况下与服务器进行数据交换。一名优秀的JavaScript开发者不仅可以做出十分友好的界面和精彩的动态效果,还能够大大减轻服务器的压力。
本书旨在让读者学会前端开发的通用法则,而不是仅仅学习一种开发工具或一门语言,因为计算机技术的发展使得任何技术都面临着被淘汰的风险。本书希望读者不仅仅关注技术细节的学习,更重要的是用心体会这种开发模式,感受工具的特点,顺应语言的特质,令开发过程更为轻松而高效。
本书分为6章。第1章讲解JavaScript开发的一些基本背景,快速了解JavaScript语言的特点。希望读者通过第1章的学习可以拥有基本的JavaScript开发能力,之后可以自行学习后面的章节或自行查阅资料学习。第2~5章分别由易到难地对JavaScript展开分析。编者挑选了JavaScript中最重要、最实用的部分进行讲解,通过模板使用、代码规范、示例讲解等形式多方面展示了JavaScript的特性及功能,并将其与实际应用紧密联系。第6章讲解了精心挑选的JavaScript样例,希望读者通过学习能够进一步深化对JavaScript的理解。
本书由吕云翔、欧阳植昊、张远、曾洪立编写,并完成了素材的整理及配套资源的制作等工作。
由于编者水平和能力有限,书中难免有疏漏之处。恳请各位同仁和广大读者给予批评指正,也希望读者能将实践过程中的经验和心得与我们交流。
前言
第1章 JavaScript入门1
11 JavaScript的诞生背景及特点1
111 JavaScript诞生背景1
112 JavaScript特点1
12 JavaScript开发环境2
13 JavaScript快速入门2
131 JavaScript基本语法2
132 JavaScript函数3
133 JavaScript对象5
小结8
习题8
第2章 JavaScript基础语法9
21 JavaScript变量9
211 JavaScript变量的特点9
212 JavaScript变量的命名规范9
213 JavaScript变量声明11
214 变量的作用域13
215 变量优先级15
216 变量提升16
22 JavaScript数据类型16
221 字符串类型17
222 数字类型18
223 布尔类型18
224 数组类型19
225 对象类型19
226 undefined20
227 null21
228 函数类型22
23 JavaScript运算符23
231 算术运算符23
232 字符串运算符24
233 赋值运算符25
234 比较运算符26
235 逻辑运算符28
236 位运算符30
237 特殊运算符31
238 运算符执行顺序39
24 函数40
241 函数语法40
242 调用带参数的函数41
243 带有返回值的函数41
244 函数使用样例42
25 代码规范45
251 文件及结构45
252 缩进45
253 空格和换行46
254 命名和注释51
小结54
习题54
第3章 JavaScript进阶56
31 对象56
311 对象创建方法56
312 对象创建示例59
313 日期对象59
314 对象样例61
32 事件62
321 基本概念62
322 事件分类62
323 事件样例63
33 JavaScript核心对象64
331 Number对象64
332 String对象66
333 Boolean对象73
334 Date对象74
335 Math对象78
336 RegExp对象79
337 数组对象84
34 JavaScript异常处理88
341 抛出异常88
342 捕获异常90
343 finally语句92
小结93
习题94
第4章 JavaScript交互98
41 表单98
411 表单简介98
412 表单定义98
413 表单属性99
414 表单元素100
415 表单样例105
42 媒体108
421 HTML音频(Audio)108
422 HTML视频(Video)109
43 浏览器对象模型(BOM)110
431 Window对象110
432 Screen对象111
433 Location对象112
434 History对象113
435 Navigator对象115
436 网页弹窗116
437 窗口操作118
438 计时事件120
44 Cookie121
441 创建和获取Cookie122
442 使用Cookie存储多条信息123
443 删除Cookie125
45 JavaScript实现简单动画样例126
451 动画效果一:块元素平移126
452 动画效果二:字体闪烁127
453 动画效果三:进度条128
小结129
习题129
第5章 jQuery及JavaScript的其他类库132
51 jQuery概述132
511 jQuery的简介132
512 jQuery的安装132
52 jQuery操作元素133
521 jQuery获取元素133
522 jQuery获取和修改文本内容137
523 jQuery获取和修改元素属性138
524 jQuery修改元素CSS样式139
525 jQuery为元素绑定事件140
53 jQuery页面效果141
531 隐藏/显示元素141
532 渐入/淡出效果141
533 jQuery动画效果142
534 jQuery组合动画效果143
535 jQuery AJAX144
536 jQuery用户名查重样例146
54 JavaScript的其他常见类库148
小结151
习题151
第6章 综合样例154
61 教务管理系统154
611 类库准备154
612 主页154
613 数据展示页面156
614 用户管理页面162
615 功能测试164
62 游戏2048166
621 界面166
622 代码167
63 俄罗斯方块176
631 代码及展示176
632 代码分析178
64 计算器179
641 代码及展示179
642 代码分析184
小结185
参考文献188