JavaScript 深入学习教程

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

前言

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

课程介绍

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

JavaScript 介绍

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

素质三连：

为什么要学习JavaSciprt ?

学习了JavaScript 有什么用 ?

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

课程规划

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

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

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

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

HTML4/HTML5
CSS3/CSS2
Markdown 不强制

章节介绍

第一阶段内容

JavaScript 基本语法和变量
JavaScript 数据类型
JavaScript运算符
JavaScript流程控制
JavaScript字符串函数(ES5)
JavaScript数组和数组函数(ES5)
JavaScript 函数与原型
JavaScript 异常
JavaScript BOM 操作
JavaScript DOM 操作
JavaScript 事件
JavaScript Event事件对象
JavaScript 正则表达式
JavaScript的本质 - 内存管理

第二阶段内容

PHP基础
PHP面向对象部分
JSON与XML
PHP解析XML与JSON
JavaScript解析JSON与XML
HTTP浅析
JavaScript XHR对象
ECMAScript6
PHP链接数据库
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 的核心组成

ECMAScript
DOM
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 的使用方式

在html中使用
外部脚本文件

Script标签

内部的JS代码
外部的JS代码

JavaScript 深入学习教程相关推荐

简单粗暴的JavaScript学习教程，前端入门的不二之选！
JavaScript 是网景(Netscape)公司开发的一种基于客户端浏览器.面向(基于)对象.事件驱动式的网页脚本语言.JavaScript语言的前身叫作Livescript. JavaScrip ...
【JavaScript系列】JavaScript学习教程和专栏
DATE: 2019-7-6 先记录一下,后面抽时间学习~ 很好的学习教程: https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74 ...
JavaScript 学习教程集锦
JavaScript 语言入门教程 ECMAScript 6 入门单页面应用程序(SPA)的优缺点 ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现. ...
Unity 3D游戏代码编程学习教程 Full Guide To Unity 3D C#: Learn To Code Making 3D Games
Unity 3D游戏代码编程学习教程 Full Guide To Unity 3D & C#: Learn To Code Making 3D Games Full Guide To Unit ...
Python学习教程：Python爬虫抓取技术的门道
Python学习教程:Python爬虫抓取技术的门道 web是一个开放的平台,这也奠定了web从90年代初诞生直至今日将近30年来蓬勃的发展.然而,正所谓成也萧何败也萧何,开放的特性.搜索引擎以及简单 ...
php中new运算符的作用,C++_C++编程中new运算符的使用学习教程，new运算符用作从自由存储为 typ - phpStudy...
C++编程中new运算符的使用学习教程 new运算符用作从自由存储为 type-name 的对象或对象数组分配内存,并将已适当分类的非零指针返回到对象. [::] new [placement] ne ...
写给 Web 开发者的深度学习教程 - 向量化矩阵
前言在这个科技发展日新月异的时代,行业的宠儿与弃儿就如同手掌的两面,只需轻轻一翻,从业者的境遇便会有天翻地覆的改变. 人工智能作为近两年来业界公认的热门领域,不同于之前火热的移动端开发或前端开发,其 ...
Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目
大家好,我是你们的猫哥,一个不喜欢吃鱼.又不喜欢喵的超级猫 ~ 关于猫哥,大家可以看看我的年终总结前端工程师的 2020 年终总结 - 3 年之痒. 前言猫哥是一个常年混迹在 GitHub 上 ...
java学习_Python基础学习教程：从0学爬虫？让爬虫满足你的好奇心
Python基础学习教程:从0学爬虫?让爬虫满足你的好奇心有必要学爬虫吗? 我想,这已经是一个不需要讨论的问题了. 爬虫,"有用"也"有趣"! 这个数据为王的 ...

JavaScript 深入学习教程

前言

课程介绍

JavaScript 深入学习教程相关推荐

最新文章

热门文章