Require.JS学习

Require.JS学习

首先得把下载好的require.js文件链接到html文档中:

  1. <script src="require.js" data-main="main"></script>

require.js加载完成后会到页面上查找script[data-main]的值,找到之后会加载data-main指定的js文件,main是入口文件 main.js可以省略.js后缀名

main.js

  1. console.log('main loading')
  2. // 同时加载js1/和js2文件也可以加载更多的js文件
  3. // 脚本加载完成后 会调用第二参数指定的回调函数
  4. // require.js会自动在head标签中注入script标签
  5. // require.js添加script标签带有async属性 
  6. // async属性会使浏览器同时开始异步js
  7. // 使用require.js可以很方便的的导入js文件 但是需要解决js文件中
  8. // 变量名 方法名与其他js文件中变量名方法名冲突的问题
  9. // 造成这个问题的原因
  10. // 浏览器端js存在共用的全局作用域 全局变量 方法名 有可能被覆盖掉
  11. // NodeJS中每一个js文件都是一个独立作用域 不存在共用的全局作用域
  12. // NodeJS的js文件是相互隔离的 js文件之间只能通过模块导出的方法相互使用
  13. require(['js1','js2','js3'],function(){
  14.      console.log('js/1,2,3已经加载完毕')
  15. var total = number1 + number2 + number3
  16.      console.log(total)
  17.      hello()
  18.      hello2()
  19.      hello3()
  20. })
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇