简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

Require.js detailed explanation

php中世界最好的语言
Release： 2018-03-14 09:15:08
Original
1526 people have browsed it

This time I will bring you a detailed explanation of Require.js. What are the precautions for using Require.js? The following is a practical case, let's take a look.

index.html

<!DOCTYPE html><html>
    <head>
    </head>
    <body>
        <span>body</span>
    </body>
    //将require引入，放在html页面最下方，或设置异步请求
    //即： <script src="js/lib/require.js" defer async="true"></script>
      <script src="js/require.js" data-main="js/main"></script></html>
Copy after login

main.js

require.config({    //配置路径
    paths: {        "jquery": ["http://libs.baidu.com/jquery/2.0.3/jquery", "jquery.min.js"],        "a": "a"
    }
})require(["jquery", "a"], function($,a) {
    $(function() {              //调用即可，此处的a并无意义，仅为指示，与引入文件顺序有关，即若
              //function($,a)中a换了一种称谓，这里调用时保持一致即可
        a.fun1();
        alert("load finished");
    })
})
Copy after login

a.js

function fun1(){
   alert("it works");
 } //切记，如果需要在调用该函数，一定要记得返回，个人理解为暴露接口return {     fun1: fun1
 };
})```
Copy after login

I believe you have mastered the method after reading the case in this article, and there will be more exciting things. Please pay attention to other related articles on php Chinese website!

Recommended reading:

How to implement node connection to mysql

Use JS to implement sorting algorithm

The above is the detailed content of Require.js detailed explanation. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
javascript Detailed explanation
source：php.cn
Previous article：How webpack packages js Next article：What you need to know to get started with gulp
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
javascript - require.js introduces modules and js is loaded on demand Now there is a need to bring out the resources in the header, such as css and js. Now it i...
From 2017-06-12 09:32:34
0
2
679
javascript - Issues with require.js introducing js 1: require.js cannot request page.js 2: require.js can only request js files defined with ...
From 2017-06-12 09:27:31
0
4
477
javascript - Multiple parameter issues when calling require.js (www.sf.gg) is China's leading developer technology community. We hope to provide a pure, ...
From 2017-05-19 10:14:54
0
1
261
javascript - sea.js require.js这种模块化加载框架,如何合理的压缩合并代码 比如现在大多数的模块化加载框架Seajs Require.js 应该都有这个问题,如何合理的合并代码? 我首先想到的有这几种 按网站的模块加载 全部压缩 有没有比较成熟点的方案~
From 2017-05-16 13:01:07
0
1
246
angular.js - angularjs 与requirejs集成 用require.js管理angular的依赖，发现如下问题（直接上代码）： 下面是main.js：----------------------------------------...
From 2017-05-15 17:08:54
0
1
351
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！