ylbtech-Template-Layui:百科 |
layui,是一款採用自身模塊規範編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到 API 的每一處細節都通過精心雕琢,很是適合界面的快速開發。layui 首個版本發佈於2016年秋,它區別於那些基於 MVVM 底層的 UI 框架,卻並不是逆道而行,而是信奉返璞歸真之道。準確地說,她更可能是爲服務端程序員量身定作,你無需涉足各類前端工具的複雜配置,只需面對瀏覽器自己,讓一切你所須要的元素與交互,從這裏信手拈來。前端
一、
-
外文名:layui
-
類 型:開源的模塊化前端 UI 框架
-
做 者:賢心
-
優 點:原生開發模式、模塊化、兼容性強
-
最新版本:2.5.4,2019-06-06
-
面向人羣:後端開發者,前端工程師
二、
一、
存在價值
事實上,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網頁端後臺系統與前臺界面的速成開發方案
二、
0.一、
0.二、
一、
二、