RequireJS - 个人小入门
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 - 个人小入门的更多相关文章
- Vue之小入门
Vue之小入门 <div id="app">{{ greeting }}</div> <script> let oDiv = document. ...
- Matplotlib的小入门
Matplotlib专门用于开发2D图表(包括3D图表),在日常数据处理中经常需要运用到它,它的用法非常多样,这里记录一些基础用法,算是一个小入门,后面如果有更复杂的画图要求,再进一步学习. 如果有需 ...
- RequireJs使用快速入门
前言:Requirejs作为一个ES5环境流行的模块加载器,在很多项目中使用它.而且这个开源库任然在更新,同类产品seajs已经不更新了. ES6之后引入import 或者使用Commonjs的方式引 ...
- Nginx 小入门记录 之 初识Nginx和环境准备(一)
前置知识准备: 如果还不知道服务器是干什么的,只是刚踏入程序员之路的,大家还是先学习基础,虽然以下文档很简单,但至少知道为什么要学: 一般服务器环境现在基本上都是放在Linux系统上了,如果对Linu ...
- 小入门 Django(做个疫情数据报告)
Django 是 Python web框架,发音 [ˈdʒæŋɡo] ,翻译成中文叫"姜狗". 为什么要学框架?其实我们自己完全可以用 Python 代码从0到1写一个web网站, ...
- java小入门的感觉
工作两三年,.NET与Java都干过,也都是应付差事,用着现有的框架,现有的规范,实现简单的功能,有余力的情况下,看看框架中的代码,欣赏一下前辈们的心血,居然在单位也算有心的了?! 最近的JAVA项目 ...
- flask 小入门知识点 2018.12.19
今天听得一脸懵逼,主要因为自己英文底子太差了 不耽误时间了,少总结下,开始复习... 代码: # -*- encoding: utf-8 -*- # 导入重定向模块 , url_for简易寻址跳转,j ...
- 设计模式之装饰器模式io的小入门(十一)
装饰器模式详解地址 原文总结 定义: 在不必改变原类文件和使用继承的情况下, 动态的扩展一个对象的功能. 通过创建一个包装对象, 也就是装饰来包裹真实的对象 部分详解提示 看了一些文档, 装饰器模式非 ...
- 轻松搞定Struts 2:三步走上手小入门
零.Struts 2是啥? SSH.SSM.SSI如雷贯耳,Struts 2 —— 是的,就这样了... 一.Hello Struts2 1.核心包 2.struts.xml核心控制器配置 <f ...
随机推荐
- iframe 自适应
<iframe src="http://www.fulibac.com" id="myiframe" scrolling="no" o ...
- BZOJ3174 TJOI2013 拯救小矮人 贪心、DP
传送门 原问题等价于:先给\(n\)个人排好顺序.叠在一起,然后从顶往底能走即走,问最多能走多少人 注意到一个问题:如果存在两个人\(i,j\)满足\(a_i + b_i < a_j + b_j ...
- 爬虫之BS&Xpath
BeautifulSoup 一 简介 简单来说,Beautiful Soup是python的一个库,最主要的功能是从网页抓取数据.官方解释如下: ''' Beautiful Soup提供一些简单的.p ...
- Epemme
Goss wa lap tirre kamme da, Waess u'malarre zuzze nasa. Mat abbe price junirre nay, Ywe zay prolodde ...
- element ui 时间 date 差一天
let BirthdayYMD = common.formatDate(this.addForm.Dendline); this.addForm.Dendline = new Date(Birthda ...
- (hdu) 4857 逃生 (拓扑排序+优先队列)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4857 Problem Description 糟糕的事情发生啦,现在大家都忙着逃命.但是逃命的通道很窄 ...
- 控制结构(3): 状态机(state machine)
// 上一篇:卫语句(guard clause) // 下一篇:局部化(localization) 基于语言提供的基本控制结构,更好地组织和表达程序,需要良好的控制结构. 前情回顾 上次分析了guar ...
- redis从入门到高可用 Redis复制的原理与优化
需要的联系我,QQ:1844912514
- Spring Security 无法登陆,报错:There is no PasswordEncoder mapped for the id “null”
编写好继承了WebSecurityConfigurerAdapter类的WebSecurityConfig类后,我们需要在configure(AuthenticationManagerBuilder ...
- UOJ10 UTR #1 pyx的难题(堆)
显然优先级越高完成的越早,二分答案后用堆模拟就是O(nlog2n)的.考虑去一个log.先固定特殊题的优先级为最低,模拟一遍.这样在特殊题被扔过来到T的这段时间内,如果将特殊题的优先级提高至超过这其中 ...