layUI初步使用
来源:互联网 发布:淘宝日本服装代购 编辑:程序博客网 时间:2024/06/05 10:48
-----初识layui
Layui兼容除IE6/7以外的全部浏览器,并且绝大多数结构支持响应式;
获得layui后,将其完整地部署到你的项目目录(或静态资源服务器),你只需要引入下述两个文件:
我们更推荐你遵循Layui的模块规范,建立一个自己的模块作为入口:
上述的 index 即为你 /res/js/modules/ 目录下的 index.js,它的内容应该如下:
- <script>
- layui.config({
- base: '/res/js/modules/' //你的模块目录
- }).use('index'); //加载入口
- </script>
你可以在使用组件之前,全局化配置一些参数,
方法:layui.define([mods], callback)
通过该方法可定义一个 Layui模块。参数mods是可选的,用于声明该模块所依赖的模块。callback即为模块加载完毕的回调函数,它返回一个exports参数,用于输出该模块的接口。
方法:layui.use([mods], callback)
Layui的内置模块并非默认就加载的,他必须在你执行该方法后才会加载。它的参数跟上述的 define方法完全一样。另外请注意,mods里面必须是一个合法的模块名,不能包含目录。如果需要加载目录,建议采用extend建立别名(详见组件规范)
方法:layui.link(href)
href即为css路径。注意:该方法并非是你使用Layui所必须的,它一般只是用于动态加载你的外部CSS文件。
方法:layui.device(key),参数key是可选的
由于Layui的一些功能进行了兼容性处理和响应式支持,因此该方法同样发挥了至关重要的作用。尤其是在layui mobile模块中的作用可谓举足轻重。该方法返回了丰富的设备信息:
- var device = layui.device();
- //device即可根据不同的设备返回下述不同的信息
- {
- os: "windows" //底层操作系统,windows、linux、mac等
- ,ie: false //ie6-11的版本,如果不是ie浏览器,则为false
- ,weixin: false //是否微信环境
- ,android: false //是否安卓系统
- ,ios: false //是否ios系统
- }
Layui部分组件依赖jQuery(比如layer),但是你并不用去额外加载jQuery。Layui已经将jQuery最稳定的一个版本改为Layui的内部模块,当你去使用layer的时候,它会首先判断你的页面是否已经引入了jQuery,如果没有,则加载内部的jQuery模块,如果有,则不会加载。
阅读全文
0 0
- layUI初步使用
- layui使用
- layui使用
- 如何使用layui
- layui
- [layui
- layui
- LayUi
- layui-layer弹出层使用
- 分页控件layui的使用
- layui时间日期控件使用
- 使用layui背景花屏
- layui基本使用 -后台管理
- 使用LayUI操作数据表格
- 使用layui修改table样式
- layui里的表单元素的使用
- 使用layui组件的小问题1.0,
- 关于layer以及layui的使用心得
- C++中 变量y0y1等变量 的冲突问题
- LeetCode-627. Swap Salary
- http与https区别及https是如何保障安全性
- swift xxxfile no find / bridging no exit
- 双向链表
- layUI初步使用
- 算法分析与设计丨第三周丨LeetCode(6)——Find Largest Value in Each Tree Row(Medium)
- 数据挖掘中的可视化方法
- BootStrap学习笔记
- 社会网络分析入门书目导读
- 使用花生壳实现Tomcat服务器对外映射
- 蛇形填数(二)
- java加解密之DES多种使用方式
- 总结mysql的三种外键约束方式