seajs框架有案例吗 - 问答

Seajs框架确实有一些案例可供参考。以下是一个简单的Seajs模块化加载的案例：

项目结构：

myProject/
|-- css/
|   |-- style.css
|-- js/
|   |-- module1.js
|   |-- module2.js
|   |-- main.js
|-- index.html

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>

module1.js：

define(function () {
    return {
        message: 'Hello from module1!'
    };
});

module2.js：

define(function () {
    return {
        message: 'Hello from module2!'
    };
});

在这个例子中，我们有一个名为myProject的项目，其中包含一个HTML文件index.html和两个JavaScript模块文件module1.js和module2.js。我们使用Seajs的config方法来设置基本路径，然后使用use方法来加载并执行这两个模块。当所有模块都加载完成后，我们可以在回调函数中使用这些模块。

这只是一个简单的例子，展示了Seajs如何用于模块化加载。在实际项目中，你可能会根据需要创建更复杂的模块和依赖关系。你可以访问Seajs的官方网站或GitHub仓库，查找更多的示例和项目来深入了解Seajs的使用方法。

0 赞

0 踩