Blue Flower

layui框架是目前国内最优秀的一款经典模块化前段框架,也是一款带着浓烈情怀的国产前端UI框架,这款框架深受前段开发人员的青睐,追求极简,又不失丰盈的内在,是一款非常实用的轻量级前端开发框架。该框架对前端社区的嘈杂声音进行过滤,再加上本身的精雕细琢,开发人员可以通过layui框架尽情打造自己喜欢的前端界面。
许多用户都知道,layui框架被定义为“经典模块化”,那么为什么会被冠以经典呢?因为这款框架并不是自己标榜的,而是绕开了JS社区,以最简单的方式去诠释各种高效的开发手段,所以被广大程序员认可,如果用户想要更好的进行前段开发,那么这款框架绝对不能够错过。
202210300229443520870000

软件特色

知识兔一、返璞归真
前端社区正在变得日渐喧嚣,知识兔似乎很难停下追逐的脚步。而Layui偏偏回望当初,奔赴在返璞归真的漫漫征途,自信并勇敢着,追寻于原生态的书写指令,试图以最简单的方式诠释高效。
二、双面体验
拥有双面的不仅是人生,还有Layui。一面极简,一面丰盈。极简是视觉所见的外在,是开发所念的简易。丰盈是倾情雕琢的内在,是信手拈来的承诺。一切本应如此,简而全,双重体验。
三、星辰大海
如果眼下还是一团零星之火,那运筹帷幄之后,迎面东风,就是一场烈焰燎原吧,那必定会是一番尽情的燃烧。待,秋风萧瑟时,散作满天星辰,你看那海天相接,正是Layui不灭的执念。

快速上手指南

知识兔获得layui后,将其完整地部署到你的项目目录(或静态资源服务器),你只需要引入下述两个文件:
202210300229446410380001
没错,不用去管其它任何文件。因为他们(比如各模块)都是在最终使用的时候才会自动加载。这是一个基本的入门页面:
202210300229448654220002
1、规范化的用法(推荐)
如果你想快速使用Layui的组件,你还是跟平时一样script标签引入你的js文件,然后在你的js文件中使用layui的组件。但知识兔更推荐你遵循Layui的模块规范,建立一个自己的模块作为入口:
202210300229450899330003
上述的 index 即为你 /res/js/modules/ 目录下的 index.js,它的内容应该如下:
202210300229453381950004
2、简单粗暴用法
如果你觉得Layui的模块化还是有点啰嗦,木有关系的亲。Layui考虑到了像你一样的猿群,知识兔将layui.js及所有模块单独打包合并成了一个完整的js文件,用的时候直接引入这一个文件即可。当你采用这样的方式,你将不用通过layui.use加载模块,你只需要直接用,譬如:
202210300229455612880005
但你必须知道,这种使用方式,意味着Layui的模块化已经失去了它的意义。但不可否认,它比什么都来的简单。
好了,不管你采用什么样的方式,从现在开始,尽情地使用Layui吧!但愿这是一段美妙的旅程。

更新日志

知识兔* Tab选项卡新增用于添加Tab选项的接口:element.tabAdd(filter, options);
* Tab选项卡新增用于外部删除Tab选项的接口:element.tabDelete(filter, index);
* Tab选项卡新增用于动态切换的接口:element.tabChange(filter, index);
* 表单组select、checkbox、radio等新增 disabled 属性的禁用支持
* 修复水平导航二级菜单在ie8下无法使用的bug
* 修复layPage分页在ie8的样式兼容问题
* 修复Form表单组radio框使用name="a[b]"、name="a.b"这种格式出现报错的bug
* 修复在使用了element.init()后,Tab选项卡的相关事件出现多次执行的bug
* 修复在使用了element.init()后,面包屑重复插入了分隔符的bug
* checkbox框样式调整,勾选图标放在左侧
* 导航菜单在ie10以下浏览器开启了hover效果

下载体验

请输入密码查看内容!

如何获取密码?

 

点击下载