LayuiCdn 的正确使用姿势

LayuiCdn 的正确使用姿势

关于LayuiCdn上线时间是2018-01-09,截止至今也运行了差不多2年半,目前很多大站也在上线使用。

还等什么?开始正确使用吧
具体文档和版本 https://www.layuicdn.com/ 采用的是下面的高级加载方法

结构

其所有的版本结构与Layui官网下载的压缩包内的结构是一样的

  ├─css //css目录
  │  │─modules //模块css目录(一般如果模块相对较大,我们会单独提取,比如下面三个:)
  │  │  ├─laydate
  │  │  ├─layer
  │  │  └─layim
  │  └─layui.css //核心样式文件
  ├─font  //字体图标目录
  ├─images //图片资源目录(目前只有layim和编辑器用到的GIF表情)
  │─lay //模块核心目录
  │  └─modules //各模块组件
  │─layui.js //基础核心库
  └─layui.all.js //包含layui.js和所有模块的合并文件

普通加载

只需要改变资源地址

普通固定版本[推荐]:建议线上使用

CSS地址  https://www.layuicdn.com/layui-v2.5.6/css/layui.css 
JS地址  https://www.layuicdn.com/layui-v2.5.6/layui.js 
非模块化JS地址  https://www.layuicdn.com/layui-v2.5.6/layui.all.js 
其中 2.5.6 为版本可自行设置
普通自动更新最新版[不推荐]:建议测试使用

CSS地址  https://www.layuicdn.com/layui/css/layui.css 
JS地址  https://www.layuicdn.com/layui/layui.js 
非模块化JS地址  https://www.layuicdn.com/layui/layui.all.js 

高级加载

只需要执行script 加载即可,无需额外加载css,参数:v=版本,e=模块[ layui 或 layui.all ]

高级固定版本[推荐]:建议线上使用

版本模块化 <script src="https://www.layuicdn.com/auto/layui.js" v="2.5.6" e="layui"></script>
版本非模块化 <script src="https://www.layuicdn.com/auto/layui.js" v="2.5.6" e="layui.all"></script>
其中 2.5.6 为版本可自行设置
高级自动更新最新版[不推荐]:建议测试使用

最新版模块化
<script src="https://www.layuicdn.com/auto/layui.js"></script>
等介于
<script src="https://www.layuicdn.com/auto/layui.js" v="layui" e="layui"></script>

最新版非模块化
<script src="https://www.layuicdn.com/auto/layui.js" e="layui.all"></script>
等介于
<script src="https://www.layuicdn.com/auto/layui.js" v="layui" e="layui.all"></script>

如果您有更好的想法和建议等,可以回复本帖。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MCCRNFC.SNLoong

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值