layui 的基本使用介绍

一、layui 的基本使用介绍

方法：layui.define([mods], callback)

本地存储是对 localStorage和 sessionStorage的友好封装，可更方便地管理本地数据。

localStorage持久化存储：layui.data(table, settings)，数据会永久存在，除非物理删除。

sessionStorage会话性存储：layui.sessionData(table, settings)，页面关闭后即失效。注：layui 2.2.5新增

layui.cache静态属性。获得一些配置及临时的缓存信息

layui.extend(options)拓展一个模块别名，如：layui.extend({test:'/res/js/test'})

layui.each(obj, fn)对象（Array、Object、DOM对象等）遍历，可用于取代for语句

layui.getStyle(node, name)获得一个原始DOM节点的style属性值，如：layui.getStyle(document.body,'font-size')

layui.img(url, callback, error)图片预加载

layui.sort(obj, key, desc)将数组中的对象按某个成员重新对该数组排序，如：layui.sort([{a: 3},{a: 1},{a: 5}],'a')

layui.router()获得location.hash路由，目前在Layui中没发挥作用。对做单页应用会派上用场。

layui.hint()向控制台打印一些异常信息，目前只返回了error方法：layui.hint().error('出错啦')

layui.onevent(modName, events, callback)自定义模块事件，属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块

layui.event(modName, events, params)执行自定义模块事件，搭配onevent使用

layui.factory(modName)用于获取模块对应的 define回调函数

layui的模块接口会绑定在 layui对象下，内部由 layui.define()方法来完成。每一个模块都会一个特有的名字，并且无法被占用。所以你无需担心模块的空间被污染，除非你主动 delete layui.{模块名}。调用模块可通过 layui.use方法来实现，然后再通过 layui对象获得模块接口。

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

//后面就跟你平时使用jQuery一样

$('body').append('hello jquery');

二、bootstrap与layui的不同之处有哪些

1、 bootstrap与layui的不同之处有适用范围不同，前者适合开发网站，后者适合做后端框架；大小不同，前者因为成熟所以存在代码冗余，后者是属于轻量级的

2、bootstrap与layui都是前端开发框架，但是它们之间还存在一些不同之处，接下来在文章中将为大家详细介绍

3、是由美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript语言开发的简洁、直观、强悍的前端开发框架，它的出现使得 Web开发更加快捷

4、是一款采用自身模块规范编写的前端 UI框架，遵循原生的HTML/CSS/JS代码书写的组织形式。它体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发

5、bootstrap在前端响应式方面做得很好，由于它在PC端和移动端表现都不错，所以适合用其开发网站

6、尤其是类似官网而且需要同时满足pc端和移动端的效果，bootstrap的表现更好

7、layui框架更偏向与后端开发人员使用，在服务端页面上有非常好的效果，适合做后台框架

8、layui是提供给后端开发人员最好的ui框架，基于DOM驱动，在实现前端交互上比较麻烦，页面的增删改查都需要查询DOM元素。所以在不需要交互的时候，用layui还是不错的。

9、bootsrap框架由于比layui框架成熟，所以使用方便，但是同时也显得有些冗余

三、layui框架的优缺点是什么

layui框架的优缺点主要体现在其轻量级、简洁性与技术成熟度之间。

优点：layui框架因其轻量级与简单性，成为了后端开发者的首选，其遵循原生HTML/CSS/JS书写方式，使得开发界面时更加高效与快速。框架内部包含了丰富的组件，从核心代码到API，使得界面开发过程更为便捷。

缺点：然而，由于layui框架还处于发展初期，其技术成熟度相对较低，这在前端交互操作上可能会遇到一定的麻烦。需要查询DOM操作的特性在某些复杂的交互场景下显得不够友好。

为了更直观地展示layui框架的应用，以下是一个简单案例：通过layui框架实现轮播图效果。

总结，layui框架凭借其轻量级、简洁性，为后端开发者提供了高效快速的界面开发工具。然而，其技术成熟度还需进一步完善，以满足更复杂、更精细的前端交互需求。