layui

给大家推荐个比较好用的前端ui框架layui,遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用,而且layui除了ie6/7不兼容其他都兼容,而且还是响应式布局

1,获得layui后，将其完整地部署到你的项目目录（或静态资源服务器），你只需要引入下述两个文件：

./layui/css/layui.css
./layui/layui.js

2,如果你想快速使用Layui的组件，你还是跟平时一样script标签引入你的js文件，然后在你的js文件中使用layui的组件。但我们更推荐你遵循Layui的模块规范，建立一个自己的模块作为入口：

    <script>
    layui.config({
      base: '/res/js/modules/' //你的模块目录
    }).use('index'); //加载入口
    </script>    
        

如果你感觉麻烦还有一个简单粗暴的方法,直接使用无需通过lay.use加载模块

<script src="../layui/lay/dest/layui.all.js"></script>  
<script>
;!function(){
  //当使用了 layui.all.js，无需再执行layui.use()方法
  var from = layui.form()
  ,layer = layui.layer;
  
  //…
}();

但是使用这个方法会让模块化失去意义,所以说不管怎么使用只要能出效果就行,具体我们还是要去layui的官网去学习www.layui.com

转载于:https://www.cnblogs.com/caixiufang/p/6925429.html