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 #─#font // 圖示目錄
├─images //圖片資源目錄（目前只有layim和編輯器用到的GIF表情）
│─lay //模組核心目錄
│ └─modules //各模組元件
│ ─layui.js //基礎核心庫
└─layui.all.js // 包含layui.js和所有模組的合併檔案

以上是layui是什麼？有什麼作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！