layui怎么引用
脚本宝典收集整理的这篇文章主要介绍了layui怎么引用，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
layui 怎么引用
在下载layui后如何快速将其引入至项目中，layui是一款经典模块化前端ui，它的模块是基于 layui.js 内部实现的异步模块加载方式 ，与日常所熟知的amD 规范有所区别，有一套完全属于layui定义的模块加载规范，通过预加载方式，这也是layui官方所推荐的方式，将下载到的源码引入项目只需要引入layui.css和layui.js两个文件，通过layui.use()方法完成需要使用的模块加载。
如下示例所示：加载layui内置的jquery稳定版本和layer组件
【当我们在初次接触layui时，如果还没有耐心读完layui官方文档，我们可以先记住使用格式和使用规范，能正常用了再深入，不要纠结于细节而停步不前，我遇到过一些交流layui使用的用户，他还没看过文档就直接去读layui源码的，结果还是云里雾里，误以为直奔源码是最佳方式，一叶障目而不见泰山，两耳塞豆而不闻雷霆；
个人观点：如果作为学习时又觉得撇开文档直接去读源码的方式适合自己 暂不做评论，但若是用于工作此种方式个人认为是最为笨拙的，因此官方文档对初学者是必读的，而不是直接上来就去看源码，本系列文档可作为larryms产品使用的前提基础，若是初次接触推荐阅读，若有瑕疵可在评论中给予斧正】
code
<!DOCTYPE htML> <html> <head> <;meta charset="UTF-8"> <tITle>Document</title> <link rel="stylesheet" href="layui/css/layui.css"> <!-- your css link --> </head> <body> <!-- you html code --> <script type="text/javascript" src="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的产品中是比较常见的。
更多Layui相关技术文章，请访问Layui框架教程栏目进行学习！
以上就是layui怎么引用的详细内容，更多请关注脚本宝典其它相关文章！
脚本宝典总结
以上是脚本宝典为你收集整理的layui怎么引用全部内容，希望文章能够帮你解决layui怎么引用所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
- clion结合vcpkg以及GTest的使用 2022-07-07
- EGF 2022-06-06
- ExtJS 布局-Column布局（Column layout） 2022-06-05
- 颜色之ARGB与RGB、RGBA的区别与介绍 2022-04-15
- rgba中的a是什么意思 CSS之RGBA颜色指南 2022-04-15
- rootfs -根文件系统制作 2022-07-07
- 网页简单布局之结构与表现原则分享 2022-04-15
- 小项目中怎么防止Vue的闪现画面效果 2022-04-15
- 隐藏 Web 中的元素方法及优缺点教程详解 2022-04-15
- 告别硬编码让你的前端表格自动计算的实例代码 2022-04-15