如何引⼊layui.css，正确引⼊Layui模块
Layui 出蛋于2016年⾦秋，是⼀款带着浓烈情怀的国产前端UI框架，她追求极简，⼜不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。⼀切都源⾃于她对原⽣态的执着，对前端社区的那些噪杂声⾳的过滤，以及她本⾝的精⼼雕琢
引⼊所有
浏览器在加载的时候会加载⼀个较⼤的layui.all.js⽂件
然后会把每个模块暴露出去，直接⽤就可以了
但你必须知道，这种使⽤⽅式，意味着Layui的模块化已经失去了它的意义。但不可否认，它⽐什么都来的简单。
//获得模块的引⽤
var layer = layui.layer;
layer.msg("Hello World");
/
/直接⽤
layer.msg("666")
通过layui.use加载模块
通过这种⽅式引⼊模块最⼤的好处是，在需要的时候才被加载需要模块，能够提⾼⽹页的记载速度
layui.use(['模块名','模块名'], function(){
//加载完成的回调函数
//推荐⽅法写在这⾥⾯，因为不知道什么时候加载完毕
});
console.info(layui);//⼀个对象，⾥⾯什么都没有
layui.use(['layer'], function(){
//加载结束后会把模块名曝露在layui上，可以直接使⽤调⽤
var layer = layui.layer;
console.info(this);//等价于layui
});
⾃定义模块引⼊
定义
//layui模块的定义
layui.define([mods], function(exports){
//mods，你的模块依赖的模块，先加载它们
//⾃定义的api
var api={};
exports('mod', api);//把mod绑定到layui对象上，注意mod的名字必须喝use的时候⼀样
});
使⽤⽅法如下
前端ui框架是什么意思//指定引⼊某个⽬录下的模块
base: 'static/modules/' //你的模块⽬录
}).use('mymod'); //加载⼊⼝
//或者先声明模块⽬录
base: 'static/modules/' //你的模块⽬录
});
//然后再使⽤，先根据名字判断是否是layui内置的模块，然后引⼊声明的模块⽬录下的mymod.js⽂件
layui.use(['mymod'], function(){
//...
});
效果如下
t {
mymod:Object,
v:"1.0.9_rls",
__proto__:Object
}
推荐将⾃⼰的js⽅法以layui模块的⽅式书写，这样就可以通过user的⽅式来在需要的时候加载，加快页⾯的载⼊速度最佳实践
页⾯
...

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。