sea.js的使用

柔情只为你懂 2022-05-19 21:16 78阅读 0赞

# sea.js插件的使用案例 #

在用到seajs的页面中用script标签应用seajs文件，在引入的html文件中t添加一段配置代码：

### 在页面中加载模块 ###

// seajs 的简单配置
    seajs.config({
      base: "../sea-modules/",
      alias: {
        "jquery": "jquery/jquery/1.10.1/jquery.js"
      }
    })
    
    // 加载入口模块
    seajs.use("../static/hello/src/main")

> 特别注意：  
>   
> 在script中的配置文件是对于html所处的位置而言

### 模块代码 ###

在html页面中引入js文件中的使用方法： 1.模块代码(index.html的static/index/main.js添加如下代码)

define(function(require,exports,module) {
        // var title= document.getElementById('title');
        // title.innerHTML = "yes it works";
        var changeText = require('../change_text.js');
        var title = document.getElementById('title');
        title.innerHTML = changeText.text;
    })

1.  jquery代码(lucky的static/lucky/main.js添加如下代码)

let lucky = new Lucky();
    lucky.printTxt('#lucky');
    
    function Lucky(){
        let _this = this;
        _this.printTxt = function(tags){
            $(tags).html('good lucky');
        }
    }

### 目录结构 ###

|-- modules 存放 seajs、jquery 等文件，这也是模块的部署目录  
|-- static 存放各个项目的 js、css 文件  
| |-- hello  
| \`-- lucky  
\`-- app 存放 html 等文件  
  |-- index.html  
  \`-- lucky.html

**[查看案例][Link 1]**  
[sea.js官网][sea.js]

[Link 1]: https://shinanye.github.io/seajs-demo/home.html
[sea.js]: https://seajs.github.io/seajs/docs/

发表评论取消回复

表情：

评论列表（有 0 条评论，78人围观）

还没有评论，来说两句吧...

相关阅读

相关 seaJs

1）使用SeaJS开发JavaScript的基本原则就是：一切皆为模块。 SeaJS中使用“define”函数定义一个模块。个人建议遵循SeaJS官方示例的标准，用一

逃离我推掉我的手/ 2022年09月23日 08:46/ 0 赞/ 163 阅读

相关 seaJs学习笔记之seaJs配置方法

　　seaJs在之前已经为大家介绍了很多，今天为大家介绍一下seaJs配置参数的方法。我们可以配置根目录，可以指定模块名字等。很多比较实用的配制方法，今天将为大家揭晓。

旧城等待，/ 2022年09月18日 00:54/ 0 赞/ 198 阅读

相关 seaJs学习笔记之seaJs实现webQQ部分功能2

　　好了，经过A小伙伴儿不屑的努力，终于可以拖拽，还有实现改变层大小了。seaJs的好处就是自己开发自己，互相不影响，也不用考虑命名冲突，随便起自己想起的名字就行。就在这时候，

Love The Way You Lie/ 2022年09月17日 15:26/ 0 赞/ 186 阅读

相关 seaJs学习笔记之seaJs实现webQQ部分功能1

　　之前已经为大家介绍过了seaJs的大概几个用法，主要有引入seaJs库、用define转换成模块、用use进行调用模块通过对外接口exports找到模块的对外接口和用req

快来打我*/ 2022年09月17日 15:23/ 0 赞/ 173 阅读

相关 seaJs学习笔记之seaJs的准备

　　Javascript模块化就来解决javascript中冲突、性能和依赖问题的。针对javascript模块化，我个人认为使用sea.js是比较好的。sea.js是一个适合

妖狐艹你老母/ 2022年09月17日 15:18/ 0 赞/ 169 阅读

相关 seaJS无法引入JQuery

这个问题对新手来说还是挺麻烦的。 seaJS引入JQuery之后，却无法正常使用，打印$，也是null。确认代码没有问题后，那么问题就只能出在seaJS与JQuer

一时失言乱红尘/ 2022年07月16日 13:43/ 0 赞/ 407 阅读

相关 SeaJS入门

SeaJS过时了？所谓的过时，并不是指现在就不能用了，而是说出现了明显更加先进的理念（或者标准），这会导致未来它的使用场景大为减少，整体趋势已经步入衰落。知乎回答：[ht

水深无声/ 2022年07月16日 06:43/ 0 赞/ 181 阅读

相关 seajs 模块化简单开发使用

//第一步要进行配置 seajs.config(\{ base: App.Config.page, a

心已赠人/ 2022年05月15日 22:23/ 0 赞/ 214 阅读

相关 Seajs+Backbone使用template模板例子

1. 目录结构 ![20190530213919329.png][]![20190530213919337.png][]![20190530213919381.p

绝地灬酷狼/ 2022年01月25日 14:44/ 0 赞/ 223 阅读

相关 seajs的使用

在模块文件外部想要引入一个模块文件要使用seajs.use方法该方法接收两个参数第一个参数是一个数组，数组中的每一项都是一个模块文件路径（当引入的只有一个文件的时候，

旧城等待，/ 2021年09月02日 05:41/ 0 赞/ 443 阅读