zoukankan      html  css  js  c++  java
  • seaJS 简单上手

    seaJS和requireJS十分相似,只是其采用了CMD规范,如果写过nodeJS,一定很顺手。

    目录结构:

    index.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <h2>SeaJS</h2>
    <script src="http://apps.bdimg.com/libs/seajs/2.3.0/sea.js"></script>
    <script type="text/javascript">
    seajs.config({
        base: './',
        alias: {
            jquery: 'conJS/jquery.js',
            ali: 'conJS/ali.js'
        }
    });
    seajs.use(['./index', './hello'],function(index, hello){
        hello.sayHello();
    });
    </script>
    </body>
    </html>

    引入sea.js,配置,使用。和requireJS多么相像,但是其使用的方法是use();

    其引入了index和hello模块,我们看下:

    hello.js

    define(function(require, exports) {
        var index = require('./index');
        var ali = require('ali');
        exports.sayHello = function(){
            ali.ali();
            index.log();
            console.log('Hello World!');
        };
    });

    通过require的范式加载模块,经典的AMD规范,注意index使用了相对路径,而ali没有使用相对路径,这是在前面配置好的。

    index.js

    define(function(require, exports) {
      exports.each = function (arr) {
        console.log('This is each Func.');
      };
    
      exports.log = function (str) {
        console.log('This is log Func.');
      };
    });

    ali.js

    define(function(require, exports) {
        exports.ali = function(){
            console.log('demo');
        };
    })

    完美,看看结果:

  • 相关阅读:
    爆打团队 2016.04.12 站立会议
    爆打团队 2016.04.11 站立会议
    爆打团队 2016.04.10 站立会议
    爆打小组 4.3日站立会议
    随机生成题目的代码分析
    爆打 第二周第二次站立会议(2016.3.29)
    爆打小组,四则运算,算法实现
    add some template for ec-final
    2014_acmicpc_shanghai_google
    matrix_world_final_2013
  • 原文地址:https://www.cnblogs.com/kiscall/p/5280095.html
Copyright © 2011-2022 走看看