當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

模块化开发seajs 配置和简单调用

發布時間：2025/4/5 编程问答 25 豆豆

生活随笔收集整理的這篇文章主要介紹了模块化开发seajs 配置和简单调用小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

模塊化開發工具 seajs?

seajs?提供了簡單、極致的模塊化開發體驗 seajs官網：http://seajs.org

下面是seajs的小實例?

b.js文件調用 a.js文件中的屬性方法

seajs 配置文件?

seajs.config({alias: {"a":"./js/a","b":"./js/b",//seajs.use 方法用"a1":"./a"//b文件內部用},// 文件編碼charset: 'utf-8' });

a.js文件

define(function(require,exports,module){ //seajs 模塊化開發定義var our = "我們"exports.our=our;exports.showA=function(){alert("我是A");} });

b.js文件

define(function(require,exports,module){var love = "要好好的";var a = require("a1");//此處用a不起作用地址相對于當前文檔exports.ol=a.our+love; //a的屬性exports.showB=function(){alert("我是B");} exports.showBA=function(){ //通過b調用a的方法a.showA();} });

html的代碼和 seajs的應用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content="">  <script type="text/javascript" src="sea/sea.js" id="sea"></script> <script type="text/javascript" src="js/config.js"></script> <script type="text/javascript" src="jquery/jquery-1.8.0.min.js"></script><script type="text/javascript"> //$(function(){ seajs.use('b',function(b){$("div").text(b.ol);}); // }); //同時引用多個js文件seajs.use(['a','b'],function(a,b){a.showA();b.showB();b.showBA();}) </script> </head> <body> <div style="background:#98bf21;height:100px;width:200px;position:absolute;"></div> </body> </html>

sea_demo的目錄結構

?附件下載

sea_demo.rar

轉載于:https://www.cnblogs.com/waising/articles/3423395.html

總結

以上是生活随笔為你收集整理的模块化开发seajs 配置和简单调用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

简单
SeaJS

上一篇： nginx+memcached+capt
下一篇： ubuntu安装五笔输入法(ibus-t