Layui框架使用小结(1)

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

第一次答一辩已经告一段落，但根据答辩老师的建议，项目中还是有些地方需要改进的，所以这几天就继续琢磨了一下之前的写法，把一些页面上的展示进行了修改，因为之前的页面展示比较抽象，老师的评价是太混乱了，奈何自己在页面修饰上没有什么审美，好在请教了老师和周围同学，慢慢改了一下........

Layui 使用配置

    layui.config({
        dir: '/res/layui/' //layui.js 所在目录（如果是 script 单独引入 layui.js，无需设定该参数）一般可无视
        ,version: false //一般用于更新模块缓存，默认不开启。设为 true 即让浏览器不缓存。也可以设为一个固定的值，如：201610
        ,debug: false //用于开启调试模式，默认 false，如果设为 true，则JS模块的节点会保留在页面
        ,base: '' //设定扩展的 layui 模块的所在目录，一般用于外部模块扩展
    });

方法：layui.config(options)

你可以在使用模块之前，全局化配置一些参数，尽管大部分时候它不是必须的。所以我们目前提供的全局配置项非常少，这也是为了减少一些不必要的工作，尽可能让使用变得更简单。以上的配置就是目前 Layui 支持的全局配置项。

预先加载模块

layui 通过 use 方法加载模块。当你的 JS 需要用到 layui 模块的时候，且避免到处写 layui.use() 的麻烦。你可以在最外层如此定义：

    layui.use(['form', 'upload'], function(){ //如果只加载一个模块，可以不填数组。如：*layui.use('form')*
        var form = layui.form //获取form模块
        ,upload = layui.upload; //获取upload模块
        //监听提交按钮
        form.on('submit(test)', function(data){
            console.log(data);
        });
        //实例化一个上传控件
        upload({
            url: '上传接口url'
            ,success: function(data){
                console.log(data);
            }
        })
    });

简单总结一下 Layui 在使用初期的配置以及一些模块引用的方法，有些是结合官方文档总结的，不过有错误请指正。
我向你敬礼啊，Salute！