首页 > 编程 > JavaScript > 正文

使用RequireJ,S优化JavaScript引用代码的方法

2019-11-02 15:43:04
字体:
来源:转载
供稿:网友

   这篇文章主要介绍了使用RequireJS优化JavaScript引用代码的方法,RequireJS是一款人气JS库,需要的朋友可以参考下

  RequireJS是一个提高你的javascript代码速度和质量的有效方法,同时它还让你的代码更容易阅读和维护。

  在本文中,我会为你介绍RequireJS和应该如何使用它。我们讨论引入文件和定义模块,甚至还会接触优化方面的知识。

  简单的说,require.js是一个脚本载入程序,允许你把你的javascript代码独立成文件和模块,同时管理每个模块间的依赖关系。

  引入文件

  在开始使用RequireJS前,我们需要先下载它的库和Asynchronous Module Definition(AMD)文件。然后在文档头部链接到require.js文件,就如:

  ?

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

  你可能会问data-main属性是什么,使用RequireJS意味着当你在文档的头部调用require的时候,你同时也会链接到你的javascript应用的主文件,在这个例子里面就是main.js(请注意,RequireJS自动添加.js后缀到文件名的后面)

  在main.js文件里面,需要为RequireJS做配置,载入模块和定义一个base路径,以便在引入文件时使用。

  Require函数

  RequireJS使用一个简单的require函数去导入脚本,在这个例子里面,RequireJS导入的是JQuery:

  ?

1 2 3 require(["jquery"], function($) { $(‘#mydiv”).html(‘Hello this is RequireJS talking”); });
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表