require.js简介
来源:互联网 发布:服务器打开8080端口 编辑:程序博客网 时间:2024/06/01 21:16
require
项目中大都使用模块化开发,requireJS作为AMD模块开发的典范,所以有必要学习下。通过一步步利用requireJS编写demo,从而学习requireJS的一个整体开发流程以及自我使用requireJS的一些感受。
创建HTML文件
创建一个HTML文件后,导入requireJS肯定是使用<script>标签的,这个毫无疑问。然后在这个标签中有个data-main属性,它的作用呢是作为一个出入口,就是说在加载requireJS后,从data-main这个属性进入。
<!DOCTYPE html> <head> <title>require</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> </head> <body> <!--这是requireJS,data-main是作为入口模块,在这里就是js/main--> <script data-main="js/main" src="js/require.js"></script> </body></html>
data-main
当程序执行<script data-main=’js/main’ src=’js/require.js’></script>后,通过data-main进入main.js,去执行main.js
/* require.config执行baseUrl为'js', baseUrl指的模块文件的根目录,可以是绝对路径或相对路径*/require.config({ baseUrl: 'js', paths: { jquery: 'jquery-1.8.2.min' }});/* 这里通过require,来引入monkey.js, 然后通过后面的匿名函数给他们分配参数,如这里的 monkey-->mk*/require(['monkey'],function(mk) { mk.init(); });
从上面代码中,可以看见main.js中包含require.config和require两个模块。require.config的作用就是配置requireJS的一些参数,然后公共引用。例如,上面的baseUrl,它的作用就是,以它作为基础路径,在这个路径之下,查找文件。我是将所有.js文件都放在js文件夹下的。所以,在配置这个属性后,以后的文件都是在js这个路径下查找内容了。require的作用就是执行。比如这里我只需要monkey.js去执行,所以我就导入了monkey,然后通过mk参数,获得monkey执行后的返回值。如果有返回值,然后我们就可以对mk做相应的处理了。
/* define的参数为匿名函数,该匿名函数返回一个对象*/define(['jquery'],function($){ var init = function(){ console.log($.browser); }; return { init: init };});
阅读全文
0 0
- Require.Js简介
- require.js简介
- require.js用法简介
- Require js 简介(一)
- JS模块化编程require.js简介
- require.js
- require.js
- require.js
- require.js
- Require.js
- require.js
- Require.js
- require.js
- [require.js]初识require.js
- require.js入门简介——和派孔明
- JS-require.js
- JS-require.js
- require.js入门教程
- 技术就能成就梦想?没有品牌效应能行的通吗?
- application/x-www-form-urlencoded
- 什么是驱动模块?什么是桩模块?
- JavaScript中的this
- 从输入URL到浏览器显示页面,后台发生了什么?
- require.js简介
- 一个c++实现的链表,如下:
- Java中hashCode的作用
- POJ 2387 Til the Cows Come Home(最短路径)
- Android架构设计之内需为主原则
- 任正非:我的父亲母亲
- 【leetcode】4. Median of Two Sorted Arrays
- 如何构建项目绩效管理体系
- ibatis 中isNull, isNotNull与isEmpty, isNotEmpty区别