quirejs : http://www.requirejs.cn/

叶小钗  : http://www.cnblogs.com/yexiaochai/p/3214926.html

app.js 展示:

 //<script data-main="js/app.js" src="js/require.js"></script> 页面引入;

 requirejs.config({
baseUrl: 'js', // 所有模块的查找根路径;
paths: { // 快捷路径;
js : 'js',
logo: 'logo',
lib : 'lib'
},
shim: { // 声明依赖关系;
'jquery.fixedHead': { //插件的名字;
deps: ['jquery'], //需要加载的依赖项的数组;
exports: 'fixedHead', //自己写的小插件的别名,需要依附于Jquery;
init :function (bar) { //承接库加载后的初始工作,说白了就是处理插件没有define包成块的模块;
return this.fixedHead.noConflict();
}
}
},
map: { //用来解决同一个模块的不同版本问题;
'A': {
'jquery': 'jquery-1.6.4'
},
'B': {
'jquery': 'jquery-1.7.2'
}
},
scriptType :'text/javascript;version=1.8', //指定RequireJS将script标签插入document时所用的type=""值;
context : ['footer'] //指定要加载的一个依赖数组;
}); //常用也就这些; requirejs(['lib/jquery-1.8.3.min','logo/logo','fixed-head'],
function ($,logo) { });

logo.js 展示:

 define(['lib/head','index'],function(head,index) {   //依赖注入到模块
var headJson = head; var cssUrl = require.toUrl("../css/base.css"); //生成相对于模块的URL地址;
console.log(cssUrl); //执行这个地址;
console.log( headJson.h ); //执行lib/head.js 里的h方法; return { // 对外输出的方法;
show : function(){
alert('你就没登陆');
}
} });

requirejs 模块可以转成commonjs 模块

head.js 展示:

 define(function(require, exports, module) {

     var c = require('../common');

     console.log( c.aa() );

     return {
h : 'head.js'
} });

common.js 代码展示:

 define(function(require, exports){
exports.aa = function(){ return 'common.js'; }
});

后记:

注意初始化的 baseUrl 根目录的位置,剩下都和 sea.js差不多 还能转化成sea.js。

RequireJS - 个人小入门的更多相关文章

  1. Vue之小入门

    Vue之小入门 <div id="app">{{ greeting }}</div> <script> let oDiv = document. ...

  2. Matplotlib的小入门

    Matplotlib专门用于开发2D图表(包括3D图表),在日常数据处理中经常需要运用到它,它的用法非常多样,这里记录一些基础用法,算是一个小入门,后面如果有更复杂的画图要求,再进一步学习. 如果有需 ...

  3. RequireJs使用快速入门

    前言:Requirejs作为一个ES5环境流行的模块加载器,在很多项目中使用它.而且这个开源库任然在更新,同类产品seajs已经不更新了. ES6之后引入import 或者使用Commonjs的方式引 ...

  4. Nginx 小入门记录 之 初识Nginx和环境准备(一)

    前置知识准备: 如果还不知道服务器是干什么的,只是刚踏入程序员之路的,大家还是先学习基础,虽然以下文档很简单,但至少知道为什么要学: 一般服务器环境现在基本上都是放在Linux系统上了,如果对Linu ...

  5. 小入门 Django(做个疫情数据报告)

    Django 是 Python web框架,发音 [ˈdʒæŋɡo] ,翻译成中文叫"姜狗". 为什么要学框架?其实我们自己完全可以用 Python 代码从0到1写一个web网站, ...

  6. java小入门的感觉

    工作两三年,.NET与Java都干过,也都是应付差事,用着现有的框架,现有的规范,实现简单的功能,有余力的情况下,看看框架中的代码,欣赏一下前辈们的心血,居然在单位也算有心的了?! 最近的JAVA项目 ...

  7. flask 小入门知识点 2018.12.19

    今天听得一脸懵逼,主要因为自己英文底子太差了 不耽误时间了,少总结下,开始复习... 代码: # -*- encoding: utf-8 -*- # 导入重定向模块 , url_for简易寻址跳转,j ...

  8. 设计模式之装饰器模式io的小入门(十一)

    装饰器模式详解地址 原文总结 定义: 在不必改变原类文件和使用继承的情况下, 动态的扩展一个对象的功能. 通过创建一个包装对象, 也就是装饰来包裹真实的对象 部分详解提示 看了一些文档, 装饰器模式非 ...

  9. 轻松搞定Struts 2:三步走上手小入门

    零.Struts 2是啥? SSH.SSM.SSI如雷贯耳,Struts 2 —— 是的,就这样了... 一.Hello Struts2 1.核心包 2.struts.xml核心控制器配置 <f ...

随机推荐

  1. iframe 自适应

    <iframe src="http://www.fulibac.com" id="myiframe" scrolling="no" o ...

  2. BZOJ3174 TJOI2013 拯救小矮人 贪心、DP

    传送门 原问题等价于:先给\(n\)个人排好顺序.叠在一起,然后从顶往底能走即走,问最多能走多少人 注意到一个问题:如果存在两个人\(i,j\)满足\(a_i + b_i < a_j + b_j ...

  3. 爬虫之BS&Xpath

    BeautifulSoup 一 简介 简单来说,Beautiful Soup是python的一个库,最主要的功能是从网页抓取数据.官方解释如下: ''' Beautiful Soup提供一些简单的.p ...

  4. Epemme

    Goss wa lap tirre kamme da, Waess u'malarre zuzze nasa. Mat abbe price junirre nay, Ywe zay prolodde ...

  5. element ui 时间 date 差一天

    let BirthdayYMD = common.formatDate(this.addForm.Dendline); this.addForm.Dendline = new Date(Birthda ...

  6. (hdu) 4857 逃生 (拓扑排序+优先队列)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4857 Problem Description 糟糕的事情发生啦,现在大家都忙着逃命.但是逃命的通道很窄 ...

  7. 控制结构(3): 状态机(state machine)

    // 上一篇:卫语句(guard clause) // 下一篇:局部化(localization) 基于语言提供的基本控制结构,更好地组织和表达程序,需要良好的控制结构. 前情回顾 上次分析了guar ...

  8. redis从入门到高可用 Redis复制的原理与优化

    需要的联系我,QQ:1844912514

  9. Spring Security 无法登陆,报错:There is no PasswordEncoder mapped for the id “null”

    编写好继承了WebSecurityConfigurerAdapter类的WebSecurityConfig类后,我们需要在configure(AuthenticationManagerBuilder ...

  10. UOJ10 UTR #1 pyx的难题(堆)

    显然优先级越高完成的越早,二分答案后用堆模拟就是O(nlog2n)的.考虑去一个log.先固定特殊题的优先级为最低,模拟一遍.这样在特殊题被扔过来到T的这段时间内,如果将特殊题的优先级提高至超过这其中 ...