SeaJS入门篇一 怎么使用query

时间:2023-03-08 17:36:36

研究了2个多小时,终于搞定引入jq

1.写个html页面

<h1>ddddddddd</h1>
<script src='/Scripts/dist/sea.js'></script>

2.配置脚本路径

// seajs 的简单配置
seajs.config({
//base: "",//默认和sea.js同级,jquery.js和它同级,所以没有写;注意:如果为默认不要写,否则路径出错
alias: {
"jquery": "jquery.js"
}
});

但是,这样就query不能直接使用,需要修改jq文件

define(function () {

  //juery原文件内容
  return $.noConflict();
});

好了,这样就解决了

3.怎么定义模块

这部门内容通常是写在js文件里,这里为了方便直接写在代码中

       // 所有模块都通过 define 来定义
define("test", ["jquery"], function (require, exports, module) {
// 通过 require 引入依赖 var $ = require('jquery'); // 通过 exports 对外提供接口
exports.doSomething = function () {
alert(1);
return 1;
} function Test(h1) {
this.h1 = $(h1);
} // 或者通过 module.exports 提供整个接口
module.exports = Test; Test.prototype.change = function () {
var h1 = this.h1;
$(h1).css("color", "red");
}
});
define("main", ["test", "jquery"], function (require, exports, module) {
var t = require('test');
var tt = new t("h1");
tt.change();
});

4.加载入口

        // 加载入口模块
seajs.use("main");

最终效果显示:

ddddddddd