requirejs测试

最新推荐文章于 2022-05-25 17:44:05 发布

原创最新推荐文章于 2022-05-25 17:44:05 发布 · 704 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #requirejs

js 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何通过requirejs来引入和管理JavaScript模块。首先，通过`<script>`标签引入requirejs并设置主文件。然后，展示了requirejs配置路径以引入jQuery库，并在回调中使用。此外，还说明了如何利用define方法定义模块，实现代码的模块化和封装。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="zh-cn">
<meta name="author" cotent="liudan">
<head>
<title>canvas</title>
<link rel="stylesheet" type="text/css" href="./css/att.css"/>
<script src="./js/require.js" data-main="./js/main.js"></script>
</head>
<body>
<div id = "section1" class="divYellow">示例文本1</div>
<div id = "section1-1" class="divYellow"><p>示例文本1-1<br>------------示例文本1-1x</p></div>
<div id = "section1-2" class="divYellow"><a href="text1">示例文本1-2</a></div>
<div id = "111section1-2" class="divYellow">示例文本1-3</div>
<div id = "section2" class="divYellow">示例文本2</div>
<div id = "section2-1" class="divYellow">示例文本2-1</div>
<div id = "section2-1" class="divYellow">示例文本2-2</div>
<table><tr><td>1</td><td>2</td><tr>
<tr><td>3</td><td></td><tr></table>
</body>

<html>

引入方式

requirejs方法

//引入模块

requirejs.config({
paths:{
jquery:'jquery-1.11.1'
}
});
requirejs(['jquery'],function($){
$("body").css("background","#fff");
});

//定义函数以便达到模块化

define(['jquery'],function($){
return{

}
});