前言

JavaScript是一种运行在浏览器中的、用于增强网页动态效果、提高与用户交互性的脚本语言，具有动态性、跨平台、基于对象等特点，目前广泛应用在Web开发当中，并逐渐成为全球网站使用最多的脚本语言之一。现在，“JavaScript程序设计”等前端课程已成为大多数高校计算机科学与技术、软件工程、信息管理等专业的一门重要专业课程。

本书编者具有丰富的项目开发经验，以“从项目中来到项目中去”为主旨，从Web前端开发的基本概念入手，先后介绍JavaScript概述、语法基础、数组、函数、对象、DOM、事件处理、BOM、Ajax技术、JavaScript特效综合实例、疫情实时监控系统、Vue简介和Vue基础特性等内容。按照“知识点讲解+示例解析+案例详讲+常见面试题+实践操作”的方式安排全书的章节内容，引导学生从理解到掌握，再到实践应用，有效培养学生的实践应用能力，与新工科的理念相吻合。在案例详解中，按照“案例呈现+案例分析+案例实现”的方式，对前面所学知识点进行实践，使读者能够根据实际功能需求进行编程开发，培养学生的综合应用能力。

本书特色

（1）精选思政元素，通过新冠肺炎疫情风险等级划分、浮现社会主义核心价值观内容、基于ECharts的疫情实时监控系统等案例，将“课程思政”元素有机融入教材，积极传递“政”能量，在培养学生软件开发综合能力的同时，引导学生树立正确的价值观。

（2）案例源于真实项目需求。提供了新冠肺炎疫情风险等级划分、2048游戏、渔夫打鱼晒网、扫雷游戏、高亮显示关键词、留言板、折叠面板、浮现社会主义核心价值观内容、事件监听器、限时秒杀、电影购票、在线网盘、轮播图、网络购物车、放大镜、基于ECharts的疫情实时监控系统等大量实用案例，新颖实用，符合时代特色。

（3）每章均介绍章节对应的常见面试题，使学生掌握企业级的知识要求，与社会需求对接。

配套资源与答疑服务

本书为读者提供全部案例源代码、精美PPT课件、课后习题答案、视频讲解、思政版教案、思政版教学大纲等教学资源，并有QQ学习群，提供线上学习跟踪指导服务。本书配套资源需要用微信扫描下面二维码获取，可按页面提示把链接转发到邮箱中下载。如果阅读过程中发现问题，请联系booksaga@163.com，邮件主题写“JavaScript前端开发与实例教程”。

作者与鸣谢

本书第1、10、11章由崔仲远编写，第2章由张梦飞编写，第3章由张宏编写，第4、5章由郭丽萍编写，第6、7章由林新然编写，第8、9章由卢欣欣编写，第12、13章由王宁编写，全书由崔仲远统稿。在全书的编写过程中得到了周口师范学院教务处的大力支持以及各位家人的关心和理解，在此一并表示最诚挚的感谢。

本书编写过程中，编者竭尽全力，力求为读者提供最好的教材和教学资源，但由于水平和经验有限，不足和疏漏之处在所难免，恳请各位专家和读者批评指正并提出宝贵意见和建议。

作　者
2022年5月