require.js 使用

时间 2019-11-11

标签 require.js require 使用栏目 JavaScript 繁體版

原文原文链接

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <script src="https://cdn.bootcss.com/require.js/2.3.5/require.js"></script>
 9     <title>Document</title>
10 </head>
11 
12 <body>
13 
14     <button id="require">点击require肯定啊</button>
15 
16     <script>
17  require.config({ 18             // 当前目录
19  baseUrl: "./", 20 
21             // 定义js,不用写后缀js
22  paths: { 23                 "jquery": "http://code.jquery.com/jquery-2.1.1.min"
24  }, 25 
26             // 请求等待时间
27  waitSeconds: 15
28  }); 29 
30         // 使用jquery
31  require(["jquery"], 32             function (jquery) { 33                 // 逻辑代码
34  $('#require').on('click',function(){ 35  console.log('hehei'); 36  }); 37  } 38  ); 39     </script>
40 </body>
41 
42 </html>

至于，咱们为何用require.js（大概也就是js阻塞做用的缘由吧，一旦某些JavaScript代码出现异常，页面确定加载的很好看）css

更多参数，参考官网API：http://www.requirejs.cn/html