js模块化编程
南神
这个作者很懒,什么都没留下…
展开
-
RequireJS入门(一)
RequireJS由James Burke创建,他也是AMD规范的创始人。 RequireJS会让你以不同于往常的方式去写JavaScript。你将不再使用script标签在HTML中引入JS文件,以及不用通过script标签顺序去管理依赖关系。 当然也不会有阻塞(blocking)的情况发生。好,以一个简单示例开始。 新建一个目录,结构如下 目录r1下有ind转载 2015-05-10 12:28:57 · 397 阅读 · 0 评论 -
RequireJS入门(三)
这篇来写一个具有依赖的事件模块event。event提供三个方法bind、unbind、trigger来管理DOM元素事件。 event依赖于cache模块,cache模块类似于jQuery的$.data方法。提供了set、get、remove等方法用来管理存放在DOM元素上的数据。 示例实现功能:为页面上所有的段落P元素添加一个点击事件,响应函数会弹出P元素的innerHTML。 创转载 2015-05-10 13:11:15 · 315 阅读 · 0 评论 -
RequireJS进阶(三)
Snandy Stop, thinking is the essence of progress. RequireJS进阶(三) 进阶的前面两篇讲述了r.js如何通过命令行把所有的模块压缩为一个js文件或把所有的css压缩为一个css文件。其中包括一些压缩配置参数的使用。 但以上两种方式有几个问题 1、通过命令手动配置压缩选项显得很呆板 2、都仅合并为一个文件转载 2015-05-10 13:32:34 · 333 阅读 · 0 评论 -
RequireJS 2.0 正式发布
就在前天晚上RequireJS发布了一个大版本,直接从version1.0.8升级到了2.0。随后的几小时James Burke又迅速的将版本调整为2.0.1,当然其配套的打包压缩工具r.js也同时升级到了2.0.1。此次变化较大,代码也进行了重构,层次更清晰可读。功能上主要变化如下: 1,延迟模块的执行。 这是一个很大变化,以前模块加载后factory立马执行。性能上肯定有一些损耗转载 2015-05-10 13:15:27 · 399 阅读 · 0 评论 -
RequireJS和Backbone的集成
有朋友留言RequireJS如何与Backbone集合使用。 这两个轻量级的库合起来使用确实能够方便的构建大型应用程序。RequireJS填补了前端模块化开发的空缺,Backbone采用MVC的分层结构很好的将程序各个部分解耦。 Backbone目前不支持AMD(曾经支持过),那么它只能作为普通的JS文件使用。它全局的标示符是Backbone,它还依赖于underscore,unders转载 2015-05-10 13:32:11 · 427 阅读 · 0 评论 -
AMD规范
七、模块的规范 先想一想,为什么模块很重要? 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模块现在还没有官方规范,这一点就更重要了。 目前,通行的Javascript模块规范共有两种:CommonJS和AMD。我主要介绍AM转载 2015-05-10 12:08:51 · 380 阅读 · 0 评论 -
RequireJS入门(二)
上一篇是把整个jQuery库作为一个模块。这篇来写一个自己的模块:选择器。 为演示方便这里仅实现常用的三种选择器id,className,attribute。RequireJS使用define来定义模块。 新建目录结构如下 这次新建了一个子目录js,把main.js和selctor.js放入其中,require.js仍然和index.html在同一级目录。 HTML 如下转载 2015-05-10 13:06:43 · 375 阅读 · 0 评论 -
RequireJS进阶(二)
这一篇来认识下打包工具的paths参数,在入门一中就介绍了require.config方法的paths参数。用来配置jquery模块的文件名(jQuery作为AMD模块时id为“jquery”,但文件名可通过paths配置可以不必是“jquery.js”,而是带有版本的如“jquery-1.7.2.js”)。 在入门一中,jquery-1.7.2.js和main.js都在一个域中,即把jq转载 2015-05-10 13:30:54 · 271 阅读 · 0 评论