2021/1/17-每日三题第24弹：我觉得OK ？你知道 new 操作符具体干了什么吗？？？-CSDN博客

本文链接：https://blog.csdn.net/weixin_44586544/article/details/112756582

前言：

朋友们好啊，今天又是一波神回复啊 😁😁😁 ！！！

暗恋一个人什么感觉？

神回复：看到一个满格的Wi-Fi信号，却不知道密码。

我们这一代太难了。

神回复：那让你在历史上任选一代？

可以穿龙袍参加高考吗？

神回复：当然不行！龙袍主要用金线、银线点缀，你过不了安检扫描的！

每日三题

好了，话不多说，上题目！！！😍😍😍

题目：

(题目1) 说一下事件模型？

(题目2) 说一下 new 操作符具体干了什么呢？

(题目3) 谈谈你对 Ajax 原理的理解？

倒计时10min，开始计时，看看自己能做对几道题😎😎😎？参考解析在下面，但不要直接看解析哦，这样子没什么效果的！！！

每日三题

参考解析：

题目1：

1.W3C 中定义事件的发⽣经历三个阶段：捕获阶段（ capturing ）、⽬标阶段
（ targetin ）、冒泡阶段（ bubbling ）
2.冒泡型事件：当你使⽤事件冒泡时，⼦级元素先触发，⽗级元素后触发
3.捕获型事件：当你使⽤事件捕获时，⽗级元素先触发，⼦级元素后触发
4.DOM 事件流：同时⽀持两种事件模型：捕获型事件和冒泡型事件
5.阻⽌冒泡：在 W3c 中，使⽤ stopPropagation() ⽅法；在IE下设置 cancelBubble =
  true
6.阻⽌捕获：阻⽌事件的默认⾏为，例如 click - <a> 后的跳转。在 W3c 中，使⽤
  preventDefault() ⽅法，在 IE 下设置 window.event.returnValue = false

题目2：

1.创建⼀个空对象，并且 this 变量引⽤该对象，同时还继承了该函数的原型
2.属性和⽅法被加⼊到 this 引⽤的对象中
3.新创建的对象由 this 所引⽤，并且最后隐式的返回 this

题目3：

1.Ajax 的原理简单来说是在⽤户和服务器之间加了—个中间层( AJAX 引擎)，通过
  XmlHttpRequest 对象来向服务器发异步请求，从服务器获得数据，然后⽤ javascript
  来操作 DOM ⽽更新⻚⾯。使⽤户操作与服务器响应异步化。这其中最关键的⼀步就是从服
  务器获得请求数据
2.Ajax 的过程只涉及 JavaScript 、 XMLHttpRequest 和 DOM 。 XMLHttpRequest 是
  ajax的核⼼机制
3.
/** 1. 创建连接 **/
var xhr = null;
xhr = new XMLHttpRequest()
/** 2. 连接服务器 **/
xhr.open('get', url, true)
/** 3. 发送请求 **/
xhr.send(null);
/** 4. 接受请求 **/
xhr.onreadystatechange = function(){
	if(xhr.readyState == 4){
		if(xhr.status == 200){
			success(xhr.responseText);
		  } else {
		/** false **/
		fail && fail(xhr.status);
	}
  }
}
4.
优点：
	1）通过异步模式，提升了⽤户体验.
	2）优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占⽤.
	3) Ajax 在客户端运⾏，承担了⼀部分本来由服务器承担的⼯作，减少了⼤⽤户量下的服
       务器负载。
	4）Ajax 可以实现动态不刷新（局部刷新）
缺点：
	1）安全问题，AJAX 暴露了与服务器交互的细节。
	2）对搜索引擎的⽀持⽐较弱。
	3）不容易调试。