博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
RequireJS实例
阅读量:4287 次
发布时间:2019-05-27

本文共 552 字,大约阅读时间需要 1 分钟。

一、使用data-main加载主文件

目录结构

引用代码:

app.js代码:

console.info('app.js开始执行');console.info(require);
执行结果:

二、使用初始化配置和指定id加载js实例

加载顺序如下:

三、使用RequireJS构建模块实例

创建模块color.js定义颜色

//定义全局颜色define('color', function() {    return {    	color:'red',    	bgColor:'#efefef'    };});

创建style.js定义设置样式

//使用RequireJS定义模块,指定依赖define('style',['color','jquery'],function(color,$){    return {    	init:function(){    		$(document.body).css({    			color:color.color,    			background:color.bgColor    		});    	}    };});

创建require3.html 显示Demo

	
Document

App首页

更多:

更多实例:

你可能感兴趣的文章
linux 安装zookeeper集群
查看>>
RocketMq单机安装(Windows)
查看>>
Windows 上安装 MySQL
查看>>
eclipse 的mybatis中mapper.xml文件标签没有提示的解决方法
查看>>
linux 上一主两从mysql集群中某台数据库宕机解决方法
查看>>
大牛面试指南
查看>>
android入门(一)---UI组件之文本框(TextView)
查看>>
演示动画怎么实现的
查看>>
android入门---Activity组件.活动(一)
查看>>
Android入门---GridView组件
查看>>
获取apk文件上的精美图片素材
查看>>
JAVA中文乱码解决方法
查看>>
端口号占用问题 serveral ports(8080,8009) are already in use
查看>>
浅析JAVA的抽象和接口
查看>>
SeekBar控件入门
查看>>
SharedPreference存储实战之记住登陆账号密码
查看>>
如何在项目的任何地方轻松获取到全局状态信息Context
查看>>
ListView控件性能提升
查看>>
android下拉刷新功能---教你实现简单的ListView下拉刷新
查看>>
ListView分页展示数据功能一(按钮方式)
查看>>