前端-JavaScript1-1——JavaScript简介

1.1 JavaScript用途

前端三层：

结构层 HTML 从语义的角度描述页面的结构

样式层 CSS 从审美的角度装饰页面

行为层 JavaScript 从交互的角度提升用户体验

JavaScript用来制作web页面交互效果，提升用户体验。

轮播图

选项卡TAB栏

Ajax表单验证

炫酷HTML5页面

JavaScript在今天，如果你要离开他，寸步难行，网页将无法正常使用。

1.2 JavaScript诞生

在1995 年 Netscape（网景公司，我们要非常感谢网景公司，首先提出的交互的概念，首先提出的用户体验的概念，在老师的心中，Brendan Eich能够和乔布斯平起平坐），一位名为 Brendan Eich 的工程师创造了 JavaScript，随后在 1996 年初，JavaScript 首先被应用于 Netscape 2 浏览器上。最初的 JavaScript 名为 LiveScript（活力脚本），后来因为 Sun Microsystem 的 Java 语言的兴起和广泛使用，Netscape 出于宣传和推广的考虑，将它的名字从最初的 LiveScript 更改为 JavaScript——尽管两者之间并没有什么共同点。这便是之后混淆产生的根源。（也就是说，JavaScript和Java没有任何关系，就是为了“榜大牌”的，和北大青鸟和北大的关系一样）。

几个月后，Microsoft 随着 IE 3 推出了一个与之基本兼容的语言 JScript（注意微软的人生哲学，当它发现别人的东西很好的时候，就必须拧巴的推出自己的，然后自己的又被市场排斥，又开始兼容别人的）。又几个月后，Netscape 将 JavaScript 提交至 Ecma International（一个欧洲标准化组织）， ECMAScript 标准第一版便在 1997 年诞生了，随后在 1999 年以 ECMAScript 第三版的形式进行了更新，从那之后这个标准没有发生过大的改动。由于委员会在语言特性的讨论上发生分歧，ECMAScript 第四版尚未推出便被废除，但随后于 2009 年 12 月发布的 ECMAScript 第五版引入了第四版草案加入的许多特性。第六版标准已经于2015年六月发布。

ECMAScript是JavaScript的标准，现在我们学习的版本的ECMAScript4、5。

1.3 JavaScript从丑小鸭到金凤凰

2003年：牛皮鲜，页面上漂浮的广告、弹窗广告；所以当时的浏览器就推出一个功能，禁用广告，实际上本质就是禁用JavaScript。页面上的特效，都特别俗，比如鼠标后面跟随的星星，然后工程师对JS的感觉就是不用学习，生搬硬套，大量的“效果宝盒”软件，一套就有各种特效了。没有人琢磨语言特性。

2004年：谷歌打开了Ajax这个潘多拉的盒子，从此JavaScript被人重视，很多人开始学习JS语言。当时问世了两本JS巨作《犀牛书》、《高级程序设计》。

2007年：三层分离，iPhone发布，人们开始重视用户体验。大家发现了，JavaScript是web页面中制作交互效果唯一的语言，所以把JS的重视程度，提到了相当高的一个地位。招聘信息里面开始出现独立的“JS工程师”职位了，之前都是后台工程师捎带脚写写JS。

2008年：Chrome浏览器发布，V8引擎加快了JS的解析，之前的浏览器解析JS的时候卡顿卡顿的，动画效果是蹦蹦的。在Chrome里，它的引擎叫做V8，运行JS很流畅。

2009年：jQuery变得流行，解决了浏览器兼容问题，制作页面效果变得简单，越来越多的初学者愿意学习JavaScript。

2010年：Canvas画布技术得到众多浏览器支持，可以用Canvas替代Flash了，并且能制作小游戏，比如偷菜、停车小游戏。我们有这个课程，做Flappy Bird、俄罗斯方块、消消乐、接触物理抛物线引擎。

2011年：Node.js得到广泛应用，实际上就是把JavaScript运行在了服务器上，单线程非阻塞，能够让企业用最小的成本实现后台网站，比如之前4万的服务器都卡，现在用了node之后，4000的机器都很流畅。

2012年：HTML5+CSS3的流行，也带火了JavaScript。

2013年： hybrid app模式开始流行。就是做手机app的时候，老板们发现要雇佣三队人马，ios、安卓、windows phone。花三份工资，并且产品还不好迭代。所以人们发明了用网页技术开发手机App的技术，叫做web app。hybrid app就是混合app，同时结合web技术和原生开发技术。省钱，好迭代。

2015年：ECMA6发布，叫做ECMA2015。重量级的改变，把语言的特性颠覆性的一个增强。

1.4 JavaScript非常好学

好学的点是什么：

JavaScript是有界面效果：不像C语言，黑底白字，很枯燥的。

JavaScript的语法来源于C和Java：有C和Java的经验同学好学很多。

JavaScript是弱变量类型的语言，动态数据类型语言。

JavaScript运行在宿主环境中，不关心内存，垃圾回收。

不好学的点是什么：

兼容性问题： IE8是个怪胎，很多东西都不一样，所以就要写兼容写法，不怕造轮子，多写几遍

花式写法很多，抽象：从简单入手，细细品味代码

太多细节：认真写自己的笔记，自己做实验;

1.5 学习方法

● 要多去“品”程序，多去思考内在逻辑，读懂每一行代码！

● JS机械重复性的劳动几乎为0，基本都是创造性的劳动。HTML、CSS都是重复的劳动，margin、padding挤来挤去。

● 永远不要背程序，每一个程序都必须自己会写。

来使用文本编辑器（作者用的是Subline）完成Hello world！It's very easy ! ! !

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <title>Document</title>

    <script type="text/javascript">

        alert("Hello world！");

    </script>

</head>

<body>

</body>

</html>