RequireJS
关注
分享
扫一扫
wjxbj
这个作者很懒，什么都没留下…
展开
-
RequireJS入门（一）
RequireJS由James Burke创建，他也是AMD规范的创始人。 RequireJS会让你以不同于往常的方式去写JavaScript。你将不再使用script标签在HTML中引入JS文件，以及不用通过script标签顺序去管理依赖关系。 当然也不会有阻塞（blocking）的情况发生。好，以一个简单示例开始。 新建...2014-09-03 22:49:30 · 113 阅读 · 0 评论 -
RequireJS实例
RequireJS实例2014-09-07 23:25:02 · 78 阅读 · 0 评论 -
RequireJS实例
RequireJS实例2014-09-07 23:24:43 · 95 阅读 · 0 评论 -
AngularJS与RequireJS集成
RequireJS允许你定义和管理JS文件之间的依赖关系，把这些工作变成了一个简单的构建过程。利用这些异步加载管理工具，可以保证在代码执行之前所有依赖的东西就已经被加载好了——专注于开发实际的应用功能从来没有如此简单过。 AngularJS能够很好地与RequireJS（http://www.requirejs.org/）配合使用，这使得我们可以同时拥有两种组...2014-09-07 23:23:20 · 206 阅读 · 0 评论 -
RequireJS进阶（三）
进阶的前面两篇讲述了r.js如何通过命令行把所有的模块压缩为一个js文件或把所有的css压缩为一个css文件。其中包括一些压缩配置参数的使用。 但以上两种方式有几个问题： 1.通过命令手动配置压缩选项显得很呆板 2.都仅合并为一个文件 对于最后只生成一个文件的库来说，这种方式并无不妥。比如jQuery，它的工程中小文件有20多个，打包后只...2014-09-06 22:24:20 · 144 阅读 · 0 评论 -
RequireJS进阶（二）
这一篇来认识下打包工具的paths参数，在入门一中就介绍了require.config方法的paths参数。用来配置jquery模块的文件名（jQuery作为AMD模块时id为“jquery”，但文件名可通过paths配置可以不必是“jquery.js”，而是带有版本的如“jquery-1.7.2.js”）。 在入门一中，jquery-1.7.2.js和mai...2014-09-05 23:29:52 · 127 阅读 · 0 评论 -
RequireJS进阶（一）
为了应对日益复杂，大规模的JavaScript开发。我们化整为零，化繁为简。将复杂的逻辑划分一个个小单元，各个击破。这时一个项目可能会有几十个甚至上百个JS文件，每个文件为一个模块单元。如果上线时都是这些小文件，那将对性能造成一定影响。 RequireJS提供了一个打包压缩工具r.js来对模块进行合并压缩。r.js非常强大，不但可以压缩js，css，甚至可以对...2014-09-05 23:29:27 · 160 阅读 · 0 评论 -
RequireJS 2.0
RequireJS 2.0较1.x版本变化较大，代码也进行了重构，层次更清晰可读。功能上主要变化如下： 1.延迟模块的执行 这是一个很大变化，以前模块加载后factory立马执行。性能上肯定有一些损耗。2.0修改实现，再没人诟病AMD的模块是立即执行的。现在也可以等到require的时候才执行。 2.config增加了shim，map，module，enforceD...2014-09-05 23:29:04 · 100 阅读 · 0 评论 -
RequireJS入门（三）
这篇来写一个具有依赖的事件模块event。event提供三个方法bind、unbind、trigger来管理DOM元素事件。 event依赖于cache模块，cache模块类似于jQuery的$.data方法。提供了set、get、remove等方法用来管理存放在DOM元素上的数据。 示例实现功能：为页面上所有的段落P元素添加一个点击事件，响...2014-09-05 23:28:39 · 130 阅读 · 0 评论 -
RequireJS入门（二）
上一篇是把整个jQuery库作为一个模块。这篇来写一个自己的模块：选择器。 为演示方便这里仅实现常用的三种选择器id，className，attribute。RequireJS使用define来定义模块。 目录结构如下： 新建了一个子目录js，把main.js和selctor.js放入其中，require.js仍然和in...2014-09-05 23:28:07 · 159 阅读 · 0 评论 -
seajs官方小实例
一.目录结构 二.代码 hello.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Hello Sea.js</title> <link rel="stylesheet" href=&原创 2015-11-27 21:17:24 · 218 阅读 · 0 评论