前端必须要了解的一些知识 (六)

 

DOM事件的级别

DOM0

element.οnclick=function(){}

DOM1

未制定事件相关的标准

 

DOM2

element.add('click',fn,false)/ie . atench

DOM3

el.add('keyup',fn,false)增加了其他事件除了click

 

DOM事件的模型：捕获和冒泡

 

 

DOM事件流

三个j阶段

捕获 。 目标阶段 。 冒泡阶段

 

 

事件捕获的具体流程

window=>document=>html=>body=>.....目标

冒泡则相反

 

event对象的常见应用

event.preventDefalut . 阻止默认行为

event.stopPropagation . 阻止冒泡

event.stoplmmediatePropagation . 事件响应优先级

事件代理

event.currentTarget 当前绑定的事件的对象

event.target 返回触发事件的元素

 

currentTarget在事件流的捕获，冒泡阶段。只有当事件流处在冒泡阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，

target指向被单击的对象

currentTarget指向当前事件活动的对象（一般为父级）。

 

 

自定义事件

let eve = new Event('eveName')/new CustomEvent可以加参数Obj

//注册

ev.addEventListener('eveName',fn)

//触发

ev.dispatchEvent(eve)

-----

http协议包括 ：通用头域、请求消息、响应消息和主体信息。

特点

简单快速

每个资源得url是固定得

灵活

 

无连接

连接一次就会断掉

无状态

服务端不记录客户端连接得身份

 

报文得组成部分

请求报文

请求行

http方法

页面地址

http协议以及http版本

请求头

key value值告诉服务端我要哪些内容

空行

隔断

请求体

数据

响应报文

状态行

协议 状态吗

响应头

key value

空行

隔断

相应体

数据

http方法

get 获取资源

post 传输资源

put 更新资源

delete 删除资源

HEAD 获取报文首部

POST和GET区别（记住以下三个以上1，3，4，6，9）

 

HTTP状态码

 

 

持久链接

http1.1版本支持

管线化

 

管线化得特点和原理

请求和响应打包返回

持续连接完成后进行的且需要1.1版本的支持

管线化只有get和head可以进行 post有限制

管线化默认chrome和firefox默认不开启，初次连接的时候可能不支持，需要服务端的支持