读书人

RequireJS入门(3)

发布时间: 2012-08-08 14:32:45 作者: rapoo

RequireJS入门(三)

这篇来写一个具有依赖的事件模块event。event提供三个方法bind、unbind、trigger来管理DOM元素事件。

event依赖于cache模块,cache模块类似于jQuery的$.data方法。提供了set、get、remove等方法用来管理存放在DOM元素上的数据。

示例实现功能:为页面上所有的段落P元素添加一个点击事件,响应函数会弹出P元素的innerHTML。

?

创建的目录如下

RequireJS入门(3)

为了获取元素,用到了上一篇写的selector.js。不在贴其代码。

?

index.html 如下

?

cache.js 如下

?

我们看到当selector.js和event.js下载后,event.js依赖的cache.js也被自动下载了。这时点击页面上各个P元素,会弹出对应的innerHTML。如下

RequireJS入门(3)

?

总结:
当一个模块依赖(a)于另一个模块(b)时,定义该模块时的第一个参数为数组,数组中的模块名(字符串类型)就是它所依赖的模块。
当有多个依赖模时,须注意回调函数的形参顺序得和数组元素一一对应。此时requirejs会自动识别依赖,且把它们都下载下来后再进行回调。

?

?

读书人网 >JavaScript

热点推荐