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>
  • 相关阅读:
    前端代码规范
    node服务通过Jenkins上线流程
    移动端常用布局方法
    前端工程化
    前端开发辅助
    前端Node项目发布流程
    观list.clear()方法 有感
    数据导出 写入到excle文件
    tomcat内存使用情况
    三种分布式锁 简易说说(包含前一篇提到的redis分布式锁)
  • 原文地址:https://www.cnblogs.com/kingCpp/p/4831008.html
Copyright © 2011-2022 走看看