JavaScript前端开发模块化教程(工业和信息化十三五人才培养规划教材)

JavaScript是前端组件开发的核心技术，前端组 件是构建Web应用界面的基础。赵建保主编的 《JavaScript前端开发模块化教程(工业和信息化十三 五人才培养规划教材)》以前端工程师岗位工作任务为 起点，循序渐进，以HTML5、CSS3、JavaScript为技术 支撑，以Visual Studio Code为开发环境，将网页前 端开发过程的任务系统化、规范化和组件化。全书设 计开发了轮播图、折叠面板、选项卡、相册、滚动监 听、表单验证、银行客服电话查询、微信运动步数统 计图等23个工作任务，包含了JaVaScript核心技术、 DOM、Canvas、JSON、Ajax和性能优化等主题，覆盖了 Web项目开发中的常用组件的HTML结构、CSS样式和 JavaScript交互行为技术。同时注重梳理相关联的知 识，提炼设计模式，剖析组件的工作机制，以支持学 习者更好地理解和运用相关技术适应前端组件项目开 发的需求。 本书主要面向高等院校的数字媒体技术、软件技 术、计算机应用技术、教育技术等专业的学生，可作 为“JavaScript程序设计”“HTML5 Web开发”“Web 前端开发”等课程的教材和参考书，也可作为培训机 构Web技术培训教材。

任务1 搭建JavaScript开发环境 1.1 任务导入 1.2 成果目标 1.3 核心知识 1.3.1 JavaScript演进 1.3.2 JavaScript介绍 1.3.3 Web页面渲染过程 1.3.4 Visual Studio Code介绍 1.3.5 Visual Studio Code快捷键 1.3.6 EMMET语法 1.3.7 Node.js介绍 1.3.8 http-server介绍 1.3.9 在HTML中使用JavaScript 1.3.10 高性能JavaScript 1.3.11 JavaScript执行顺序 1.3.12 脚本位置 1.3.13 组织脚本 1.3.14 无阻塞脚本 1.3.15 选取DOM对象 1.3.16 addEventListener 1.3.17 读写HTML DOM style对象属性 1.3.18 cssText 1.4 任务实施 1.4.1 安装和配置Visual Studio Code 1.4.2 安装常用扩展 1.4.3 Chrome浏览器 1.4.4 Chrome开发者工具 1.4.5 安装Node.js 1.4.6 安装与配置http-server 1.4.7 编写HTML和CSS 1.4.8 编写JavaScript 1.4.9 测试页面 1.5 强化训练 1.6 学习成果评量 任务2 斑马线表格制作 2.1 任务导入 2.2 成果目标 2.3 核心知识 2.3.1 表格常用标签 2.3.2 表格斑马线原理 2.3.3 读写HTML DOM className属性 2.3.4 严格模式（use strict） 2.3.5 定义变量 2.3.6 常量 2.3.7 变量命名规则 2.3.8 JavaScript语法规范 2.3.9 变量类型 2.3.10 变量作用域 2.3.11 避免变量污染 2.3.12 闭包函数