ylbtech-Template-Layui:百科 |
layui,是一款采用自身模塊規范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到 API 的每一處細節都經過精心雕琢,非常適合界面的快速開發。layui 首個版本發布於2016年秋,它區別於那些基於 MVVM 底層的 UI 框架,卻並非逆道而行,而是信奉返璞歸真之道。准確地說,她更多是為服務端程序員量身定做,你無需涉足各種前端工具的復雜配置,只需面對瀏覽器本身,讓一切你所需要的元素與交互,從這里信手拈來。
1.返回頂部 |
1、
- 外文名:layui
-
類 型:開源的模塊化前端 UI 框架
-
作 者:賢心
-
優 點:原生開發模式、模塊化、兼容性強
-
最新版本:2.5.4,2019-06-06
- 面向人群:后端開發者,前端工程師
2、
2.返回頂部 |
1、
存在價值
事實上,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網頁端后台系統與前台界面的速成開發方案
2、
3.返回頂部 |
4.返回頂部 |
5.返回頂部 |
0.1、
0.2、
1、
2、
6.返回頂部 |
![]() |
作者:ylbtech 出處:http://ylbtech.cnblogs.com/ 本文版權歸作者和博客園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責任的權利。 |