12.17笔记

1.捕获和冒泡

.addEventListener("click", function (e) {

            console.log("document")

true/false}

false：默认---冒泡 从大到小

true:捕获 从小到大

 e.stopPropagation()阻止冒泡和捕获、

2.事件委托

  let ul = document.querySelector("ul")

        ul.addEventListener("click", function (e) {

            e.target.style.color = "pink"})

3.事件清除

let 变量=函数

对象.addEventListener("事件源", 函数)（添加）

对象.removeEventListener("事件源", 函数)（删除）

4.bom

bom:浏览器对象模型

核心就是window

例如：window.document.querySelector(""[window可以省略]

5.window 的常见事件

load加载事件	正常变量放在后面会报错可以使用load，load可以等所有的dom加载之后执行
innerWidth	:返回当前屏幕的尺寸
DOMContebtLoaded:	z当dom加载结束后完成（不回等待样式表、图片）

6.js的执行机制

js单线程

        // 同步：前一段代码执行完毕，下一段代码才能够开始

        // 异步:做一件事情的同时去干别的事情

 js的执行机制：

         * 同步任务：放到主线程进行执行，形成执行栈

         * 异步任务：放到任务队列中    不同事件   资源加载        定时器

7.loaction

location.href	获取或者设置url
location.host	返回一个URL的主机名和端口
location.port	返回一个URL服务器使用的端口号
location.assign("https://www.baidu.com")  （方法）	载入一个新的文档
location.replace("https://www.baidu.com") （方法）	用新的文档替换当前文档
location.reload()	强制刷新

8. navigator

Navigator 对象包含有关浏览器的信息

navigator.userAgent： 返回由客户机发送服务器的user-agent 头部的值

9.history

可以实现网页之间的跳转

history.forward（）

history.back（）

history.go（x）x是正值向前，负值向后

10.client

对象.clientWidth可以宽度（包含padding）

11.scroll

对元素滚动的次数进行计数：

scrollTop：到顶部的距离

12.获取对象的三个方法

 1|{}

 2，Object

3、构造函数  

原型：构造函数通过原型分配的函数能够被所有的实例化对象共享

 每一个构造函数都存在一个属性叫做prototype，会指向另外一个对象，因此成为原型对象

把不变的方法，直接定义在prototype上，让所有的实例化对象共享

实例对象中，存在对象原型__proto__，指向构造函数的原型对象

例如：

Person.prototype.sing = function () {

   console.log("66667777")

原型覆盖：constructor会丢失，一定要手动追加

例如：

 Person.prototype = {

            constructor: Person,

Array： 对象用于在变量中存储多个值:

构造函数的继承

1.Son.prototype = new Father()

2.Father.prototype.getName = function () {

            return this.name

3.Father.call(this)

13.this的指向

1、全局作用域中this ,指向window

 2、函数调用中的this指向window

3、对象中的this,默认指向对象本身

箭头函数是没有this的概念的

 4、构造函数  ：指向实例化对象‘

5、事件中的this ，指向事件源

apply()\call()\bind()改变this的指向

例如：Person.apply(obj1)

        Person.call(obj1)

        console.log(Person.bind(obj))

14正则表达式

1、通过构造函数创建

let reg = new RegExp("格式字符串"，[修饰符])

 2、字面量

        /格式字符串/修饰符

分类:普通字符,特殊字符,元字符

匹配非换行符外的任意字符	.
查找数字。	\d
查找空白	\s
数字、字母、下划线	\w

限定符

*	0~n
+	1~n
？	0~1
{n}	重复n次
{n,}	>=n
{m,n}	至少出现m次，至多出现n次
便边界符	^表示开头   $表示结尾

 特殊的字符

[x-y]	表示x到y的值
x|y	表示x或者y