Seajs框架確實有一些案例可供參考。以下是一個簡單的Seajs模塊化加載的案例:
myProject/
|-- css/
| |-- style.css
|-- js/
| |-- module1.js
| |-- module2.js
| |-- main.js
|-- index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Seajs Example</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/sea.js"></script>
<script>
seajs.config({
base: './js/'
});
seajs.use(['module1', 'module2'], function (module1, module2) {
// 在這里可以使用module1和module2
console.log(module1.message);
console.log(module2.message);
});
</script>
</head>
<body>
<h1>Seajs Example</h1>
</body>
</html>
define(function () {
return {
message: 'Hello from module1!'
};
});
define(function () {
return {
message: 'Hello from module2!'
};
});
在這個例子中,我們有一個名為myProject
的項目,其中包含一個HTML文件index.html
和兩個JavaScript模塊文件module1.js
和module2.js
。我們使用Seajs的config
方法來設置基本路徑,然后使用use
方法來加載并執行這兩個模塊。當所有模塊都加載完成后,我們可以在回調函數中使用這些模塊。
這只是一個簡單的例子,展示了Seajs如何用于模塊化加載。在實際項目中,你可能會根據需要創建更復雜的模塊和依賴關系。你可以訪問Seajs的官方網站或GitHub倉庫,查找更多的示例和項目來深入了解Seajs的使用方法。