JavaScript百炼成仙

为了使读者能够开心愉悦地阅读本书，本书尽量采用了玄幻小说的写作风格，书中的小故事可以让读者通过全新的角度看待JavaScript。或许你可以在叶小凡的修仙旅途中感悟到JavaScript的美感，从此在面对工作和学习中的JavaScript代码时，不再觉得这是一种负担，而是一种喜悦。
本书的编写灵感来自于笔者的一次奇思妙想，因为在市面上总是找不到一本类似小说的编程技术书籍，于是，本书就诞生了。本书不像传统的技术书籍那般沉闷，而是像玄幻小说一样，阅读起来很有趣味性。读者会发现，原来JavaScript还可以这样学。
如果你已经准备好了，那么请跟着叶小凡，开始享受这段开心愉悦的修炼旅途吧！

 

这是一本讲解JavaScript编程语言的技术书籍，只不过，本书采用了一种全新的写作手法。如果你厌倦了厚厚的、如同字典般的编程书籍，不妨尝试一下新的口味！通过本书，你可以领悟到JavaScript的函数七重关秘籍;通过本书，你可以轻松学会使用jQuery操作DOM对象;通过本书，你可以学会目前流行的Vue基础语法;通过本书，你还可以学会的ES6常用语法。 本书可作为JavaScript初学者入门的趣味读物。

杨逸飞，本科，南京航空航天大学金城学院毕业，毕业后从事IT行业多年。对JavaWeb，JavaScript，以及sql语言较为熟悉，尤其对前端技术非常喜爱。曾在上市软件公司任职，涉及IT金融，政府软件等多个领域。热爱分享知识，在简书和博客园写过非常之多的技术博客，教程清晰，深入浅出，对初学者较为友好。

1章掌握JavaScript基础1

1.1初入宗门1

1.2直接量2

1.3变量的声明3

1.4数据类型4

1.5基础考核5

1.6叶老6

1.7对象数据类型8

1.8对象的取值11

1.9循环遍历的奥妙13

1.10对象内容的遍历17

1.11外门小比20

1.12JavaScript运算符21

1.13语惊座26

1.14秀27

1.15天秀29

1.16数组方法32

1.17蒂花之秀37

1.18函数七重关之一(函数定义)38

1.19JavaScript编译原理42

1.20函数七重关之二(作用域)46

1.21函数七重关之三(参数传递)51

1.22函数七重关之(闭包)58

1.23函数七重关之五(自执行函数)62

1.24函数七重关之六(“new”一个函数)64

1.25函数七重关之七(回调函数)70

2章基础考核73

2.1赵牛73

2.2林涛74

2.3变量和简单数据类型76

2.4精度问题80

2.5化浮为整83

2.6函数的三大要义85

2.7add函数完成87

2.8函数调试90

2.9indeOf方法93

2.10replace方法97

2.11重新开始99

3章jQuery和DOM105

3.1预备知识105

3.1.1HTML基本结构105

3.1.2创建一个HTML文件108

3.1.3HTML排版标签109

3.1.4图片标签113

3.1.5链接标签114

3.1.6table标签115

3.1.7表单元素121

3.1.8CSS基础127

3.1.9jQuery简介133

3.2简南136

3.3jQuery选择器137

3.4使用jQuery作DOM146

3.4.1查找元素146

3.4.2查找属性148

3.4.3链式调用150

3.4.4创造新的元素153

3.4.5删除和隐藏节点159

3.4.6jQuery作属性161

3.4.7内容作163

3.4.8遍历和寻找节点170

 

4章Vue的妙处173

4.1我要去做任务173

4.2壮士出征175

4.3Vue数据绑定175

4.4Vue一式——简单数据绑定179

4.5Vue二式——灵活有趣的事件绑定186

4.5.1von监听事件186

4.5.2处理事件冒泡189

4.6Vue三式——条件语句192

4.7Vue式——循环语句197

4.8Vue五式——属性绑定200

4.9Vue六式——Vue组件开发201

4.10Vue七式——计算属性211

4.11Vue八式——监听属性213

4.12Vue九式——过滤器217

4.13叶小凡的战果220

 

5章Vuecli项目223

5.1dejs安装223

5.2使用npm发布模块224

5.3使用npm安装模块229

5.4使用Vuecli搭建项目231

 

6章ES6语法238

6.1全新的变量定义238

6.2变量的解构赋值239

6.3字符串升级242

6.4Proy代理243

6.5强化后的数组245

6.5.1快速构建新数组245

6.5.2新的数组方法246

6.5.3数组复制246

6.6强化后的函数247

6.7更加灵活多变的对象251

6.8promise对象和async函数252

后记256

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还可以这样学。
如果你已经准备好了，那么请跟着叶小凡，开始享受这段开心愉悦的修炼旅途吧！

编者2020年8月