require学习笔记（一）
官网文档，看着有点云里雾里，我的写的文档又五花八门，好吧，我只能本身看遍各类文档，本身总结了。去粗取精的理解。javascript
1、概念，模块化的管理html
一、以module ID代替URL地址java
二、相对于baseUrl的地址来加载全部代码app
三、在<script>标签中有一个特殊属性data-main=""，requirejs使用data-main来启动js加载过程，baseUrl通常设置到与该项目属性相一致的目录。异步
<script tyoe="text/javascript" data-main="script/main.js" src="script/require.js"></script>//官方
（1）、data-main右侧的main文件能够不带有.js后缀，也能够带有.js后缀
a、demo1
文件目录：
html文件：
<!DOCTYPE html><html><headlang="en"><metacharset="UTF-8"><scriptsrc="require.js"data-main="main.js"></script><title></title></head><body></body></html>
main.js文件：
/*** Created by s9-1102 on 2015/4/30.*/require.config({paths:{app:'js/app'}})require(['app'])
app.js文件：
define(function(){alert(123);})
上述代码中，main.js文件，带与不带.js后缀都是容许结果都是同样的。
官方解释：Require默认假定的全部资源都是js文件，因此是不须要在module ID（data-main）上添加.js后缀。requirejs会在解析到module ID（data-main）内的path（paths）时自动补上后缀。
四、 data-main入口点
（1）、requirejs在加载时会检查data-main属性
（2）、能够在data-main中设置模块加载选项，加载模块。*data-main中的模块都是异步加载的。若是在页面中加载了其余模块，则不能保证页面中加载的js文件，和data-main中模块的依赖性，固然是有依赖的前提。
五、定义模块
（1）、良好的定义了一个做用域来避免全局名称空间污染。
（2）、显式地列出依赖关系
（3）、以函数参数的形式将依赖注入
（4）、容许加载多个模块，加载的顺序是不定的，可是依赖顺序是正确的。
相关文章
- 1. require学习笔记总结
- 2. 模块化工具require 学习笔记
- 3. Lua学习笔记之模块的require
- 4. 【学习笔记】Unity3d学习笔记（一）
- 5. require的学习
- 6. 学习笔记一
- 7. NodeJS学习笔记: require, exports 和 module.exports 的初印象
- 8. ES6学习笔记（二）—— 经过ES6 Module看import和require区别
- 9. angular学习笔记(三十)-指令(10)-require和controller
- 10. node学习笔记1——require参数查找策略
- 更多相关文章...
- • 您已经学习了 XML Schema，下一步学习什么呢？ - XML Schema 教程
- • 我们已经学习了 SQL，下一步学习什么呢？ - SQL 教程
- • Tomcat学习笔记（史上最全tomcat学习笔记）
- • Kotlin学习（一）基本语法
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
欢迎关注本站公众号,获取更多信息
