layui指的是什么

小編給大家分享一下layui指的是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

首先我們來說說什么是layui

layui是一款采用自身模塊規范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細節都經過精心雕琢，非常適合界面的快速開發。layui 首個版本發布于2016年秋，它區別于那些基于 MVVM 底層的 UI 框架，卻并非逆道而行，而是信奉返璞歸真之道。準確地說，它更多是為服務端程序員量身定做，開發者無需涉足各種前端工具的復雜配置，只需面對瀏覽器本身，使得開發十分便捷。

為什么使用layui？

layui更多是面向于后端開發者，所以在組織形式上毅然采用了幾年前的以瀏覽器為宿主的類 AMD 模塊管理方式，卻又并非受限于 CommonJS 的那些條條框框，它擁有自己的模式，更加輕量和簡單。layui 定義為“經典模塊化”，并非是刻意強調“模塊”理念本身，而是有意避開當下 JS 社區的主流方案，試圖以盡可能簡單的方式去詮釋高效！它的所謂經典，是在于對返璞歸真的執念，它以當前瀏覽器普通認可的方式去組織模塊！ layui 認為這種輕量的組織方式，仍然可以填補 WebPack 以外的許多場景。所以它堅持采用經典模塊化，也正是能讓人避開工具的復雜配置，重新回歸到原生態的 HTML/CSS/JavaScript本身！

兼容性和面向場景

layui 兼容人類正在使用的全部瀏覽器（IE6/7除外），可作為 PC 端后臺系統與前臺界面的速成開發方案。

主要模塊

layui 提供了豐富的內置模塊，他們皆可通過模塊化的方式按需加載，其中包括：layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。

目錄結構

├─css //css目錄
│ │─modules //模塊css目錄（一般如果模塊相對較大，會進行單獨提取，比如下面三個）
│ │ ├─laydate
│ │ ├─layer
│ │ └─layim
│ └─layui.css //核心樣式文件
├─font //字體圖標目錄
├─images //圖片資源目錄（目前只有layim和編輯器用到的GIF表情）
│─lay //模塊核心目錄
│ └─modules //各模塊組件
│─layui.js //基礎核心庫
└─layui.all.js // 包含layui.js和所有模塊的合并文件

看完了這篇文章，相信你對layui指的是什么有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！