做怎么网站收费,wordpress支持的数据量,企业网站产品优化怎么做,dplayer wordpress一、什么是事件代理
事件代理#xff08;Event Delegation #xff09;#xff0c;又称事件委托。是JavaScript中常用的绑定事件的技巧。顾名思义#xff0c;事件代理就是将原本要绑定的事件委托给父元素#xff0c;让父元素担当事件监听的职务。原理就是DOM元素的事件冒…一、什么是事件代理
事件代理Event Delegation 又称事件委托。是JavaScript中常用的绑定事件的技巧。顾名思义事件代理就是将原本要绑定的事件委托给父元素让父元素担当事件监听的职务。原理就是DOM元素的事件冒泡机制
使用事件代理的好处就是可以提高性能、节省内存例如table中代理所有对td的click事件将原本需要绑定的n个事件减少为1个
事件代理可以让新增的子元素也绑定事件
二、事件模型
W3C 中定义事件的发⽣经历三个阶段捕获阶段 capturing 、⽬标阶段 targetin 、冒泡阶段 bubbling
冒泡型事件当你使⽤事件冒泡时⼦级元素先触发⽗级元素后触发 捕获型事件当你使⽤事件捕获时⽗级元素先触发⼦级元素后触发 DOM 事件流同时⽀持两种事件模型捕获型事件和冒泡型事件 阻⽌冒泡在 W3c 中使⽤ stopPropagation() ⽅法在IE下设置 cancelBubble true 阻⽌捕获阻⽌事件的默认⾏为例如 click - a 后的跳转。在 W3c 中使⽤ preventDefault() ⽅法在 IE 下设置window.event.returnValue false 三、new操作符具体⼲了什么呢? 在内存中堆创建⼀个空对象并且 this 变量引⽤该对象同时还继承了该函数的原型 属性和⽅法被加⼊到 this 引⽤的对象中 新创建的对象由 this 所引⽤并且最后隐式的返回 this 四、Ajax原理 Ajax 的原理简单来说是在⽤户和服务器之间加了—个中间层( AJAX 引擎)通过 XmlHttpRequest 对象来向服务器发异步请求从服务器获得数据然后⽤ javascript来操作 DOM ⽽更新⻚⾯。使⽤户操作与服务器响应异步化。这其中最关键的⼀步就是从服 务器获得请求数据 Ajax 的过程只涉及 JavaScript 、 XMLHttpRequest 和 DOM 。 XMLHttpRequest 是 Ajax的核⼼机制 /** 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);
}
}
} ajax 有那些优缺点? 优点 通过异步模式提升了⽤户体验. 优化了浏览器和服务器之间的传输减少不必要的数据往返减少了带宽占⽤. Ajax 在客户端运⾏承担了⼀部分本来由服务器承担的⼯作减少了⼤⽤户量下的服 务器负载。 Ajax 可以实现动态不刷新局部刷新 缺点 安全问题 AJAX 暴露了与服务器交互的细节。 对搜索引擎的⽀持⽐较弱。 不容易调试。 五、XML和JSON的区别 数据体积⽅⾯ JSON 相对 于 XML 来讲数据的体积⼩传递的速度更快些。 数据交互⽅⾯ JSON 与 JavaScript 的交互更加⽅便更容易解析处理更好的数据交互 数据描述⽅⾯ JSON 对数据的描述性⽐ XML 较差 传输速度⽅⾯ JSON 的速度要远远快于 XML