Seajs框架确实有一些案例可供参考。以下是一个简单的Seajs模块化加载的案例:
- 项目结构:
myProject/ |-- css/ | |-- style.css |-- js/ | |-- module1.js | |-- module2.js | |-- main.js |-- index.html
- index.html:
Seajs Example Seajs Example
- 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的使用方法。