推荐：
layui是用自己的模块规范编写的前端 UI 遵循原生的框架 HTML/CSS/JS 写作和组织形式，门槛很低，可以立即使用。外部极简主义，但内部饱满，体积轻，组件丰富，从核心代码到 API 每一个细节都经过精心雕刻，非常适合界面的快速开发。
如何引用layui？
下载layui后如何快速引入项目？layui是基于模块化前端ui的经典模块化前端ui layui.js 异步模块的内部加载模式 ，以及日常生活中熟悉的AMD 有一套完全属于layui定义的模块加载规范，通过预加载，这也是layui官方推荐的方式，将下载的源码引入项目只需引入layui.css和layui.通过layui，js两个文件.use()方法完成所需的模块加载。
如下示例所示：加载layui内置的jquery稳定版和layer组件
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="layui/css/layui.css">
<!-- your css link -->
</head>
<body>
<!-- you html code -->
<script type="text/javascript" src="layui/layui.js"></script>
<script>
layui.use(['jquery','layer'],function(){
var $ = layui.$,
layer = layui.layer;
#your js coding
});
</script>
</body>
</html>备注：
在代码可维护性、阅读方便性和代码优雅美观性方面，预加载方式强于按需加载，以避免随从可见的layui.use()造成混乱，遇到网站性能的极端要求用户使用按需加载，如果变量域等关系处理不当，也容易出现错误，不方便后期维护，当然，在某些特定情况下 可配合layui.cache.按需加载xx全局变量也是比较好的方式；
但同时也不建议直接引入 layui.all.js一次性全加载(layui模块化似乎失去了全加载的意义)； layui的模块组件通过预加载在laryms的产品中很常见。
以上是layui 详情请关注办公任务系统的其他相关文章！
本文链接：http://task.lmcjl.com/news/12653.html