SeaJS入门篇一 怎么使用query

研究了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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值