现在的位置: 首页 > web前端 > 正文

require的用法添加

2020年07月20日 web前端 ⁄ 共 995字 ⁄ 字号 评论关闭

  RequireJS是一个JavaScript模块加载器。它非常适合在浏览器中使用,但它也可以用在其他脚本环境,就像RhinoandNode。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。


  require的用法浏览器的兼容情况如下:


  IE6+..........兼容✔


  Firefox2+.....兼容✔


  Safari3.2+....兼容✔


  Chrome3+......兼容✔


  Opera10+......兼容✔


  最新版本:2.3.11


  添加require的用法


  注意:关于jQuery集成的意见,请看jQuery集成页面


  假定你的项目中JavaScript都放在一个"scripts"目录。例如,你的项目中有一个project.html页面和一些scripts,目录布局如下:


  项目目录/


  util.js


  main.js


  helper/


  project.html


  scripts/


  添加require.js到scripts目录,如下:


  项目目录/


  util.js


  main.js


  require.js


  helper/


  project.html


  scripts/


  为了充分利用的优化工具,建议您将所有的scripts放到的HTML外面,然后只引用require.js来请求加载你其它的scripts:


  1


  2


  3


  4


  5


  6


  7


  8


  9


  10


  11


  <!DOCTYPEhtml>


  <html>


  <head>


  <title>MySampleProject</title>


  <!--data-mainattributetellsrequire.jstoloadscripts/main.jsafterrequire.jsloads.-->


  <scriptdata-main="scripts/main"src="scripts/require.js"></script>


  </head>


  <body>


  <h1>MySampleProject</h1>


  </body>


  </html>


  总之。在main.js,你可以使用require()来加载所有你需要运行的scripts.这可以确保你所有的scripts都是在这里加载的,你可以指定data-mainscript使用异步加载.

抱歉!评论已关闭.