Configuración global
layui.config({
dir: '/res/layui/' //layui.js 所在路径（注意，如果是script单独引入layui.js，无需设定该参数。），一般情况下可以无视
,version: false //一般用于更新模块缓存，默认不开启。设为true即让浏览器不缓存。也可以设为一个固定的值，如：201610
,debug: false //用于开启调试模式，默认false，如果设为true，则JS模块的节点会保留在页面
,base: '' //设定扩展的Layui模块的所在目录，一般用于外部模块扩展
});
Definir módulo
方法 ： layui.define ([mods], devolución de llamada)
layui.define(function(exports){
//do something
exports('demo', function(){
alert('Hello World!');
});
});
Cargue los módulos necesarios
layui.use(['laypage', 'layedit'], function(){
var laypage = layui.laypage
,layedit = layui.layedit
//do something
});
layui.use(['laypage', 'layedit'], function(laypage, layedit){
//使用分页
laypage();
//建立编辑器
layedit.build();
});
Cargar CSS dinámicamente
layui.link(href)
Almacenamiento local
El almacenamiento local es una encapsulación amigable de localStorage y sessionStorage, que facilita la administración de datos locales.
- localStorage Almacenamiento persistente: layui.data (tabla, configuración), los datos existirán permanentemente a menos que se eliminen físicamente.
- sessionStorage Almacenamiento de la sesión: layui.sessionData (tabla, configuración), se vuelve inválido después de cerrar la página. Nota: nuevo en layui 2.2.5
Obtener información del dispositivo
layui.device(key)
otro
| método | Descripción de propiedad |
|---|---|
| layui.caché | Propiedades estáticas. Obtenga información de configuración y caché temporal |
| layui.extend (opciones) | Extienda un alias de módulo, como: layui.extend ({prueba: '/ res / js / test'}) |
| layui.each (obj, fn) | Objeto (matriz, objeto, objeto DOM, etc.) transversal, se puede utilizar para reemplazar la instrucción for |
| layui.getStyle (nodo, nombre) | Obtenga el valor del atributo de estilo de un nodo DOM original, como: layui.getStyle (document.body, 'font-size') |
| layui.img (url, devolución de llamada, error) | Precarga de imagen |
| layui.sort (obj, clave, desc) | Vuelva a ordenar los objetos en la matriz por un miembro, como: layui.sort ([{a: 3}, {a: 1}, {a: 5}], 'a') |
| layui.router () | Obtenga la ruta location.hash, que actualmente no juega un papel en Layui. Será útil para realizar aplicaciones de una sola página. |
| layui.hint () | Imprime información de excepción en la consola, actualmente solo se devuelve el método de error: layui.hint (). Error ('error') |
| layui.stope (e) | Detener la propagación del evento |
| layui.onevent (modName, eventos, devolución de llamada) | Los eventos de módulos personalizados son aplicaciones más avanzadas. Los estudiantes interesados pueden leer el código fuente y el módulo de formulario de layui.js |
| layui.event (modName, eventos, parámetros) | Ejecute eventos de módulos personalizados, úselo con onevent |
| layui.factory (modName) | Se utiliza para obtener la función de devolución de llamada de definición correspondiente al módulo |
Espacio de nombres del módulo
La interfaz del módulo de layui estará vinculada al objeto layui, y la interna se completa con el método layui.define (). Cada módulo tiene un nombre único y no se puede ocupar. Por lo tanto, no debe preocuparse por la contaminación del espacio del módulo, a menos que elimine activamente layui. {Nombre del módulo}. La llamada al módulo se puede lograr a través del método layui.use y luego obtener la interfaz del módulo a través del objeto layui.
Cómo usar jQuery interno
//主动加载jquery模块
layui.use(['jquery', 'layer'], function(){
var $ = layui.$ //重点处
,layer = layui.layer;
//后面就跟你平时使用jQuery一样
$('body').append('hello jquery');
});