JavaScript学习笔记

一、初步了解 JavaScript

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果

1、JavaScript的组成

2、输出语法： 

3、输入语法 

4、变量命名规则 

只能用下划线、字母、数字、$组成，且数字不能开头 

遵守小驼峰命名法 

例：userName 

5、数组的基本使用 

6、数据类型 

 JS 是弱数据类型，变量到底属于那种类型，只有赋值之后，我们才能确认

7、字符串类型 

 字符串拼接：

 模板字符串

8、类型转换

隐式转换 

 + 号两边只要有一个是字符串，都会把另外一个转成字符串

除了+以外的算术运算符 比如 - * / 等都会把数据转成数字类型 

9、显式转换 

转换为数字型：

Number(数据)                parseInt(数据)  只保留整数                   parseFloat(数据)  可以保留小数 

转换为字符型:               String(数据)                                            变量.toString(进制) 

10、比较运算符 

11、三元运算符 

12、操作数组 

13、函数传参 

14、匿名函数 

将匿名函数赋值给一个变量，并且通过变量名称进行调用 我们将这个称为函数表达式 

 15、对象

 16、调用对象中的函数，称之为方法调用

 17、内置对象

document.write()

console.log()Math（随机数）

 18、内存分配

 二、web api基本认知

分类：

DOM (文档对象模型)、BOM（浏览器对象模型） 

1、DOM树 

 DOM的核心思想

 把网页内容当做对象来处理

 所有的标签属性都可以在这个对象上面找到

 修改这个对象的属性会自动映射到标签身上

2、获取DOM对象 

3、修改DOM元素内容

1）修改元素的文本更换内容

2）修改元素常用属性

3）修改元素样式属性

通过 style 属性操作CSS 

操作类名(className) 操作CSS

通过 classList 操作类控制CSS 

 4、定时器-间歇函数

5、事件

就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，

也称为注册事件

6、环境对象

指的是函数内部特殊的变量 this ，它代表着当前函数运行时所处的环境

7、DOM节点

 8、增加节点

 9、删除节点

10、时间对象

1）实例化 

2）时间戳 

11、重绘和回流

重绘不一定引起回流，而回流一定会引起重绘。 

12、事件对象 13、事件流指的是事件完整执行过程中的流动路径

 

事件委托是利用事件流的特征解决一些开发需求的知识技巧 

14、滚动事件 

15、加载事件 

15、元素大小和位置

1）scroll

获取宽高：scrollWidth和scrollHeight

获取位置scrollLeft和scrollTop  这两个属性是可以修改

2）offset 

3）client 

三、Window对象

 1、BOM浏览器对象模型

2、 定时器-延时函数

3、JS 执行机制

JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是因为 Javascript 这 门脚本语言诞生的使命所致——JavaScript 是为处理页面中用户的交互，以及操作 DOM 而诞生的。比 如我们对某个 DOM 元素进行添加和删除操作，不能同时进行。 应该先进行添加，之后再删除。 

 4、location对象

5、本地存储

6、正则表达式

是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象