JavaScript就是我们通常所说的“JS”。这是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。

前端最核心的三种技术是HTML、CSS和JavaScript。在学习JavaScript之前，你必须要有一定的HTML和CSS基础知识。

三者之间的区别：“HTML控制网页的结构，CSS控制网页的外观，而JavaScript控制网页的行为。”

给大家打个比方，我们可以把“前端开发”看成“建房子”，做一个网页就像盖一栋房子。建房子的时候，都是先把结构建好（HTML）。建好之后，再给房子装修（CSS），例如往窗户装上窗帘、往地面铺上瓷砖等。最后装修好了呢，当夜幕降临的时候，我们要开灯（JavaScript）才能把屋子照亮。

只使用了HTML和CSS的页面一般只供用户浏览，而JavaScript的出现，使得用户可以与页面进行交互（如定义各种鼠标效果），实现更多的功能。因为HTML和CSS只是描述性的语言，仅仅使用这两个工具是没办法做出那些特效的，而必须使用编程的方式来实现，也就是JavaScript。

很多小伙伴抱怨JavaScript比较难，不像学HTML和CSS那么顺畅。实际上，对于没有任何编程基础的小伙伴，都是一样的。曾经我也做过“小白”，所以还是非常清楚小伙伴们的感受。

好多小伙伴会有一下疑问：

1．JavaScript与Java有什么关系吗？

很多人看到JavaScript和Java，自然而然就会问这两个究竟有什么关系。其实，它们也是有一些关系的，不能说完全没有关系。

JavaScript的设计最初的确是受Java的启发，而且设计的目的之一就是“看上去像Java”，因此语法上有不少类似之处。JavaScript中的很多名称和命名规则也效仿Java。但是实际上，JavaScript主要设计原则源自Self和Scheme。

JavaScript和Java虽然名字相似，但是本质上是不同的。

JavaScript往往都是在网页中使用，而Java却可以在软件、网页、手机APP等各个领域中使用。

从本质上讲，Java是一门面向对象的语言，而JavaScript更像是一门函数式编程语言。

2．我的页面加入了JavaScript特效，那这个页面是静态页面，还是动态页面呢？

不是“会动”的页面就叫动态页面，静态页面和动态页面的区别在于：是否与服务器进行数据交互。或者简单来说，是否用到了后端技术（如PHP、JSP、ASP.NET）。下面列出的四种情况都不一定是动态页面。

带有音频和视频

带有Flash动画

带有CSS动画

带有JavaScript动画

特别提醒大家一下，即使你的页面用了JavaScript，也不一定是动态页面，除非你还用到了后端技术。

3．对于学习JavaScript，有什么好的建议呢？

JavaScript是当下最流行也是最复杂的一门编程语言，对于JavaScript的学习，给初学者两个建议。

学完JavaScript基础知识（也就是本书内容），不要急于去学习JavaScript高级知识，而是应该去学jQuery。通过学习jQuery，我们会对JavaScript的入门知识有更深一层的理解。等学完了jQuery再去学习JavaScript的高级内容。

很多人学习JavaScript的时候，喜欢在第一遍学习中就对每一个细节都搞清楚，事实上这是效率最低的学习方法。在第一遍学习中，如果有些东西我们实在没办法理解，那就直接跳过，等到学到后面或者看第二遍的时候，自然而然就懂了。

1.2　JavaScript开发工具

常用的JavaScript开发工具很多，比较好用的有Hbuilder、Dreamweaver、Sublime Text、Vscode、Atom等。如果你已经有一定的开发经验，推荐使用Vscode，这一款编辑器非常棒。但是对于初学者来说，Hbuilder更简洁，也更加容易上手。这里，我们给大家介绍一下怎么在Hbuilder中编写JavaScript。

是不是感觉很有趣呢？那就快快到JavaScript的碗里来吧！