本教材是Web前端开发“直通就业”系列核心教材，以计算机类相关专业Web前端开发方向课程体系、企业Web前端开发岗位能力模型和《Web前端开发职业技能等级标准》为编写依据，主要内容包括：JavaScript基础、函数与对象、数组和字符串、事件、DOM、BOM、面向对象、JavaScript进阶、HTML 5进阶、JSON和AJAX、ES 6、网站前端的优化和规划等前端技术的核心内容，其中ES 6部分属于Web前端1+x认证高级内容。
教材内容基于JavaScript，由浅入深、循序渐进，从最基础的JavaScript扩展到深入的JavaScript应用场景，将复杂的概念和理论转化为生动、全面、能够激发学习兴趣的任务，能够在覆盖Web前端1+x认证内容的基础上，涵盖一些深入的场景如移动端事件、事件委托和抖动、promise、generator和async，囊括IT类企业Web前端工程师岗位招聘常见的笔试、面试题目；能够帮助学习者在完成理论学习的基础上，使用JavaScript解决常见的前端应用问题。
本教材以模块化的结构组织各章节，以任务驱动的方式安排内容，辅以丰富的习题，对企业前端开发规范和真实开发流程进行了总结和实践。
本教材适合作为高等职业院校、应用型本科院校计算机类相关专业课教材，也适合作为《Web前端开发职业技能等级标准》培训指导教材，以及供对Web前端开发感兴趣的读者使用。
本教材由长春金融高等专科学校邢敏担任主审，长春金融高等专科学校戚爽、李丽娜老师，大连东软信息学院袁磊老师担任主编，重庆三峡职业学院弋才学老师、重庆工商职业学院胡方霞老师、长春金融高等专科学校张亚辉老师担任副主编，大连东软教育科技集团有限公司一线工程师参与实例设计并给予技术指导，既注重选取软件开发中的必需、常用内容，又注重内容的简明、易学以及相关知识的拓展。
在编写教材的过程中，我们始终本着科学、严谨的态度，力求精益求精，但错误、疏漏之处在所难免，敬请广大读者批评指正。感谢您选择本教材，希望本教材为您开启迈向“Web前端工程师”的大门。
第1章JavaScript概述1
第2章JavaScript基础3
2.1JavaScript输出3
2.2变量和常量5
2.3表达式和运算符7
2.4数据类型10
2.5程序结构15
习题21
第3章函数与对象24
3.1函数24
3.1.1函数的定义24
3.1.2函数的参数29
3.2对象30
3.2.1对象基础31
3.2.2引用类型32
3.2.3prototype33
3.2.4常用内部对象34
3.3闭包37
习题41
第4章数组和字符串42
4.1数组42
4.1.1数组基础42
4.1.2数组方法45
4.2字符串53
习题57
第5章事件58
5.1事件基础58
5.2事件定义64
5.3事件委托69
5.4常用事件72
5.5event对象77
5.6表单事件和校验82
5.7事件抖动91
5.8手机事件93
习题100
第6章DOM101
6.1DOM101
6.2动态网页元素107
6.2.1手风琴（折叠）107
6.2.2tab选项卡111
6.2.3遮罩116
6.2.4下拉菜单119
习题122
第7章BOM125
7.1基本BOM对象125
7.2requestAnimationFrame132
7.3cookie135
习题136
第8章面向对象137
8.1类与面向对象137
8.2原型链继承141
8.3call（apply）继承144
习题146
第9章JavaScript进阶147
9.1定时器147
9.2错误处理152
9.3正则表达式158
9.4小结164
习题164
第10章HTML5进阶165
10.1canvas165
10.1.1canvas概述165
10.1.2绘制图形167
10.1.3绘制路径169
10.1.4绘制渐变171
10.1.5绘制文字172
10.1.6绘制图像174
10.1.7canvas动画174
10.1.8贝塞尔曲线176
10.2SVG179
10.2.1SVG基础179
10.2.2SVG图形180
10.2.3SVG路径182
10.2.4SVG文本183
10.3Web存储184
10.4视频和音频186
10.5WebSocket190
10.5.1Socket简介190
10.5.2WebSocket简介191
习题192
第11章JSON和AJAX193
11.1JSON193
11.1.1JSON基础193
11.1.2JSON解析198
11.2AJAX210
11.2.1AJAX概述210
11.2.2AJAX的语法210
11.2.3readyState和status211
11.2.4时间戳215
11.2.5AJAX的POST215
11.3跨域216
11.3.1同源216
11.3.2跨域的概念和代理服务器216
11.3.3CORS217
11.3.4JSONP217
11.4小结218
习题219
第12章ES 6220
12.1ES 6基础220
12.1.1变量220
12.1.2数组221
12.1.3循环222
12.1.4函数223
12.1.5字符串226
12.1.6解构赋值228
12.2对象230
12.3类和继承234
12.4Symbol240
12.5Map244
12.6Set245
12.7Promise248
12.8generator254
12.9async260
12.10module263
习题265
第13章网站前端的优化和规划266
13.1前端项目规划266
13.1.1基于模仿的项目规划266
13.1.2基于创新的项目规划266
13.1.3基于网页元素的项目规划268
13.2网站前端的优化271
13.2.1SEO271
13.2.2CDN271
13.2.3服务器端优化271
13.2.4文件的压缩272
13.2.5预加载和懒加载272
13.2.6代码规范272
13.2.7HTTP缓存273
13.2.8Web安全274
13.3移动端网站的设计与要求275
习题277
随着以互联网技术为代表的新一代信息技术的迅速发展，各种互联网项目也不断兴起，对用户体验提出了更高的要求，前端开发也由此逐渐成为重要的研发角色，“Web前端工程师”岗位需求持续走高，成为IT行业的热门职业。
Web前端开发“直通就业”系列教程将企业Web前端开发岗位能力模型和《Web前端开发职业技能等级标准》进行整合，贯穿于计算机类相关专业Web前端开发方向课程体系中，并综合考虑在实际教学与学习过程中分阶段实施，将内容分解为《网页设计基础实践案例教程》《JavaScript与HTML 5网页设计实践案例教程》《jQuery与Bootstrap应用开发案例教程》《PHP+MySQL动态网页开发案例教程》《互联网应用开发案例教程》5本系列教程，构成进阶式三位一体技能图谱，覆盖Web前端开发职业技能等级标准初、中、高级内容，面向网页设计、网页制作、响应式页面搭建、移动网页制作与设计、网站搭建、网站规划与设计等岗位技术需求。本系列教程以实践能力培养为导向、以企业真实应用为目标，遵循企业软件工程标准和技术，以任务为驱动，针对前端基础、样式库CSS预编译、JavaScript、Node.js与前端工具、Vue.js、性能优化、服务器端编程框架、数据库等Web前端开发中的重要技能模块，基于优选案例和应用环境进行分析以及设计完成知识讲解与技能实践，帮助学习者掌握前端技术必备的理论基础，并在实际工作场景中加以灵活应用。本系列教程配套教学课件、案例等资源。
Web前端开发“直通就业”系列教程适合作为高等职业院校软件技术、计算机应用技术、电子商务等专业的教材，适合作为应用型本科院校软件工程、计算机科学与技术、电子商务等专业的教材，也适合作为《Web前端开发职业技能等级标准》培训指导教材，以及供对Web前端开发感兴趣的读者使用。
