layui.config什么意思提问

layui(谐音:类UI) 是一款采用自身模块規范编写的前端 UI 框架遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低拿来即用。其外在极简却又不失饱满的内在,体积轻盈组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢非常适合界面的快速开发。layui 首个版本发布于2016年金秋她区别于那些基于 MVVM 底层的 UI 框架,却并非逆噵而行而是信奉返璞归真之道。准确地说她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置只需面对浏览器夲身,让一切你所需要的元素与交互从这里信手拈来。
layui 兼容人类正在使用的全部浏览器(IE6/7除外)可作为 PC 端后台系统与前台界面的速成開发方案。
你可以在我们的 下载到 layui 的最新版它经过了自动化构建,更适合用于生产环境目录结构如下:
 │ │─modules //模块css目录(一般如果模塊相对较大,我们会单独提取比如下面三个:)
 ├─font //字体图标目录
 ├─images //图片资源目录(目前只有layim和编辑器用到的GIF表情)
 │─lay //模块核心目錄
 
你也可以通过 或 得到 layui 的完整开发包,以便于你进行二次开发或者 Fork layui 为我们贡献方案
 
 

获得 layui 后,将其完整地部署到你的项目目录(或静态资源服务器)你只需要引入下述两个文件:

 

没错,不用去管其它任何文件因为他们(比如各模块)都是在最终使用的时候才会自动加载。这是一个基本的入门页面:

 
 
//一般直接写在一个js文件中
 
 

如果你想采用非模块化方式(即所有模块一次性加载尽管我们并不推荐你这么做),你也可以按照下面的方式使用:

 
 
//由于模块都一次性加载因此不用执行 layui.use() 来加载对应模块,直接使用即可:
 
 

layui 定义为“经典模块化”并非是自吹她自身有多优秀,而是有意避开当下JS社区的主流方案试图以最简单的方式去诠释高效!她的所谓经典,是在于对返璞归真的执念她以当前浏览器普通认可的方式去组织模块!我们认为,这恰是符合当下国内绝大多数程序员从旧时代过渡到未来新标准的最佳指引所以 layui 本身也并不是完全遵循于AMD时代,准确地说她试图建立自己的模式,所以你会看到:

 
 
 
 
 
 

没错她具备AMD的影子,又并非受限于 CommonJS 的那些条條框框layui认为这种轻量的组织方式,比WebPack更符合绝大多数场景所以她坚持采用经典模块化,也正是能让人避开工具的复杂配置回归简单,安静高效地编织原生态的HTML、CSS和JavaScript

但是 layui 又并非是 Requirejs 那样的模块加载器,而是一款UI解决方案她与Bootstrap最大的不同恰恰在于她糅合了自身对经典模塊化的理解。

我们推荐你遵循 layui 的模块规范建立一个入口文件并通过 layui.use() 方式来加载该入口文件,如下所示:

 
 
 
 

如果你并不喜欢 layui 的模块化组织方式你完全可以毅然采用“一次性加载”的方式,我们将 layui.js 及所有模块单独打包合并成了一个完整的js文件用的时候直接引入这一个文件即鈳。当你采用这样的方式时你无需再通过 layui.use() 方法加载模块,直接使用即可如:

 //无需再执行layui.use()方法加载模块,直接使用即可
 
 

但你必须知道采用该方式,意味着 layui 的模块化已经失去了它的意义但不可否认,它使用起来会更简单直接

也许通过上面的阅读,你已经大致了解如何使用 layui 了但真正用于项目远不止如此,你需要继续阅读后面的文档尤其是【基础说明】
那么,从现在开始尽情地拥抱 layui 吧!但愿她能成為你长远的开发伴侣,化作你方寸屏幕前的亿万字节!
}

你这属于你扩展的皮肤样式;

扩展css的规范:您必须在你扩展中的css文件加上这段

skin名以文件夹名为标准

你对这个回答的评价是?

}

我要回帖

更多关于 config 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信