JavaScript 深入学习教程

博主个人教程地址
JavaScript教程地址

前言

这篇文章就是介绍一下JavaScript的课程内容 具体请看视频教程 想要学习的话 此后不再更新这个文本版本教程 前端基础部分都不在更新文字版本

课程介绍

本系列课程主要会讲到标题中的JavaScript部分 由于内容过多 所以分开了 本系列课程相对来说比较重要

JavaScript 介绍

JavaScript 是属于 HTML 和 Web 的编程语言 JavaScript 是一种轻量级的编程语言 JavaScript 是可插入 HTML 页面的编程代码 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行 主要是前端中最重要的一门语言 JavaScript的学习 使用JavaScript可以做出很多有意思的效果以及优化和用户的交互体验

素质三连：

为什么要学习JavaSciprt ?

学习了JavaScript 有什么用 ?

学习完了对我有什么帮助 ?

课程规划

这系列课程内容较多 在第一阶段讲解的可能会有一大部分 剩下的放在第二阶段讲解

第一阶段主要重点在JS语法以及DOM操作上面

第二阶段主要在数据交互方面以及新语法

建议学习此课程的前提知识

• HTML4/HTML5
• CSS3/CSS2
• Markdown 不强制

章节介绍

第一阶段内容

1. JavaScript 基本语法和变量
2. JavaScript 数据类型
3. JavaScript运算符
4. JavaScript流程控制
5. JavaScript字符串函数(ES5)
6. JavaScript数组和数组函数(ES5)
7. JavaScript 函数与原型
8. JavaScript 异常
9. JavaScript BOM 操作
10. JavaScript DOM 操作
11. JavaScript 事件
12. JavaScript Event事件对象
13. JavaScript 正则表达式
14. JavaScript的本质 - 内存管理

第二阶段内容

1. PHP基础
2. PHP面向对象部分
3. JSON与XML
4. PHP解析XML与JSON
5. JavaScript解析JSON与XML
6. HTTP浅析
7. JavaScript XHR对象
8. ECMAScript6
9. PHP链接数据库
10. TypeScript

章前知识

• JavaScript 发展历程
• JavaScript 的核心组成
• JavaScript 的使用方式
• script 标签

JavaScript的发展历程

JavaScript 因为互联网而生，紧跟着浏览器的出现而问世。最初主要应用在web浏览器领域作为脚本语言进行使用

要想清楚JavaScript的发展史就要了解浏览器的发展史

1990年底，欧洲核能研究组织 科学家 Tim Berners-Lee 发明了万维网 (World Wide Web ) 从此可以在网上浏览网页文件。最早的网页只能在操作系统的终端里浏览，也就是说只能使用命令行操作，网页都是在字符窗口中显示，这当然非常不方便

1992年底，美国国家超级电脑应用中心（NCSA）开始开发一个独立的浏览器，叫做 Mosaic。这是人类历史上第一个浏览器，从此网页可以在图形界面的窗口浏览

1994年10月，NCSA 的一个主要程序员 Marc Andreessen 联合风险投资家 Jim Clark，成立了 Mosaic 通信公司（Mosaic Communications），不久后改名为 Netscape。这家公司的方向，就是在 Mosaic 的基础上，开发面向普通用户的新一代的浏览器 Netscape Navigator

1994年12月，Navigator 发布了1.0版，市场份额一举超过90%

Netscape 公司很快发现，Navigator 浏览器需要一种可以嵌入网页的脚本语言，用来控制浏览器行为

管理层对这种浏览器脚本语言的设想是：功能不需要太强，语法较为简单，容易学习和部署。那一年，正逢 Sun 公司的 Java 语言问世，市场推广活动非常成功。Netscape 公司决定与 Sun 公司合作，浏览器支持嵌入 Java 小程序（后来称为 Java applet）。但是，浏览器脚本语言是否就选用 Java，则存在争论。后来，还是决定不使用 Java，因为网页小程序不需要 Java 这么“重”的语法。但是，同时也决定脚本语言的语法要接近 Java，并且可以支持 Java 程序

Netscape 公司的这种浏览器脚本语言，最初名字叫做 Mocha，1995年9月改为 LiveScript 12月，

Netscape 公司与 Sun 公司（Java 语言的发明者和所有者）达成协议，后者允许将这种语言叫做 JavaScript。这样一来，Netscape 公司可以借助 Java 语言的声势，而 Sun 公司则将自己的影响力扩展到了浏览器

后来 Java 语言的浏览器插件失败了，JavaScript 反而发扬光大。

JavaScript 和 Java 的关系。

它们是两种不一样的语言

JavaScript 语言则是运行时由解释器直接执行

Java是需要编译才能够执行的

JavaScript 的核心组成

1. ECMAScript
2. DOM
3. BOM

图示：

ECMAScript 介绍

Document Object Model 文档对象模型

Browser Object Model 浏览器对象模型

ECMAScript 是一个重要的标准 简单地说，ECMAScript 描述了以下内容

• 语法
• 类型
• 语句
• 关键字
• 保留字
• 运算符
• 对象

ECMAScript的版本

ECMAScript 分成几个不同的版本，它是在一个叫做 ECMA-262 的标准中定义的。和其他标准一样，ECMA-262 会被编辑和更新。当有了主要更新时，就会发布一个标准的新版。版本是5.1，于 2011 年 6 月发布并开始6.0版的制定 。

ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言

1996年8月，微软模仿 JavaScript 开发了一种相近的语言，取名为JScript（JavaScript 是 Netscape 的注册商标，微软不能用），首先内置于IE 3.0。Netscape 公司面临丧失浏览器脚本语言的主导权的局面。

1996年11月，Netscape 公司决定将 JavaScript 提交给国际标准化组织 ECMA（European Computer Manufacturers Association），希望 JavaScript 能够成为国际标准，以此抵抗微软

ECMAScript 只用来标准化 JavaScript 这种语言的基本语法结构，与部署环境相关的标准都由其他标准规定，比如 DOM 的标准就是由 W3C组织（World Wide Web Consortium）制定的

DOM

DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物

DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点。

BOM

BOM 主要处理浏览器窗口和框架，不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分。这些扩展包括

• 弹出新的浏览器窗口
• 移动、关闭浏览器窗口以及调整窗口大小
• 提供 Web 浏览器详细信息的定位对象
• 提供用户屏幕分辨率详细信息的屏幕对象
• 对 cookie 的支持
• IE 扩展了 BOM，加入了 ActiveXObject 类，可以通过 JavaScript 实例化 ActiveX 对象

JavaScript 的使用方式

1. 在html中使用
2. 外部脚本文件

Script标签

1. 内部的JS代码
2. 外部的JS代码