layui,是一款採用自身模組規範編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到 API 的每一處細節都經過精心雕琢,非常適合界面的快速開發。layui 首個版本發布於2016年秋,她區別於那些基於 MVVM 底層的 UI 框架,卻並非逆道而行,而是信奉返璞歸真之道。準確地說,她更多是為服務端程式設計師量身定做,你無需涉足各種前端工具的複雜配置,只需面對瀏覽器本身,讓一切你所需要的元素與互動,從這裡信手拈來。
基本介紹
- 外文名:layui
- 類型:開源的模組化前端 UI 框架
- 作者:賢心
- 優點:原生開發模式、模組化、兼容性強
- 最新版本:2.4.5,2018-11-01
- 面向人群:後端開發者,前端工程師
存在價值,元素,模組,兼容性,使用場景,
存在價值
事實上,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等。
兼容性
Chrome / Firefox / Safari /Internet Explorer 8.0+
使用場景
layui可作為 PC網頁端後台系統與前台界面的速成開發方案