layui
文章平均质量分 90
Kinghiee
Front-end Developer
展开
-
Layui源码解读之use函数(模块加载)
立即执行函数中做的事情是,把 string 和 function 类型的参数转为字符串数组形式并返回给 apps ,数组中是layui要加载的模块。会先判断当前环境中是否已经引入 jquery,如果引入就遍历要加载的模块(apps),找到要加载的模块名为 jquery 的,然后删除。获取加载的模块 URL。如果是内置模块, 则按照 dir 参数拼接模块路径, 否则如果是扩展模块, 则判断模块路径值是否以 {/} 开头, 如果路径值是 {/} 开头, 则模块路径即为后面紧跟的字符。原创 2023-06-02 10:00:25 · 6558 阅读 · 0 评论 -
Layui源码解读之define函数
exports函数中执行模块注册和存储回调函数,其中setApp函数通过 layui[app] = exports 语句把导出的内容挂在到全局中,并且使用 config.status[app] = true 语句表示该模块已经被加载。当你声明了上述的一个模块后,你就可以在外部使用了,demo 就会注册到 layui 对象下,即可通过 var demo = layui.demo 去得到该模块接口。callback函数执行时,首先判断 factory 函数是否为函数,为函数时执行 factory 函数。原创 2023-05-30 10:34:04 · 1553 阅读 · 0 评论 -
Layui源码解读之device函数(获取浏览器信息)
一、device 函数 // 设备信息 Layui.prototype.device = function(key){ var agent = navigator.userAgent.toLowerCase(); // 获取 ua ① // 获取版本号 var getVersion = function(label){ var exp = new RegExp(label + '/([\^\\s\\_\原创 2022-04-24 11:17:05 · 3786 阅读 · 1 评论 -
Layui源码解读之img函数(图片预加载)
一、img 函数 Layui.prototype.img = function(url, callback, error){ var img = new Image(); // 创建 img img.src = url ; // 赋值 url // complete 更多内容查看 https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLImageElement/complete原创 2022-04-21 10:27:43 · 2235 阅读 · 0 评论 -
layui 左边垂直导航与tab联动
效果图Tab代码<div class="layui-body"> <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="demo"> <ul class="layui-tab-title"> <li class="layui-this" lay-id="control"><span>控制台</span>原创 2020-07-02 20:40:36 · 3943 阅读 · 3 评论