• 1.摘要
  • 2.基本信息
  • 3.存在价值
  • 4.元素
  • 5.模块
  • 6.兼容性
  • 7.使用场景
  • 8.参考资料

layui

由职业前端倾情打造,面向全层次的前后端开发者,低门槛开箱即用的前端 UI 解决方案

基本信息

  • 外文名

    layui

  • 类型

    开源的模块化前端 UI 框架

  • 作者

    贤心

  • 优点

    原生开发模式模块化兼容性强1

  • 最新版本

    v2.5.72020-11-27

  • 面向人群

    后端工程师前端工程师

存在价值

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

元素

layui的元素由以下组成:

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

模块

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

layui 还提供了基于layui实现的通用型后台管理模板系统layuiAdmin,包括单页版,ifream版以及套装版。

兼容性

Chrome / Firefox / Safari /Internet Explorer 8.0+1

使用场景

layui可作为 PC网页端后台系统与前台界面的速成开发方案

参考资料

  • 1
    layui 入门指南layui 官网(引用日期 2018-05-10)