WEB前端开发工程师 JavaScript高级程序设计基础与提升视频课程（Head老师）

1-1

JavaScript概述JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

「仅限付费用户」点击下载“1-javascript概述笔记.docx”

1-2

JavaScript变量变量是用于存储数据的"容器"。定义变量时要使用var操作符（var是关键），后面跟一个变量名（变量名是标识符）。var ad = 1;变量声明注意事项：变量必须以字母开头变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）变量名称对大小写敏感（y 和 Y 是不同的变量）JavaScript 语句和 JavaScript 变量都对大小写敏感变量的声明不能使用保留字和关键字

「仅限付费用户」点击下载“2-javascript变量笔记.docx”

1-3

JavaScript数据类型ECMAScript中的数据类型：Undefined、Null、Boolean、Number、String和Object。

「仅限付费用户」点击下载“3-javascript数据类型笔记.docx”

1-4

JavaScript隐式转换JavaScript 变量可以转换为新变量或其他数据类型：通过 JavaScript 自身自动转换（隐式转换）通过使用 JavaScript 函数（强制转换）

「仅限付费用户」点击下载“4-JavaScript隐式转换笔记.docx”

1-5

JavaScript强制转换使用Boolean函数强制转换Boolean（）通过number函数强制转换number（）通过parseint函数强制转换parseint（‘字符串’，‘进制’）转换成整型。

「仅限付费用户」点击下载“5-JavaScript强制转换笔记.docx”

1-6

JavaScript运算符表达式是用于JavaScript脚本运行时进行计算的式子，可以包含常量变量运算符。

「仅限付费用户」点击下载“6-javascript运算符笔记.docx”

1-7

JavaScript运算符-2ECMAScript定义了5个算术运算符，加减乘除，取余。如果在算术运算的值不是数值，那么后台会先使用Number()转型函数将其转换为数值(隐式转换)。

「仅限付费用户」点击下载“7-javascript运算符-2笔记.docx”

1-8

JavaScript流程控制1.JavaScript分支语句2.JavaScript循环语句3.JavaScript特殊循环控制

「仅限付费用户」点击下载“8-javascript流程控制语句笔记.docx”

1-9

JavaScript函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。1.函数是完成某一功能的代码段2.函数是可重复执行的代码段3.函数方便管理和维护

「仅限付费用户」点击下载“9-javascript函数笔记.docx”

1-10

JavaScript对象JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...此外，JavaScript 允许自定义对象。

「仅限付费用户」点击下载“10-javascript对象笔记.docx”

1-11

JavaScript数组1.使用new关键字创建数组var box = new Array();//创建了一个数组var box = new Array(10);//创建一个包含10个元素的数组var box = new Array('曹老师','web','学神');//创建一个数组并分配好了元素

「仅限付费用户」点击下载“11-javascript数组笔记.docx”

1-12

JavaScript时间日期创建一个日期对象，使用new运算符和Date构造方法(构造函数)即可。var box = new Date();//创建一个日期对象在调用Date构造方法而不传递参数的情况下，新建的对象自动获取当前的时间和日期。alert(box);//不同浏览器显示不同

「仅限付费用户」点击下载“12-javascript时间日期笔记.docx”

1-13

JavaScript正则表达式正则表达式描述了字符的模式对象。当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。可以规定字符串中的检索位置，以及要检索的字符类型，等等。

「仅限付费用户」点击下载“13-javascript正则表达式笔记.docx”

1-14

JavaScript对象中的方法栈方法栈是一种数据结构(后进先出)，也就是说最新添加的元素最早被移除。ECMAScript为数组专门提供了push()和pop()方法。队列方法栈方法是后进先出，而列队方法就是先进先出。队列在数组的末端添加元素，从数组的前端移除元素。通过push()向数组末端添加一个元素，然后通过shift()方法从数组前端移除一个元素。

「仅限付费用户」点击下载“14-javascript对象中的方法笔记.docx”

1-15

JavaScript BOM浏览器对象模型 (BOM)浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。

「仅限付费用户」点击下载“15-javascript BOM笔记.docx”

1-16

JavaScript Bom-2浏览器对象模型 (BOM)浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。

「仅限付费用户」点击下载“16-javascript BOM - 2笔记.docx”

1-17

JavaScript DOMDOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。DOM描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。DOM中的三个字母，D（文档）可以理解为整个Web加载的网页文档；O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型结构。

「仅限付费用户」点击下载“17-javascript DOM笔记.docx”

1-18

JavaScript DOM节点操作DOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。DOM描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。DOM中的三个字母，D（文档）可以理解为整个Web加载的网页文档；O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型结构。

「仅限付费用户」点击下载“18-javascript DOM节点操作笔记.docx”

1-19

JavaScript 事件操作JavaScript事件是由访问Web页面的用户，引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行一系列代码。

「仅限付费用户」点击下载“19-JavaScript 事件操作笔记.docx”

1-20

JavaScript 样式和尺寸操作如需改变 HTML 元素的样式，请使用这个语法：document.getElementById(id).style.属性名=新样式var box = document.getElementById('box');//获取boxbox.style.css.style;//CSSStyleDeclarationbox.style.css.style.color;//redbox.style.css.style.fontSize;//20px

「仅限付费用户」点击下载“20-javascript 样式和尺寸操作笔记.docx”