layui个⼈中⼼html,Layui的简易⼊门教程
layui是⼀款采⽤⾃⾝模块规范编写的前端UI框架，⾮常适合界⾯的快速开发。本篇⽂章给⼤家分享⼀下Layui的简易⼊门教程，介绍⼀下layui如何在你的项⽬中使⽤。
获得 layui 后，将其完整地部署到你的项⽬⽬录(或静态资源服务器)，你只需要引⼊下述两个⽂件：./layui/css/layui.css
./layui/layui.js
//提⽰：如果是采⽤⾮模块化⽅式(最下⾯有讲解)，此处可换成：./layui/layui.all.js
没错，不⽤去管其它任何⽂件。因为他们(⽐如各模块)都是在最终使⽤的时候才会⾃动加载。
这是⼀个基本的⼊门页⾯：
开始使⽤layui
//⼀般直接写在⼀个js⽂件中
layui.use(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form;
layer.msg('Hello World');
前端ui框架是什么意思
});
注：使⽤layui需要先加载模块使⽤，上述代码中就是预先加载模块！如果 ⾸先不加载模块就直接layer. 使⽤的话运⾏时是会报错的！不到layer该对象或者不到⽅法等其他问题！layui.use(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form;
});
下⾯是我使⽤的代码案例：
调⽤layui：
预先加载：//layui layer
let layuiLayer;
//layui预先加载
layui.use(['layer'], function () {
layuiLayer = layui.layer;
});
使⽤layui对象：layuiLayer.open({
title: '提⽰',
content: '请输⼊名字！'
})
更多web前端知识，请查阅 HTML中⽂⽹ ！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。