Layui的模块化和非模块化使用

模块化和非模块化的区别是

*非模块化不用每次都调用layui.use([],fun…)引入对应模块,

非模块化的使用:引入的JS是/layui/layui.all.js

  采用“一次性加载”的方式时,你无需再通过layui.use()方法加载模块,直接使用即可。

*同时引入模块化和非模块化的化也可以使用非模块化方法,但是非模块化的js必须在模块化之后引入

*模块化必须每次都调用layui.use([],fun…)引入对应模块,引入的js是/layui/layui.js(推荐这种)

/layui/layui.js会包含/layui/layui.js的所有功能,引入这个js会加载所有的模块,因此官方推荐使用模块化的方式。

模块化的使用:引入的是:/layui/layui.js

例如:也可以将layer和table作为全局变量引入使用

layui官网(https://www.layui.com/doc/base/infrastructure.html)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui是一个模块化的前端框架,它的模块化是基于AMD(Asynchronous Module Definition,异步模块定义)规范实现的。在Layui中,每个组件都被封装为一个独立的模块,使用时需要通过`layui.use`方法加载相应的模块。 Layui模块化开发方式常简单,开发者只需要提供一个符合AMD规范的JavaScript模块,即可将其作为Layui模块使用。一个符合AMD规范的JavaScript模块,通常包含以下几个部分: 1. 定义模块名和依赖:使用`define`函数定义模块名和依赖模块。 2. 执行模块代码:通过`require`函数引入依赖模块,并执行模块代码。 3. 导出模块接口:使用`exports`对象导出模块接口。 一个简单的Layui模块示例代码如下: ```javascript // 定义模块名和依赖 define('mymodule', ['jquery'], function($){ // 执行模块代码 function sayHello(){ console.log('Hello World'); } // 导出模块接口 exports('mymodule', {sayHello: sayHello}); }); ``` 在上面的代码中,`define`函数定义了模块名`'mymodule'`和依赖模块`'jquery'`,使用`require`函数引入了`'jquery'`模块,并执行了`sayHello`函数。最后,使用`exports`对象导出了`'mymodule'`模块的接口,即一个包含`sayHello`函数的对象。 使用以上代码定义的模块,在页面中可以通过`layui.use`方法加载并使用,例如: ```javascript layui.use('mymodule', function(){ var mymodule = layui.mymodule; mymodule.sayHello(); //输出'Hello World' }); ``` 在页面中使用`layui.use`方法加载`'mymodule'`模块时,Layui会自动引入`'jquery'`模块,并将`'mymodule'`模块的接口作为参数传入回调函数中。在回调函数中,可以通过`layui.mymodule`获取到`'mymodule'`模块的接口,并使用其中的函数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值