事件绑定、事件监听、事件委托

在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定、事件监听、事件委托(事件代理)等。这些名词是什么意思呢,有什么作用呢?


事件绑定

要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称。

在JavaScript中,有三种常用的绑定事件的方法:

  • 在DOM元素中直接绑定;
  • 在JavaScript代码中绑定;
  • 绑定事件监听函数。

    more >>

深入了解JavaScript,从作用域链开始(1)

地址:http://blog.xieliqun.com/2016/10/05/scope-chain/

作用域是每种计算机语言最重要的基础之一,当然它也是JavaScript最重要的概念之一。要想真正的深入了解JavaScript,了解JavaScript的作用域链非常必要。现在让我们深入了解JavaScript作用域和作用域链的工作原理。


JavaScript的作用域是什么

作用域,在维基百科上解释是:在电脑程序设计中,作用域(scope,或译作有效范围)是名字(name)与实体(entity)的绑定(binding)保持有效的那部分计算机程序。
简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。在JavaScript中,变量的作用域有全局作用域和局部作用域两种,局部作用域又称为函数作用域。

全局作用域

在代码中任何地方都能访问到的对象拥有全局作用域,一般来说以下几种情形拥有全局作用域:

more >>

React学习资源汇总

博客地址:http://blog.xieliqun.com/2016/11/05/react-study/

React是如今最热门的前端框架,它设计思路独特,性能卓越,逻辑简单,受到了广泛开发者的喜爱。一旦接触她,你就会被她深深吸引。
我断断续续的学了将近两个月,今天终于有时间把自己学习React的一些学习资料总结一下。

React 官方

设计思想

学习React之前,我们先了解一下它的设计思想,它与如今其他热门的前端框架有什么不同?它能为我们的开发解决哪些痛点?

  1. React 设计思想
  2. React的设计哲学 - 简单之美
  3. 颠覆式前端UI开发框架:React

    more >>

JS的原型和原型链

地址:http://blog.xieliqun.com/2016/08/20/prototype/

在JavaScript的使用过程中,我们经常会遇到prototype,可能了解一点,它是一个对象的原型,用来做原型继承的。这样去理解就有点不准确了,今天就让我们深入的去了解它。

了解一些概念

在读这篇文章之前,你应该去在自己的脑海问几个问题:
1、什么是原型?
2、什么事原型链?
3、prototype与__proto__有什么不同,有什么联系?
4、constructor与面两个有什么联系,怎么用?

如果你把上面这四个问题都解决了,那你就真正了解了JS的原型和原型链。接下来,咱们一个一个问题去解决。

more >>

Arguments对象作用深度研究

地址:http://blog.xieliqun.com/2016/08/14/arguments/

每个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式”[]”引用arguments的元素。arguments.length为函数实参个数,arguments.callee引用函数自身。


Arguments对象介绍

Arguments对象是一个伪数组对象,它有length属性,可以arguments[i]来访问对象中的元素,但它不能用数组的一些方法,例如push,pop,slice等。

Arguments的length属性

Arguments的length属性,表示function函数实际所传参数的个数。函数名点length可以获取函数期望的传参个数。

more >>