随着互联网技术的不断发展,JavaScript语言及其相关技术越来越受人们的关注,各种JavaScript框架层出不穷。Vue.js作为新一代JavaScript框架中的**代表,为广大***提供了诸多便利,在Web开发技术中占据着重要地位。 本书通过丰富的实例详细讲解JavaScript语言和Vue.js框架的相关技术。在JavaScript程序开发篇,讲解JavaScript语言的基础知识,以及控制流、函数、对象、集合、原型、DOM等核心内容。在Vue.js程序开发篇,讲解数据绑定、侦听、事件、样式控制、结构渲染、组件化开发等核心基础知识,并在此基础上,讲解AJAX、路由、状态管理等**内容。后在综合实战篇,通过一个综合案例完整演示使用Vue.js开发综合项目的过程。本书内容翔实、结构框架清晰、讲解循序渐进,并注重各个章节以及实例之间的呼应与对照。 本书既可以作为高等院校相关专业的网页设计与制作、前端开发等课程的教材,也可以作为JavaScript和Vue.js初学者的入门用书。

## 章名目录 【篇】 JavaScript程序开发 第1章 JavaScript简介 第2章 JavaScript基础 第3章 程序控制流与函数 第4章 JavaScript中的对象 第5章 在JavaScript中使用集合 第6章 类与原型链 第7章 DOM 【第二篇】 Vue.js程序开发 第8章 Vue.js开发基础 第9章 计算属性与侦听器 第10章 控制页面的CSS样式 第11章 事件处理 第12章 表单绑定 第13章 结构渲染 第14章 组件基础 第15章 单文件组件 第16章 AJAX与axios 第17章 过渡和动画 第18章 Vue.js插件 【第三篇】 综合实战 第19章 综合案例:“豪华版”待办事项 ## 详细目录 【篇】 JavaScript程序开发 第1章 JavaScript简介 1.1 其他程序设计语言与JavaScript 2 1.2 JavaScript的起源、发展与标准化 6 1.2.1 起源 6 1.2.2 博弈与发展 7 1.2.3 标准的制定 7 1.3 JavaScript的实现 8 1.3.1 ECMAScript 8 1.3.2 DOM 9 1.3.3 BOM 9 1.3.4 新的开始 10 1.4 Web标准 10 1.4.1 Web标准概述 11 1.4.2 结构、表现、行为的分离 12 1.4.3 前后端分离成为Web开发的主流模式 13 本章小结 13 习题1 13 第2章 JavaScript基础 2.1 JavaScript的基本语法 14 2.2 使用VS Code编写JavaScript代码 16 2.2.1 创建基础的HTML文件 16 2.2.2 编写JavaScript代码 18 2.2.3 在浏览器中查看与调试 18 2.3 关键字与保留字 20 2.4 变量 21 2.5 数据类型 23 2.5.1 数值型 23 2.5.2 字符串型 24 2.5.3 布尔型 27 2.5.4 类型转换 28 2.5.5 数组 30 本章小结 34 习题2 34 第3章 程序控制流与函数 3.1 顺序结构:赋值语句与表达式 35 3.2 分支结构:条件语句 36 3.2.1 比较运算符 37 3.2.2 逻辑运算符 37 3.2.3 if语句 38 3.2.4 switch语句 39 3.3 循环结构 40 3.3.1 while语句 41 3.3.2 do…while语句 41 3.3.3 for语句 42 3.3.4 break和continue语句 43 3.3.5 实例:九九乘法表 45 3.3.6 for…of语句 47 3.3.7 for…in语句 47 3.4 函数 48 3.4.1 定义函数的基本方法 48 3.4.2 arguments对象 50 3.4.3 实例:杨辉三角形 52 3.4.4 变量作用域 54 3.4.5 函数作为函数的参数 56 3.4.6 箭头函数 57 3.5 异常处理 58 本章小结 61 习题3 61 第4章 JavaScript中的对象 4.1 理解对象的含义 62 4.1.1 理解常见的“类-对象”结构 63 4.1.2 理解JavaScript中的对象 64 4.1.3 在JavaScript中创建对象 65 4.2 时间和日期:Date对象 70 4.3 数学计算:Math对象 73 4.4 原始类型与装箱 75 4.4.1 Boolean 76 4.4.2 Number 77 4.4.3 String 78 4.5 BOM简介 79 4.5.1 window对象 79 4.5.2 location对象 82 4.5.3 navigator对象 83 4.5.4 screen对象 84 4.5.5 history对象 85 本章小结 87 习题4 87 第5章 在JavaScript中使用集合 5.1 数组 90 5.1.1 数组的基本操作 90 5.1.2 不同数据结构的数组操作 92 5.2 对象 96 5.3 集合类型 98 5.3.1 Map集合 98 5.3.2 Set集合 100 本章小结 101 习题5 101 第6章 类与原型链 6.1 使用类语法实现封装 103 6.1.1 类的声明与定义 103 6.1.2 通过类创建对象 104 6.1.3 定义方法与调用方法 105 6.1.4 存取器 106 6.1.5 static关键字 108 6.1.6 instanceof运算符 108 6.2 使用类语法实现继承 108 6.3 基于构造函数和原型的面向对象机制 112 6.3.1 封装 112 6.3.2 继承 113 6.3.3 原型与原型链 114 本章小结 118 习题6 118 第7章 DOM 7.1 网页中的DOM框架 119 7.2 DOM中的节点 120 7.2.1 元素节点 120 7.2.2 文本节点 120 7.2.3 属性节点 121 7.3 通过JavaScript访问DOM 121 7.3.1 访问节点 122 7.3.2 检测节点类型 123 7.3.3 父子及兄弟关系 124 7.3.4 节点的属性 127 7.3.5 创建和操作节点 128 7.4 DOM与CSS 131 7.4.1 HTML、CSS、JavaScript三位一体 131 7.4.2 className属性 132 7.5 事件 133 7.5.1 事件与事件流 133 7.5.2 事件侦听 134 7.5.3 事件对象 137 7.6 动手实践:动态控制表格综合案例 138 7.6.1 动态添加 138 7.6.2 修改单元格内容 141 7.6.3 动态删除 142 本章小结 145 习题7 145 【第二篇】 Vue.js程序开发 第8章 Vue.js开发基础 8.1 Web前端开发概述 148 8.1.1 Web开发简史 148 8.1.2 基于前后端分离模式的Web开发 149 8.1.3 Vue.js与MVVM模式 150 8.1.4 安装Vue.js 153 8.1.5 上手实践:个Vue.js程序 155 8.2 Vue.js开发 157 8.2.1 Vue根实例 157 8.2.2 Vue实例的生命周期 166 本章小结 169 习题8 169 第9章 计算属性与侦听器 9.1 计算属性 170 9.1.1 定义计算属性 170 9.1.2 计算属性的缓存特性 172 9.2 侦听器 175 9.2.1 侦听器的应用场景 175 9.2.2 侦听器的基本用法 176 9.2.3 深度侦听 177 9.2.4 侦听对象时获取对象原值 179 9.2.5 使用immediate参数 180 9.2.6 对数组的侦听 181 本章小结 184 习题9 184 第10章 控制页面的CSS样式 10.1 绑定class属性 185 10.1.1 以对象方式绑定class属性 185 10.1.2 将class属性与对象变量绑定 187 10.1.3 以数组方式绑定class属性 189 10.1.4 动态改变class属性值 189 10.1.5 在数组中使用对象 190 10.2 绑定style属性 191 10.2.1 以对象方式绑定style属性 191 10.2.2 将style属性与对象变量绑定 191 10.2.3 以数组方式绑定style属性 192 10.2.4 动态改变style属性值 193 本章小结 194 习题10 194 第11章 事件处理 11.1 标准DOM中的事件 195 11.2 使用Vue.js处理事件 196 11.2.1 内联方式响应事件 196 11.2.2 事件处理方法 197 11.2.3 在Vue.js中使用事件对象 198 11.3 动手练习:监视鼠标指针移动 199 11.4 事件修饰符 201 11.4.1 准备基础页面 201 11.4.2 stop 202 11.4.3 self 202 11.4.4 capture 203 11.4.5 once 203 11.4.6 prevent 203 11.4.7 事件修饰符使用说明 204 11.4.8 按键修饰符 205 本章小结 207 习题11 207 第12章 表单绑定 12.1 输入文本的绑定 209 12.1.1 文本框 209 12.1.2 多行文本框 210 12.2 选择类表单元素的绑定 211 12.2.1 单选按钮 211 12.2.2 复选框 212 12.2.3 下拉框 213 12.2.4 多选列表框 214 12.2.5 键值对绑定 214 12.3 修饰符 215 12.3.1 lazy修饰符 215 12.3.2 number修饰符 216 12.3.3 trim修饰符 216 本章小结 217 习题12 217 第13章 结构渲染 13.1 条件渲染指令v-if 218 13.1.1 v-if 和 v-else 218 13.1.2 v-else-if 219 13.1.3 用key管理可复用的元素 220 13.1.4 v-if 和 v-show 221 13.2 列表渲染指令v-for 222 13.2.1 基本列表 222 13.2.2 迭代对象数组 223 13.2.3 对象属性列表 224 13.2.4 数值范围 224 13.2.5 数组更新检测 225 13.2.6 v-for中key的作用 227 13.2.7 v-for与v-if一同使用时的注意事项 229 13.3 案例——汇率计算器 230 13.3.1 页面结构和样式 231 13.3.2 数据模型 231 本章小结 234 习题13 234 第14章 组件基础 14.1 自定义组件与HTML标记 235 14.1.1 组件的名称 237 14.1.2 组件的属性 237 14.1.3 组件的内容 238 14.1.4 在组件中处理事件 239 14.2 全局组件与局部组件 242 本章小结 243 习题14 244 第15章 单文件组件 15.1 基础知识 245 15.2 安装Vue CLI脚手架工具 246 15.2.1 安装基础环境 247 15.2.2 初步使用脚手架工具 248 15.3 动手实践:投票页面 250 15.3.1 制作greeting组件 251 15.3.2 制作app组件 252 15.3.3 父子组件之间传递数据 254 15.3.4 构建用于生产环境的文件 258 15.4 单页应用和多页应用 259 15.4.1 单页应用和多页应用的区别 260 15.4.2 多页应用开发 260 15.4.3 单页应用开发 261 本章小结 267 习题15 267 第16章 AJAX与axios 16.1 认识axios 268 16.2 axios的基础用法 269 16.2.1 常见请求方法调用 269 16.2.2 GET与POST 271 16.2.3 嵌套请求与并发请求 274 16.3 axios的进阶用法 277 16.3.1 创建实例 277 16.3.2 实例的相关配置 278 16.3.3 错误处理 279 16.3.4 拦截器 280 本章小结 283 习题16 283 第17章 过渡和动画 17.1 CSS过渡 285 17.2 单元素过渡 286 17.2.1 transition组件 286 17.2.2 过渡的类名 287 17.3 动手实践:可折叠的多级菜单 288 17.3.1 搭建页面结构 288 17.3.2 展开和隐藏菜单 289 17.3.3 添加过渡效果 290 17.3.4 实现多级菜单 291 17.4 列表过渡 294 本章小结 296 习题17 297 第18章 Vue.js插件 18.1 路由管理插件Vue Router 298 18.1.1 基本用法 298 18.1.2 命名路由 302 18.1.3 路由动态匹配 303 18.1.4 编程式导航 307 18.1.5 重定向和别名 308 18.1.6 进阶用法 309 18.1.7 history模式 312 18.2 状态管理插件Vuex 312 18.2.1 Vuex的基本用法 312 18.2.2 深入掌握Vuex 316 本章小结 324 习题18 325 【第三篇】 综合实战 第19章 综合案例:“豪华版”待办事项 19.1 功能描述 329 19.2 用到的知识点 329 19.3 使用Vue CLI搭建项目 330 19.4 页面结构和样式 331 19.4.1 添加待办事项页面 332 19.4.2 筛选项页面 332 19.4.3 任务列表页面 333 19.4.4 编辑任务弹框页面 334 19.5 组件化 335 19.5.1 抽离单个任务项 335 19.5.2 抽离编辑任务弹框 336 19.6 核心功能的实现 336 19.6.1 定义Todo类 336 19.6.2 使用Vuex管理任务列表 337 19.7 实现各项功能 339 19.7.1 添加待办事项 339 19.7.2 显示任务列表 340 19.7.3 动态化筛选项 340 19.7.4 修改任务状态 341 19.7.5 编辑任务 342 19.7.6 删除任务 345 19.7.7 调整任务顺序 346 19.7.8 持久化任务 347 本章小结 348