1. seajs

介绍:SeaJS是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。

详细API请查看:

1.1.1. config.js 文件配置

seajs.config({
    base: lemon.cdn_asset_url + "/static/" + lemon.builds_path,
    map: [
        ['.js', '.js?v=' + ("undefined"!=typeof lemon&&lemon.version?lemon.version:(new Date).getTime())]
    ],
    alias: {
        "jquery": "js/libs/min/jquery.1.11.1.min",
        "cookie": "js/libs/jquery.cookie",
        "easing": "js/libs/jquery.easing",
        "utils": "js/components/common/utils",
        "component": "js/components/common/component",
        "validate": "js/libs/jquery.validate",
        "validate.add": "js/libs/jquery.validate.add",
        "pager": "js/libs/jquery.pager",
        "layer": "js/libs/layer/layer.min",
        "unslider": "js/libs/min/unslider.min",
        "layer.ext": "js/libs/layer/extend/layer.ext",
        "highStock": "js/libs/min/highstock",
        "mousewheel": "js/libs/min/jquery.mousewheel.min",
        "countUp": "js/libs/countUp"
    }
});

注:

  • base 是js文件存放的目录
  • map 是js文件的后缀和随机版本号
  • alias 命名:地址

1.1.2. 文件引用

define(function (require, exports, module) {
    var $ = require('jquery'),
        $layer = require('layer'),
        LemonUtils = require('utils'),
        form = $('#loginForm'),
        popCodeFrom = $('#popCodeFrom'),
        layerNo = 0;

    //引用文件
    require('validate')($);
    require('validate.add')($);
    require('component')($);

    $("#mobile").telephone();

    require("./checkcode.js");

    //其他jq用法都一样
    $("#btnLogin").on("click", function () {

    }
});
注:define(function (require, exports, module){})$(function(){}) 功能一样
Copyright © 試毅-思伟 2019 all right reserved,powered by 試毅-思伟修订时间: 2019-07-03 14:11:35

results matching ""

    No results matching ""