LayUI 怎么引用
layui是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。
layui怎么引用?
在下载layui后如何快速将其引入至项目中,layui是一款经典模块化前端ui,它的模块是基于 layui.js 内部实现的异步模块加载方式 ,与日常所熟知的AMD 规范有所区别,有一套完全属于layui定义的模块加载规范,通过预加载方式,这也是layui官方所推荐的方式,将下载到的源码引入项目只需要引入layui.css和layui.js两个文件,通过layui.use()方法完成需要使用的模块加载。
如下示例所示:加载layui内置的jquery稳定版本和layer组件
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="https://www.swvq.com/layui/layui/css/layui.css">
<!-- your css link -->
</head>
<body>
<!-- you html code -->
<script type="text/javascript" src="https://www.swvq.com/layui/layui/layui.js"></script>
<script>
layui.use(['jquery','layer'],function(){
var $ = layui.$,
layer = layui.layer;
#your js coding
});
</script>
</body>
</html>
备注:
预加载的方式无论从代码可维护度、阅读便利以及代码优雅美观方面是要强于按需加载避免随从可见的layui.use()造成混乱,曾遇到过对网站性能的极致苛求用户使用按需加载方式【不推荐使用按需加载方式】,按需加载如果对变量的作用域等关系处理不当也容易出现错误且不便于后期维护,当然在某些特定的情况下 可以配合layui.cache.xx全局变量使用按需加载也是相对较好的方式;
但同时也不建议直接引入 layui.all.js一次性全加载(全加载方式似乎失去了layui模块化的意义); layui的模块组件通过预加载方式在larryms的产品中是比较常见的。
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tangbciek
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01