Layui中文版是现在使用非常多的模块化前端UI框架,利用layui可以让你开发前端的时候可以更方便的进行套用,如果您正需要一款帮助您开发的框架,不要错过这款layui框架。
Layui中文版基本简介
Layui 是一款采用自身模块规范编写的情怀型前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。Layui 首个版本发布于2016年金秋,她区别于那些基于MVVM底层的UI框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。
Layui框架特色
——回归真理
在前端社区繁荣的背后,我们都在有意无意地进行着追逐。然而,拉ayui却偏偏回望当初,奔波在返璞归真的漫漫路途中,自信而勇敢,追寻着原生态的书写指令,试图用最简单的方式诠释高效。
——双向经验。
生活不仅仅有两个方面,Layui也一样。一面简约,一面丰满。简约是视觉所见的外在,是开发所念的简约。丰富是倾情雕琢的内在,是信手拈来的承诺。所有的事情都应该是这样,简简单单,双重体验。
——星星的海洋。
假如此刻还是一团零散的火光,那以后运筹帷幄,迎面是东风,是烈焰燎原吧,那必然是一场火烧尽。等待,秋风萧瑟时,散作满天繁星,你看那四季如春的轮回,正是Layui不灭的执念。
常见问题
- 如何使用内部jQuery?
由于Layui部分内置模块依赖jQuery,所以我们将jQuery1.11最稳定的一个版本作为一个内置的DOM模块(唯一的一个第三方模块)。只有你所使用的模块有依赖到它,它才会加载,并且如果你的页面已经script引入了jquery,它并不会重复加载。内置的jquery模块去除了全局的$和jQuery,是一个符合layui规范的标准模块。
- 为什么表单不显示?
当你使用表单时,Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例。值得注意的是:导航的Hover效果、Tab选项卡等同理(它们需依赖 element 模块)
- 该如何加载模块最科学?
事实上我们在模块规范已经有明确地说明,你可以采用预先加载和按需加载两种模式,但后者我们并不推荐(文档也解释原因了)。因此我们强烈推荐的方式是:你应该在你js文件的代码最外层,就把需要用到的模块 layui.use以 一下。
更新日志
- [新增] layui.off(events, modName) 方法,用于移除模块相关事件的监听
- [优化] layui.device() 方法,加入 mobile 属性,用于识别是否是在移动设备中
- [优化] form 组件的 verify 方法,如果返回 true,则不自动弹出提示框
- [修复] table 组件无数据时且开启初始排序功能,未显示「无数据」提示文案的问题
- [优化] slider 组件多处细节样式以及数字输入框始终保持显示
- [修复] slider 组件在设置 setTips 自定义提示文本时,change 回调返回的 value 也随之改变问题
- [修复] slider 组件在点击数字输入框加减按钮时,起始值未按初始值进行计算的问题
- [修复] rate 组件的 value 大于 length 时的文本显示异常问题
- [修复] tree 等部分组件在低版本浏览器下的若干问题