layui

layui

layui,是一款採用自身模組規範編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到 API 的每一處細節都經過精心雕琢,非常適合界面的快速開發。layui 首個版本發布於2016年秋,她區別於那些基於MVVM底層的 UI 框架,卻並非逆道而行,而是信奉返璞歸真之道。準確地說,她更多是為服務端程式設計師量身定做,你無需涉足各種前端工具的複雜配置,只需面對瀏覽器本身,讓一切你所需要的元素與互動,從這裡信手拈來。

存在價值

事實上,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網頁端後台系統與前台界面的速成開發方案

相關詞條

熱門詞條

聯絡我們