layui指的是什么

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

首先我們來說說什么是layui

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

為什么使用layui？

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

兼容性和面向場(chǎng)景

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

主要模塊

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

目錄結(jié)構(gòu)

├─css //css目錄
│ │─modules //模塊css目錄（一般如果模塊相對(duì)較大，會(huì)進(jìn)行單獨(dú)提取，比如下面三個(gè)）
│ │ ├─laydate
│ │ ├─layer
│ │ └─layim
│ └─layui.css //核心樣式文件
├─font //字體圖標(biāo)目錄
├─images //圖片資源目錄（目前只有l(wèi)ayim和編輯器用到的GIF表情）
│─lay //模塊核心目錄
│ └─modules //各模塊組件
│─layui.js //基礎(chǔ)核心庫(kù)
└─layui.all.js // 包含layui.js和所有模塊的合并文件

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