Web前端开发精品课 JavaScript基础教程 - (EPUB全文下载)

文件大小：0.22 mb。
文件格式：epub 格式。
书籍内容：

Web前端开发精品课 JavaScript基础教程
第01章 JavaScript简介
第02章 语法基础
第03章 流程控制
第04章 初识函数
第05章 字符串对象
第06章 数组对象
第07章 时间对象
第08章 数学对象
第二部分 核心技术
第09章 DOM基础
第10章 DOM进阶
第11章 事件基础
第12章 事件进阶
第13章 window对象
第14章 document对象
欢迎来到异步社区！
第01章　JavaScript简介
1.1　JavaScript是什么
1.1.1　JavaScript简介
JavaScript就是我们通常所说的“JS”。这是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。
我们都知道，前端最核心的三种技术是HTML、CSS和JavaScript，如图1-1所示。有些初学的小伙伴就会问了，这三者之间有什么区别呢？
图1-1
“HTML控制网页的结构，CSS控制网页的外观，而JavaScript控制网页的行为。”
我晕，这不是等于没说吗？好吧，给大家打个比方。我们可以把“前端开发”看成“建房子”，做一个网页就像盖一栋房子。建房子的时候，都是先把结构建好（HTML）。建好之后，再给房子装修（CSS），例如往窗户装上窗帘、往地面铺上瓷砖等。最后装修好了呢，当夜幕降临的时候，我们要开灯（JavaScript）才能把屋子照亮。现在小伙伴们懂了吧？
我们再回到实际例子中去，看一下绿叶学习网（www.lvyestudy.com）的导航条。其中“前端入门”这一栏目具有以下基本特点。
字体类型是“微软雅黑”。
字体大小是“14px”。
背景颜色是“淡蓝色”。
鼠标移到上面，背景色变成蓝色。
我们可能会疑惑，这些效果是怎么做出来的呢？其实思路跟上面的“建房子”是一样的。我们先用HTML来搭建网页的结构。默认情况下，字体类型、字体大小、背景颜色，如图1-2所示。
然后，我们使用CSS来修饰一下，改变字体类型、字体大小、背景颜色，如图1-3所示。
最后，我们再使用JavaScript为鼠标定义一个行为。当鼠标移到上面时，背景颜色会变成蓝色，如图1-4所示。
图1-2
图1-3
图1-4
到这里，大家应该知道一个缤纷绚丽的网页是怎么做出来的了吧？了解这个过程，对于你准确理解HTML、CSS和JavaScript这3者之间的关系是相当重要的。
只使用了HTML和CSS的页面一般只供用户浏览，而JavaScript的出现，使得用户可以与页面进行交互（如定义各种鼠标效果），实现更多的功能。拿我们绿叶学习网来说，二级导航、图片轮播、返回顶部等功能都用到了JavaScript，如图1-5所示。因为HTML和CSS只是描述性的语言，仅仅使用这两个工具是没办法做出那些特效的，而必须使用编程的方式来实现，也就是JavaScript。
图1-5
1.1.2　教程介绍
在学习JavaScript之前，你必须要有一定的HTML和CSS基础知识。本书是“Web前端开发精品课”系列中的一本，要学习HTML和CSS，你可以关注本书的姊妹篇：《Web前端开发精品课—HTML与CSS基础教程》和《Web前端开发精品课—HTML与CSS进阶教程》。
很多小伙伴抱怨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的时候，喜欢在第一遍学习中就对每一个细节都搞清楚，事实上这是效率最低的学习方法。在第一遍学习中，如果有些东西我们实在没办法理解，那就直接跳过，等到学到后面或者看第二遍的时候，自然而然就懂了。 ............

以上为书籍内容预览，如需阅读全文内容请下载EPUB源文件，祝您阅读愉快。