menu LayuiCdn 官方博客
LayuiCdn 的正确使用姿势
87824 浏览 | 2020-09-16 | 阅读时间: 约 1 分钟 | 分类: 默认分类,技术,分享 | 标签: JavaScript,教程
请注意,本文编写于 1528 天前,最后修改于 1300 天前,其中某些信息可能已经过时。

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

还等什么?开始正确使用吧 具体文档和版本 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>

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

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

全部评论

info 评论功能已经关闭了呐!