layui向body添加html_layui怎么引⽤?
html如何下载layui是⼀款采⽤⾃⾝模块规范编写的前端 UI 框架,遵循原⽣ HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即⽤。其外在极简,却⼜不失饱满的内在,体积轻盈,组件丰盈,从核⼼代码到 API 的每⼀处细节都经过精⼼雕琢,⾮常适合界⾯的快速开发。
layui怎么引⽤?
在下载layui后如何快速将其引⼊⾄项⽬中,layui是⼀款经典模块化前端ui,它的模块是基于 layui.js 内部实现的异步模块加载⽅式 ,与⽇常所熟知的AMD 规范有所区别,有⼀套完全属于layui定义的模块加载规范,通过预加载⽅式,这也是layui官⽅所推荐的⽅式,将下载到的源码引⼊项⽬只需要引⼊layui.css和layui.js两个⽂件,通过layui.use()⽅法完成需要使⽤的模块加载。
如下⽰例所⽰:加载layui内置的jquery稳定版本和layer组件
代码
Document
layui.use(['jquery','layer'],function(){
var $ = layui.$,
layer = layui.layer;
#your js coding
});
备注:
预加载的⽅式⽆论从代码可维护度、阅读便利以及代码优雅美观⽅⾯是要强于按需加载避免随从可见的layui.use()造成混乱,曾遇到过对⽹站性能的极致苛求⽤户使⽤按需加载⽅式【不推荐使⽤按需加载⽅式】,按需加载如果对变量的作⽤域等关系处理不当也容易出现错误且不便于后期维护,当然在某些特定的情况下 可以配合全局变量使⽤按需加载也是相对较好的⽅式;
但同时也不建议直接引⼊ layui.all.js⼀次性全加载(全加载⽅式似乎失去了layui模块化的意义); layui的模块组件通过预加载⽅式在larryms 的产品中是⽐较常见的。
更多web开发相关知识,请查阅 HTML中⽂⽹ !!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论