# 认识 Layui

# 一、介绍

• layui（谐音：类 UI）是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。
• 官网手册（已作废）：https://www.layui.comopen in new window
• gitee手册：https://layui.gitee.io/v2/open in new window

# 二、CDN 在线使用

<link rel="stylesheet" href="//unpkg.com/layui@2.7.6/dist/css/layui.css" />
<script src="//unpkg.com/layui@2.7.6/dist/layui.js"></script>

# 三、下载安装

<link rel="stylesheet" href="./layui/css/layui.css" />
<script src="./layui/layui.js"></script>

# 四、模块

• layui 定义了一套更轻量的模块规范。并且这种方式在经过了大量的实践后，成为 layui 最核心的模块加载引擎。

# 1、模块

# 2、加载模块

• layui 通过 use 方法加载模块

<script>
    layui.use('layer','laydate', function(){
        var layer = layui.layer;
        var laydate = layui.laydate;
    });
</script>

# 3、Jquery

• layui 部分模块依赖 jQuer，但是不用去额外加载 jQuery，layui 已经将 jQuery 最稳定的一个版本改为 layui 的内部模块

<script>
    layui.use('layer', function(){
        var $ = layui.jquery;
    });
</script>