layui模块使用规范(附代码)


当前第2页 返回上一页

如果你有强迫症,你对网站的性能有极致的要求,你并不想预先加载所需要的模块,而是在触发一个动作的时候,才去加载模块,那么,这是允许的。你不用在你的JS最外层去包裹一个大大的 layui.use,你只需要:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

*

Demo2.js

按需加载一个Layui模块

*/

//……

//你的各种JS代码什么的

//……

//下面是在一个事件回调里去加载一个Layui模块

button.addEventListener('click', function(){

layui.use('laytpl', function(laytpl){ //温馨提示:多次调用use并不会重复加载laytpl.js,Layui内部有做模块cache处理。

var html = laytpl('').render({});

console.log(html);

});

});

模块命名空间

Layui的全部模块绑定在 layui对象下,内部由layui.define()方法来完成。每一个模块都会一个特有的名字,并且无法被占用。所以你无需担心模块的空间被污染,除非是你 delete layui.mod; 调用一个模块也必须借助layui对象的赋值。如:

1

2

3

4

5

6

layui.use(['layer', 'laypage', 'laydate'], function(){

var layer = layui.layer //获得layer模块

,laypage = layui.laypage //获得laypage模块

,laydate = layui.laydate; //获得laydate模块

//使用模块

});

更多layui知识请关注layui使用教程栏目。

以上就是layui模块使用规范(附代码)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui日期控件使用(实例)

layui框架使用收费吗

layui代码修饰器不显示样式怎么解决

layui怎么弹出form

layui模块介绍

layui怎么导入excel

layui 怎么导入excel

layui时间控件清空之后无法正常使用的问题

layui和bootstrap区别

layui图片如何放大

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...