编程小渣渣的进阶之路

this对象是js中比较常用的一种对象，this对象是基于函数运行时的环境绑定的。即谁调用了这个函数，this就指向谁。this指向的不是存储在实例中的值，而是这个实例本身 在全局作用域中，this指向window，这时的this和window是等价的 作为对象函数时，this指向这个对象本身 在es6中，箭头函数运用的比较频繁，但是箭头函数没有this对象，所以箭头函数的this就是外层代...

总所周知，JS和HTML之间的交互是通过事件实现的，交互过程中会产生许多事件，而从页面上接收事件的顺序就是事件流。事件流分为IE的事件冒泡流和Netscape的事件捕获流 事件冒泡流 这是指IE的事件流，即事件开始时由最具体的元素接收，然后逐级向上传播到文档节点。所有的浏览器都在支持事件冒泡。但是IE5.5及之下会跳过HTML元素，而IE9及通用浏览器会一直冒泡到window对象。即是一种由内...

上一篇文章我们了解了事件流是什么，等于我们了解了链条是什么，这一篇文章我们来看看什么是事件对象。事件对象即在触发DOM产生的一个事件对象event。这个对象包含所有与事件有关的信息，包括事件的元素、事件的类型以及其他与特定事件相关的信息。所有浏览器都支持event对象 DOM中的事件对象 event对象有关的属性和方法： 属性/方法 类型 读/写 说明 bubbles ...

在了解完事件流和事件对象之后，我们来看事件三剑客的最后一客：事件处理程序。在事件被用户触发之后，都有一个相应这个操作的处理函数，这个函数就叫做事件处理器（事件侦听器） HTML事件处理程序 在定义的时候不能使用未经定义的HTML转义的HTML字符。在处理过程中，首先创建一个封装元素属性值的函数，这个函数中有一个局部变量event,就是事件对象，同个这个变量，可以直接访问事件本身。 DOM0级...

UI事件 ui事件是指不一定与用户操作有关的事件。 load：页面完全加载后在window上面触发。<object> unload：页面完全卸载之后window上面触发。<object> abort：用户停止下载过程时，如果嵌入的内容没有加载完，<object> error：当JS错误时，在window上面触发...

我们都知道，在JS中，添加到页面上的处理程序数量将直接影响到整体运行性能。因为事件的运行会一直占用内存，因此当事件的数量达到一定的程度之后，就会严重影响程序的性能，一种提升性能的方式就是使用事件委托 事件委托利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。适合使用事件委托的事件有click、mousedown、mouseup、keydown、keyup、和keypress ...