requirejs(模块化)
2024-09-07 01:57:45
<script src="../../dist/js/require.js" data-main="../../dist/js/main.js"></script>
main.js:
requirejs.config({
paths: {
jquery: 'plugins/jQuery/jquery-2.2.3.min',
icheck: 'plugins/iCheck/icheck.min'
}
});
requirejs(['jquery','icheck'],function($) {
$('.checkLine').iCheck({
checkboxClass: 'icheckbox_flat-blue',
radioClass: 'icheckbox_flat-blue',
});
});
require.config({
baseUrl: "js/lib",改变基目录
paths: {
"jquery": "jquery.min",
"underscore": "underscore.min",
"backbone": "backbone.min"
}
});
http://www.ruanyifeng.com/blog/2012/11/require_js.html
http://www.requirejs.cn/
https://gitee.com/qiaozh/codes/coamv6il59gw3n0kp421x49
所谓的模块化:将一个个函数封装在一个对象里,再将该对象赋值给一个全局变量
(function($){
var courseObj = {
name:'笑话',
set:function(){
},
openCourseBook:function(){
},
printCourse:function(){
}
};
window.courseService = courseObj;
})(jQuery || {})
或
var courseService = (function($){
var courseObj = {
name:'笑话',
set:function(){
},
openCourseBook:function(){
},
printCourse:function(){
}
};
return courseObj;
})(jQuery || {})
当出现依赖关系:(缺陷:引入时被调用的需要放在前面)
<script src="./courseSkin.js"></script>
<script src="./courseTable.js"></script>
courseSkin.js:
(function($){
var skin = {
name:'ccc',
get:function(){
alert(this.name);
}
};
window.courseSkin = skin;
})(jQuery || {})
courseTable.js:
(function($,courseSkin){
var courseObj = {
name:'笑话',
set:function(){
alert(this.name);
},
openCourseBook:function(){
courseSkin.get();//调用courseSkin
},
printCourse:function(){
alert("printCourse");
}
};
window.courseService = courseObj;
})(jQuery || { },courseSkin)
最新文章
- MySQL动态游标
- Java程序,基本数据类型、、数据类型转换、变量和常量、常用运算符
- Asp.net Mvc中利用ValidationAttribute实现xss过滤
- RMAN的入门篇
- FileMode文件模式
- Getting Started with Mongoose and Node.js – A Sample Comments System | Dev Notes
- 使用java解析和制作二维码
- [原创]dm642_HPI调通并boot成功
- MVC数据验证使用小结
- java Quartz定时器任务与Spring task定时的几种实现,
- PHP连接LDAP进行登录验证
- Scrapy爬虫框架第八讲【项目实战篇:知乎用户信息抓取】--本文参考静觅博主所写
- springboot源码分析-SpringApplication
- SpringCloud注解和配置以及pom依赖说明
- 【Spark调优】数据倾斜及排查
- [转]Oh My Zsh,安装,主题配置
- springboot-18-springboot的参数封装
- Linux学习之常用命令(二)
- javascript中所谓的“坑”收录
- HDU 3861 The King’s Problem(强连通+二分图最小路径覆盖)
热门文章
- Linux: Start and Enable firewall
- Rsync命令的使用
- 解决华为手机不出现logcat日志的问题
- (WIP) DPDK理论学习(by quqi99)
- MongoDB使用初步
- mysql20170410练习代码+笔记
- Kubernetes——自动扩展容器!假设你突然需要增加你的应用;你只需要告诉deployment一个新的 pod 副本总数即可
- http协议的MP4文件播放问题的分析
- compileSdkVersion, minSdkVersion 和 targetSdkVersion的选择(copy)
- [App Store Connect帮助]三、管理 App 和版本(2.1)输入 App 信息:查看和编辑 App 信息