layui 的基本使用介紹

2022-06-30 04:12:10 字數 1479 閱讀 9196

layui.config();
方法:layui.define([mods], callback)

layui.define(function(exports));

});

layui.use(['laypage', 'layedit'], function());
layui.use(['laypage', 'layedit'], function(laypage, layedit));
本地儲存是對 localstorage 和 sessionstorage 的友好封裝,可更方便地管理本地資料。

方法屬性 描述

layui.cache

靜態屬性。獲得一些配置及臨時的快取資訊

layui.extend(options)

拓展乙個模組別名,如:layui.extend()

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')

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模組

layui.use(['jquery', 'layer'], function());

關於layui的基本使用問題

使用時首先要檢視文件,會介紹基本的用法。專案中需要引入layui.js,跟layui.css 這種是模組化載入的方式,若是模組化載入方式,一定要在專案中匯入解壓包內的模組,因為有些內建模組是可能使用到的 如果有錯誤,可以使用瀏覽器的開發者工具進行測試。我出現的問題是下拉框,核取方塊,單選框等未顯示的...

LayUI流載入的基本使用

首先在html頁面中定義乙個存放載入內容的標籤 頁面樣式可以根據自己需求進行除錯 使用js根據上面給定的標籤,渲染插入資料。如下。layui.use flow function function res pages為ajax返回的總頁數,只有當前頁小於總頁數的情況下,才會繼續出現載入更多 next ...

《layui宇宙版教程》 Layui介紹

1.1 layui介紹 layui是經典的模組化前端框架,由職業前端資深工程師傾情打造,面向全層次的前後端開發者和低門檻開箱即用的前端ui解決方案。layui是採用模組化規範編寫的前端ui框架,遵循原生html css js的書寫與組織形式,學習門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體...