给大家推荐个比较好用的前端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