前端框架LayUI介绍及用法

LayUI 的介绍

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。

​ 由国人开发，16年出厂的框架，其主要提供了很多好看、方便的样式，并且基本拿来即用，和Bootstrap有些相似，但该框架有个极大的好处就是定义了很多前后端交互的样式接口，如分页表格，只需在前端配置好接口，后端则按照定义好的接口规则返回数据，即可完成页面的展示，极大减少了后端人员的开发成本。

​ 官网：https://www.layui.com

LayUI的用法

1.点击直接下载

将所下载的文件夹加入到所需的项目之中，并且用link和script连接layui的css和js

2.开始在官网使用

如图所示，有不同的类别组件，可以根据自己的选择进行挑选

选好后，观察右侧</>就是源代码

展示成果就是这样了

可以根据自己的需要，在里面修改数据，添加自己喜欢的样式css，以及js动画

Layui的好处

轻量级：Layui是一款非常轻量级的前端UI框架，压缩后的文件大小仅为70KB左右，加载速度快，对网页性能影响较小。

简单易用：Layui提供了丰富的组件和接口，使用简单明了，可以快速构建出美观、交互丰富的页面。

模块化设计：Layui采用了模块化的设计思想，将各个功能模块进行拆分，可以按需引入，减少了冗余代码和资源浪费。

兼容性好：Layui兼容了大部分主流浏览器，包括IE6+，可以在不同的浏览器上保持一致的显示效果。

自定义扩展：Layui提供了丰富的扩展接口，可以根据自己的需求进行定制和扩展，满足个性化的开发需求。

完善的文档和示例：Layui提供了详细的官方文档和示例，对各个组件和接口进行了详细的介绍和演示，方便开发者学习和使用