layui 如何去dom_layui 的基本使用介绍
layui 的基本使用介绍
全局配置
layui.config({
dir: '/res/layui/' //layui.js 所在路径(注意,如果是script单独引入layui.js,无需设定该参数。),一般情况下可以无视
,version: false //一般用于更新模块缓存,默认不开启。设为true即让浏览器不缓存。也可以设为一个固定的值,如:201610
,debug: false //用于开启调试模式,默认false,如果设为true,则JS模块的节点会保留在页面
,base: '' //设定扩展的Layui模块的所在目录,一般用于外部模块扩展
});
定义模块
方法:layui.define([mods], callback)
layui.define(function(exports){
//do something
exports('demo', function(){
alert('Hello World!');
});
});
加载所需模块
layui.use(['laypage', 'layedit'], function(){
var laypage = layui.laypage
,layedit = layui.layedit
//do something
});
layui.use(['laypage', 'layedit'], function(laypage, layedit){
//使用分页
laypage();
//建立编辑器
layedit.build();
});
动态加载CSS
layui.link(href)
本地存储
本地存储是对 localStorage 和 sessionStorage 的友好封装,可更方便地管理本地数据。
localStorage 持久化存储:layui.data(table, settings),数据会永久存在,除非物理删除。
sessionStorage 会话性存储:layui.sessionData(table, settings),页面关闭后即失效。注:layui 2.2.5 新增
获取设备信息
layui.device(key)
其它
方法/属性 描述
layui.cache 静态属性。获得一些配置及临时的缓存信息
layui.extend(options) 拓展一个模块别名,如:layui.extend({test: '/res/js/test'})
layui.each(obj, fn) 对象(Array、Object、DOM对象等)遍历,可用于取代for语句
layui.getStyle(node, name) 获得一个原始DOM节点的style属性值,如:layui.getStyle(document.body, 'font-size')
layui.img(url, callback, error) 图片预加载
layui.sort(obj, key, desc) 将数组中的对象按某个成员重新对该数组排序,如:layui.sort([{a: 3},{a: 1},{a: 5}], 'a')
layui.router() 获得location.hash路由,目前在Layui中没发挥作用。对做单页应用会派上用场。
layui.hint() 向控制台打印一些异常信息,目前只返回了error方法:layui.hint().error('出错啦')
layui.stope(e) 阻止事件冒泡
layui.onevent(modName, events, callback) 自定义模块事件,属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块
layui.event(modName, events, params) 执行自定义模块事件,搭配onevent使用
layui.factory(modName) 用于获取模块对应的 define 回调函数
模块命名空间
layui 的模块接口会绑定在 layui 对象下,内部由 layui.define() 方法来完成。每一个模块都会一个特有的名字,并且无法被占用。所以你无需担心模块的空间被污染,除非你主动 delete layui.{模块名}。调用模块可通过 layui.use 方法来实现,然后再通过 layui 对象获得模块接口。
如何使用内部jQuery
//主动加载jquery模块
layui.use(['jquery', 'layer'], function(){
var
//重点处
,layer = layui.layer;
//后面就跟你平时使用jQuery一样
$('body').append('hello jquery');
});
layui 如何去dom_layui 的基本使用介绍相关推荐
- Sia(Siacoin/SC/云储币)去中心化存储平台介绍
Sia(Siacoin/SC/云储币)去中心化存储平台介绍 作者:家辉,日期:2018-02-03 CSDN博客: http://blog.csdn.net/gobitan 摘要:本文主要介绍云储币, ...
- 文明重启服务器维护怎么卡进去,文明重启更新之后进不去,具体玩法介绍
文明重启游戏一直受到很多玩家的关注,有一些玩家在获取到游戏安装包后,发现登陆不进去,这种情况下要怎么处理呢?无法登陆要如何解决?我们就一起来看看吧! 文明重启更新之后进不去 无法登陆解决方法 一.了解 ...
- layui 如何去dom_常用元素操作 - layui.element
元素功能的开启只需要加载element模块即会自动完成,譬如tab选项卡切换.导航菜单滑动切换效果.面包屑导航.进度条等,使用这些小交互功能的前提就是:拥有符合这些小功能的所需正确的HTML结构,以及 ...
- 中心化与去中心化的详细介绍
去中心化介绍 1.去中心化产生的背景 2.去中心化的前景 3.有关区块链的补充知识 1.去中心化产生的背景 **去中心化(decentralization)**是指在一个系统或组织中,权力.控制和决策 ...
- layui 如何去dom_javascript 怎么去引用layui里面的方法
现在,我有一个JSP页面,里面同时存在普通javascript的代码和layui的代码,我想调用layui里面的方法,该怎么引用? 这是javascript代码: var treeSetting = ...
- 51单片机学习笔记(5)——去耦电容的相关知识介绍
①去耦电容的应用背景--电磁干扰EMI 现实生活中的电磁干扰种类很多,包括静电放电ESD.快速瞬间群脉冲EFT.浪涌Surge等等.电磁干扰是我们在电路分析和设计中必须要注意的问题,比如一个简单的静电 ...
- layui中从上一个js模块中取参数_layui的引用js踩坑
前言: 今天因为项目需要,需要使用layui,因为本身不多的前端经验,以为layui的用法和其他的前端框架,例如jquery,bootstrap等等,只需要直接引入layui.js,和layui.cs ...
- WTM框架使用技巧之:Layui版本嫁接Vue+ElementUI
快点关注我们吧 作者介绍 庄星睿,现就职于海运物流行业,威海新海丰物流有限公司,IT技术兼管理职务. 从事过winform,wpf技术开发,自2019年接触wtm框架后,热衷使用wtm框架开发物流公司 ...
- LayUI之CRUD
目录 一.layui数据表格相关组件官网介绍 二.用户管理后台 三.用户新增 四.用户编辑 一.layui数据表格相关组件官网介绍 整体页面 ①先根据路径创建相关的界面,如下 ②在官网上找到数据表格的 ...
最新文章
- 阿里数学竞赛可以报名了!奖金增加到400万元,题目面向大众公开征集
- FFT C语言 修改了matlab
- Nhibernate和 Entity Framework 4优缺点
- win7 网络打印机 未授予用户在此计算机上的请求登录类型,Win7提示未授予用户在此计算机上的请求登录类型...
- Java调用MATLAB作图是的ERROR--MWEException
- u深度重装系统详细教程_u深度启动u盘安装win7系统教程
- imp导入dmp文件,过滤不想导入的表
- 技术岗-网上测评智力题
- 医学人工智能读书会与黄智生教授简历(公号回复“医学AI读书会”下载PDF资料,欢迎转发、赞赏、支持科普)
- CTFshow-萌新
- 【quasi-maximum likelihood decoder】一种有效的PSK信号准最大似然译码器matlab性能仿真
- 内存泄漏导致的浏览器崩溃
- 外贸客户催货催的很急的原因
- 目标检测的Tricks | 【Trick13】使用kmeans与遗传算法聚类anchor
- Cocos2d-JS中ctor和Cocos2d-x中init的作用
- 彻底搞懂隐式类型转换
- 编程难不难学?(3点解答你的疑惑)
- Linux各种安装软件包的方式
- 苹果CMS内容管理系统 - 苹果CMS官方网站
- 解决极客时间网页文字无法选中或复制copy