今天老貓要跟大家分享一款採用自身模塊規範編寫的前端UI框架。
簡介：
layui 是一款採用自身模塊規範編寫的情懷型前端UI框架，遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，組件豐盈，從核心代碼到API的每一處細節都經過精心雕琢，非常適合界面的快速開發。layui 首個版本發佈於2016年金秋，她區別於那些基於MVVM底層的UI框架，卻並非逆道而行，而是信奉返璞歸真之道。準確地說，她更多是為服務端程序員量身定做，你無需涉足各種前端工具的複雜配置，只需面對瀏覽器本身，讓一切你所需要的元素與交互，從這裡信手拈來。
返璞歸真
layui 定義為“經典模塊化”，並非是自吹她自身有多優秀，而是有意避開當下JS社區的主流方案，試圖以最簡單的方式去詮釋高效！她的所謂經典，是在於對返璞歸真的執念，她以當前瀏覽器普通認可的方式去組織模塊！我們認為，這恰是符合當下國內絕大多數程序員從舊時代過渡到未來新標準的最佳指引。所以 layui 本身也並不是完全遵循於AMD時代，準確地說，她試圖建立自己的模式，所以你會看到：
沒錯，她具備AMD的影子，又並非受限於commonjs的那些條條框框，layui 認為這種輕量的組織方式，比WebPack更符合絕大多數場景。所以她堅持採用經典模塊化，也正是能讓人避開工具的複雜配置，迴歸簡單，安靜高效地擼一會原生態的HTML、CSS、JavaScript。
但是 layui 又並非是Requirejs那樣的模塊加載器，而是一款UI解決方案，她與Bootstrap最大的不同恰恰在於她糅合了自身對經典模塊化的理解。
快速上手
獲得 layui 後，將其完整地部署到你的項目目錄（或靜態資源服務器），你只需要引入下述兩個文件：
不用去管其它任何文件。因為他們（比如各模塊）都是在最終使用的時候才會自動加載。這是一個基本的入門頁面：
如果你想採用非模塊化方式（即所有模塊一次性加載，儘管我們並不推薦你這麼做），你也可以按照下面的方式使用：
官網首頁：
交流社區網站首頁：
從現在開始，盡情地擁抱 layui 吧！但願她能成為你長遠的開發伴侶，化作你方寸屏幕前的億萬字節！
閱讀更多 老貓碼坊 的文章
關鍵字: HTML 程序員 JavaScript
