前言

JavaScript是一种轻量级的动态编程语言，在诞生之时，JavaScript 并没有受到人们的过多关注，但是谁也想不到，在大前端快速风靡的今 天，JavaScript已经成为当今编程世界中优雅而不可或缺的一员。如果你 是一名编程初学者，刚刚学习完HTML和CSS，那你就不得不接触 JavaScript了。刚开始，你会用jQuery操作DOM，切换页面并写一写单 击事件，似乎觉得JavaScript也不过如此。然而，当你在for循环里面写 了一个setTimeout函数后，意想不到的结果发生了，这时你才明白前端 这“坑”，竟如此之深！ JavaScript就是这样一种看起来简单，却又很难精通的编程语言。 也许你是一名想要学习JavaScript的“小白”，或者是工作多年的“程 序猿”，甚至是已经用Vue前端框架做过很多项目的“大牛”，但是不管怎 样，相信你在阅读本书后，一定会有意外的收获。你平时可能只知道该 这样写业务逻辑，该那样定义变量，否则就会报错，这是多年的工作经 验给你带来的宝贵财富。但在阅读本书后，你可能就会在某些地方豁然 开朗，哦，原来它的内部是这样运作的！ 本书的第1~3章讲解JavaScript的基础知识，对于一些重要的知识 点，如json对象、函数、闭包等，更是用了近乎“变态”的篇幅进行详细 阐述。再加上本书多数章节采用小说体讲述知识，可以使读者学习起来 不会觉得过于无聊，反而会饶有兴趣。JavaScript的基础知识尤为重要， 可以说，学好了JavaScript的基础知识，后期再学习各种框架，就会变得 游刃有余。 本书的第4章和第5章将介绍当今的主流前端框架之一——Vue。只 要读者具备一定的JavaScript编程基础，学习Vue也会是比较轻松的。 一旦进入前端行业，你就会发现，前端不仅是一堆事件的堆砌和数 据的渲染。随着B/S架构的流行，网页变得越来越复杂，这就导致 JavaScript的代码量越来越大。尤其是在编写复杂的业务逻辑时，由于需 要频繁调取后端接口，并在得到接口的返回值后才能进行其他操作，因 此如果接口与接口之间有连带关系，大量的回调函数就会嵌套，从而使 得代码很容易产生意想不到的错误。更可怕的是，这样的代码，在检查 时却完全看不懂。这个时候，就可以使用promise对象和async函数了， 这是ES6语法的知识点，本书的第6章将会简单介绍这些知识。 为了使读者能够开心愉悦地阅读本书，本书多数章节采用玄幻小说 的写作风格，书中的小故事可以让读者以全新的角度看待JavaScript。或 许你可以在叶小凡的修仙旅途中感悟到JavaScript的美感，从此在面对工 作和学习中的JavaScript代码时，不再觉得这是一种负担，而是一种喜 悦。 本书的编写灵感来自于笔者的一次奇思妙想，因为在市面上不容易 找不到一本类似小说的编程技术书籍，于是，本书就诞生了。本书不像 传统的技术书籍那般沉闷，而是像玄幻小说一样，阅读起来很有趣味 性。读者会发现，原来JavaScript还可以这样学。 如果你已经准备好了，那么请跟着叶小凡，开始享受这段开心愉悦 的修炼旅途吧！

目录

第1章 掌握JavaScript基础 1.1 初入宗门 1.2 直接量 1.3 变量的声明 1.4 数据类型 1.5 基础考核 1.6 叶老 1.7 对象数据类型 1.8 对象的取值 1.9 循环遍历的奥妙 1.10 对象内容的遍历 1.11 外门小比 1.12 JavaScript运算符 1.13 语惊四座 1.14 秀 1.15 天秀 1.16 数组方法 1.17 蒂花之秀 1.18 函数七重关之一（函数定义） 1.19 JavaScript编译原理 1.20 函数七重关之二（作用域） 1.21 函数七重关之三（参数传递） 1.22 函数七重关之四（闭包） 1.23 函数七重关之五（自执行函数） 1.24 函数七重关之六（“new”一个函数） 1.25 函数七重关之七（回调函数） 第2章 基础考核 2.1 赵牛 2.2 林涛 2.3 变量和简单数据类型 2.4 精度问题 2.5 化浮为整 2.6 函数的三大要义 2.7 add函数完成 2.8 函数调试 2.9 indexOf方法 2.10 replace方法 2.11 重新开始 第3章 jQuery和DOM 3.1 预备知识 3.1.1 HTML基本结构 3.1.2 创建第一个HTML文件 3.1.3 HTML排版标签 3.1.4 图片标签 3.1.5 超链接标签 3.1.6 table标签 3.1.7 表单元素 3.1.8 CSS基础 3.1.9 jQuery简介 3.2 简南 3.3 jQuery选择器 3.4 使用jQuery操作DOM 3.4.1 查找元素 3.4.2 查找属性 3.4.3 链式调用 3.4.4 创造新的元素 3.4.5 删除和隐藏节点 3.4.6 jQuery操作属性 3.4.7 内容操作 3.4.8 遍历和寻找节点 第4章 Vue的妙处 4.1 我要去做任务 4.2 壮士出征 4.3 Vue数据绑定 4.4 Vue第一式——简单数据绑定 4.5 Vue第二式——灵活有趣的事件绑定 4.5.1 v-on监听事件 4.5.2 处理事件冒泡 4.6 Vue第三式——条件语句 4.7 Vue第四式——循环语句 4.8 Vue第五式——属性绑定 4.9 Vue第六式——Vue组件开发 4.10 Vue第七式——计算属性 4.11 Vue第八式——监听属性 4.12 Vue第九式——过滤器 4.13 叶小凡的战果 第5章 Vue-cli项目 5.1 Nodejs安装 5.2 使用npm发布模块 5.3 使用npm安装模块 5.4 使用Vue-cli搭建项目 第6章 ES6语法 6.1 全新的变量定义 6.2 变量的解构赋值 6.3 字符串升级 6.4 Proxy代理 6.5 强化后的数组 6.5.1 快速构建新数组 6.5.2 新的数组方法 6.5.3 数组复制 6.6 强化后的函数 6.7 更加灵活多变的对象 6.8 promise对象和async函数