SeaJS入门篇一 怎么使用query

简介: 研究了2个多小时,终于搞定引入jq 1.写个html页面 ddddddddd 2.配置脚本路径 // seajs 的简单配置 seajs.config({ //base: "",//默认和sea.

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

 

相关文章
|
3月前
|
前端开发 JavaScript
JavaScript 面试系列:如何理解 ES6 中 Generator ?常用使用场景有哪些?
JavaScript 面试系列:如何理解 ES6 中 Generator ?常用使用场景有哪些?
|
JSON JavaScript 前端开发
前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶(四)完结撒花✿✿ヽ(°▽°)ノ✿
前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS进阶(四)完结撒花✿✿ヽ(°▽°)ノ✿
593 0
|
7月前
|
前端开发 JavaScript
JavaScript开发中ES6+新特性:简述async/await的用法。
JavaScript开发中ES6+新特性:简述async/await的用法。
57 0
|
存储 JavaScript API
2023Node.js零基础教程(小白友好型),nodejs新手到高手,(二)NodeJS入门——buffer模块、计算机基础、fs模块、path模块
2023Node.js零基础教程(小白友好型),nodejs新手到高手,(二)NodeJS入门——buffer模块、计算机基础、fs模块、path模块
105 0
|
前端开发
前端学习笔记202305学习笔记第二十四天-模块之common.js基础概念1
前端学习笔记202305学习笔记第二十四天-模块之common.js基础概念1
75 0
|
JavaScript 前端开发 API
《现代Typescript高级教程》实战之封装Fetch
TypeScript封装Fetch 1. 安装与配置TypeScript 首先,你需要在你的机器上安装TypeScript。在命令行中输入以下命令:
429 0
|
缓存 JavaScript 安全
快速入门nest.js(6/10)--原理细节
依赖注入 我们将依赖的实例委托给IOC容器,在这里,这个IOC容器就是NestJS运行时系统本身,NestJS在这里处理所有繁重的工作,而不是尝试自己实现依赖注入。本质上,当我们“ask”类构造函数中的依赖项时,NestJS处理并检索返回给我们的对象,以及它可能需要的任何依赖项等等。
220 0
|
JavaScript
js基础笔记学习203exec方法
js基础笔记学习203exec方法
54 0
js基础笔记学习203exec方法
|
JavaScript
js基础笔记学习74-函数简介1
js基础笔记学习74-函数简介1
92 0
js基础笔记学习74-函数简介1
|
JavaScript
js基础笔记学习75-函数简介2
js基础笔记学习75-函数简介2
106 0
js基础笔记学习75-函数简介2