@[ layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。只需在调用时简单地配置相关参数,即可轻松实现。与同类弹出层组件相比,layer的优势明显,可能地在以更少的代码展现出更强健的功能。layer格外注重性能的提升,采用面向对象的思想实现,在多层模式的回调处理中,具备其它多数层组件所没有的“独立不冲突”。并且兼容了一切浏览器。
1、layer是为了解决什么问题?
调用的时候更加方便,不用写太多代码
页面加载问题,使得页面简介,不宜暴露在自己的文件,减少网站数据请求
封装了大部分插件,可以节省写代码的时间提高效率
2、是如何进行封装的?
一、使用时,请把文件夹layer整个放置在您站点的任何一个目录,只需引入layer.min.js即可,除jQuery外,其它文件无需再引入。
二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径,您需要打开layer.min.js 去配置相对路径url。默认采用自动获取layer所在的路径,在layer.min.js底部加入,代码如下:
- //完成注册Layui对象到window
require.config({
baseUrl:"./static/layui/lay/modules",
paths:{
‘jquery’:‘jquery-1.12.2.min’,
‘bootstrap’:‘bootstrap’,
‘treeview’: ‘bootstrap-treeview’,
‘validator’: ‘bootstrapValidator’,
‘layer’:‘layer’,
‘tool’:‘tool’
},
})
window.Layui = {
config: function (config) {
if(typeof config != “undefined”) {
require.config(config);
}
},
use: require
}
3、怎么帮你解决页面问题的?
-
第一步引入 加载进入html文件中
引入<script src="layer.min.js> <script src="你的jquery文件*,这个文件必须写在这里*“> -
第二步在页面中写script代码:
layui.ues([ 写在window中挂靠的组件,可以是多个用逗号隔开]),function(与前面括号的一一对应){
自己要执行的代码
};
这样你的整体页面搭建,就会快速完成。留出很多时间驱邪逻辑关系,加快效率。大家可以试试。
TOC](这里写自定义目录标题)