怎样评价LayUI和他的作者贤心

layui更多是面向于后端开发者，所以在组织形式上毅然采用了几年前的以浏览器为宿主的类 AMD 模块管理方式，却又并非受限于 CommonJS 的那些条条框框，它拥有自己的模式，更加轻量和简单。layui 定义为“经典模块化”，并非是刻意强调“模块”理念本身，而是有意避开当下 JS 社区的主流方案，试图以尽可能简单的方式去诠释高效！它的所谓经典，是在于对返璞归真的执念，它以当前浏览器普通认可的方式去组织模块！ layui 认为这种轻量的组织方式，仍然可以填补 WebPack 以外的许多场景。所以它坚持采用经典模块化，也正是能让人避开工具的复杂配置，重新回归到原生态的 HTML/CSS/JavaScript本身！

layui的元素由以下组成：

布局（栅格、后台布局）、颜色、字体图标、动画、按钮、表单、导航条、面包屑、选项卡、进度条、面板、静态表格、徽章、时间线、辅助元素等。layui 提供了丰富的内置模块，他们皆可通过模块化的方式按需加载，其中包括：layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。

layui的出发点很简单：满足服务端程序员的需求。因此可以毫不保留地说，layui并非面向于前端开发者，所以我们在组织形式上毅然采用了几年前的以浏览器为宿主的类AMD模块管理方案。layui定义为“经典模块化”，绝非是自吹她自身有多优秀，也并非是刻意强调“模块”理念，而是有意避开当下JS社区的主流方案，试图以最简单的方式去诠释高效！她的所谓经典，是在于对返璞归真的执念，她以当前浏览器普通认可的方式去组织模块！layui认为这种轻量的组织方式，仍然可以填补WebPack以外的场景。所以她坚持采用经典模块化，也正是能让人避开工具的复杂配置，回归到简单而原生态。

1、首先引入layui的样式代码。

2、然后创建html代码，添加上layui的导航样式，layui-nav。

3、运行页面，这时就可以看到一个美观的导航菜单了。

4、现在的菜单右边有很多空白的地方，可以添加样式，为导航栏条目添加长度，让其布满页面。添加一个样式，注意样式名和刚才默认的样式名一样。添加width:25%的样式。

5、再次运行页面，现在导航栏的条目布满了，没有留下过多的空白了。

layui框架有10个核心文件。

轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。

YDUI Touch专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高;使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局;实现强大的屏幕适配布局，等比例适配所有屏幕。

layui的元素由以下组成：

布局（栅格、后台布局）、颜色、字体图标、动画、按钮、表单、导航条、面包屑、选项卡、进度条、面板、静态表格、徽章、时间线、辅助元素等。

layui提供了丰富的内置模块，他们皆可通过模块化的方式按需加载，其中包括：layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。

layUI本身不提供手风琴效果的垂直菜单 不过你可以自己用JavaScript或者jQuery进行修改；

监听导航li的点击事件，触发点击事件的时候 给当前li 添加 类名 layui-nav-itemed 并且给li的兄弟元素li清除类名 layui-nav-itemed

用jq的话写法如下

$('layui-nav-tree')on('click','li',function(){

thisaddClass('layui-nav-itemed')siblings('li')removeClass('layui-nav-itemed')

})

以上就是关于怎样评价LayUI和他的作者贤心全部的内容，包括:怎样评价LayUI和他的作者贤心、layui侧边栏折叠和展开效果该怎么实现、layui框架有几个核心文件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！