前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Layui 介绍

Layui 介绍

作者头像
用户5760343
发布2019-10-23 15:11:53
1.5K0
发布2019-10-23 15:11:53
举报
文章被收录于专栏:sktj

1、下载地址:https://res.layui.com/static/download/layui/layui-v2.5.5.zip?v= 2、结构: -css: -modules -laydate -layer -layim -layui.css -font -images -lay -modules -layui.js -layui.all.js 3、页面引入: ./layui/css/layui.css ./layui/layui.js <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>开始使用layui</title> <link rel="stylesheet" href="../layui/css/layui.css"> </head> ........... <script src="../layui/layui.js"></script> 4、全局配置:layui.config layui.config({ dir: '/res/layui/' //layui.js 所在路径(注意,如果是script单独引入layui.js,无需设定该参数。),一般情况下可以无视 ,version: false //一般用于更新模块缓存,默认不开启。设为true即让浏览器不缓存。也可以设为一个固定的值,如:201610 ,debug: false //用于开启调试模式,默认false,如果设为true,则JS模块的节点会保留在页面 ,base: '' //设定扩展的Layui模块的所在目录,一般用于外部模块扩展 }); 5、定义模块: layui.define(function(exports){ //do something

exports('demo', function(){ alert('Hello World!'); }); }); 定义有依赖的模块 layui.define(['layer', 'laypage'], function(exports){ //do something

exports('demo', function(){ alert('Hello World!'); }); }); 6、加载所需模块:layui.use layui.use(['laypage', 'layedit'], function(){ var laypage = layui.laypage ,layedit = layui.layedit;

//do something }); 7、数据存储:layui.data ,layui.sessionData localStorage 持久化存储:layui.data(table, settings),数据会永久存在,除非物理删除。 sessionStorage 会话性存储:layui.sessionData(table, settings),页面关闭后即失效。注:layui 2.2.5 新增 //【增】:向test表插入一个nickname字段,如果该表不存在,则自动建立。 layui.data('test', { key: 'nickname' ,value: '贤心' });

//【删】:删除test表的nickname字段 layui.data('test', { key: 'nickname' ,remove: true }); layui.data('test', null); //删除test表

//【改】:同【增】,会覆盖已经存储的数据

//【查】:向test表读取全部的数据 var localTest = layui.data('test'); console.log(localTest.nickname); //获得“贤心” 8、获取设备信息: var device = layui.device(); 9、其他方法

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.10.21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档