zoukankan      html  css  js  c++  java
  • 2.精通前端系列技术之JS模块化开发-深入学习seaJs(四)

    深入学习seajs
    配置信息
    alias  :  别名配置
    paths  :  路径配置
    vars  :  变量配置
    map  :  映射配置
    preload  :  预加载项
    debug  :  调试模式
    base :  基础路径
    charset  :  文件编码
    深入学习seajs
    module
    id  :  模块唯一标识
    uri  :  模块绝对路径
    dependencies  :  当前模块依赖
    exports  :  当前模块对外接口
    
    require.async
    异步加载模块
    // JavaScript Document
    
    //var a = 100;
    
    define(function(require,exports,module){
        
        //alert( module.exports == exports );
        
        /*require.async('.js/module2.js',function(){
            alert('模块加载完的回调');
        });*/
        
        var a = 100;
        
        module.exports = {
            a : a
        };
        
    });

    4.深入学习seajs之插件

    深入学习seajs
    插件
    –text
    –style
    –combo
    –flush
    –debug
    –log
    –health
     

    5.深入学习seajs之开发技巧

    深入学习seajs
    技巧
    use如何引入多模块
    Sea.js加ID有利提取
    如何改造文件为CMD模块
    调试接口cache
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <script src="sea/sea.js" id="seajsnode"></script>
    <script>
    
    
    /*seajs.use('./js/module1.js',function(ex){
        ex.show();
    });
    
    seajs.use('./js/module2.js',function(ex){
        ex.show();
    });*/
    
    seajs.use(['./js/module1.js','./js/module2.js'],function(ex,ex2){
        ex.show();
        ex2.show();
    });
    
    </script>
    </head>
    
    <body>
    </body>
    </html>
  • 相关阅读:
    javascript运动详解
    jQuery Ajax封装通用类 (linjq)
    Bootstrap 字体图标引用示例
    jQuery $.each用法
    jquery中odd和even选择器的用法说明
    JQuery中怎么设置class
    HTML5中input背景提示文字(placeholder)的CSS美化
    边框上下左右各部位隐藏显示详解
    纯CSS气泡框实现方法探究
    对比Tornado和Twisted两种异步Python框架
  • 原文地址:https://www.cnblogs.com/kingCpp/p/4831008.html
Copyright © 2011-2022 走看看