前端框架bootstrap和layui的區別有哪些


做前端的小伙伴肯定都用過或聽過Bootstrap和LayUi,小編我雖然不是專業的前端程序員,但是對於前端還是頗有研究,閑暇事情會經常研究各種前端框架的源碼,一來可以借鑒優秀框架的思想,二來可以順便學習可以提高自己,好了,不廢話了。

先看百度Bootstrap的定義

Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架,使得 Web 開發更加快捷。

Twitter公司維護的框架,很多做前端的最愛,尤其是響應式網站,第一個想到的框架就是Bootstrap,Bootstrap的柵格系統很經典,我們團隊目前用的框架也是借鑒了Bootstrap的思想。

再來看看Layui官方的定義

layui 是一款采用自身模塊規范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到 API 的每一處細節都經過精心雕琢,非常適合界面的快速開發。

layui是一款國產的不可多得的優秀框架,我們團隊的一些內部管理系統項目偶爾也會用到這款框架,我曾經研究這個框架代碼,代碼寫得很優雅,整體設計堪稱大師級別,作者賢心絕對是前端大神級的人物。

網上有很多這兩款框架的對比,但是基本都是互相復制,完全不是自己的體驗,下面就這兩款框架說我個人的一點看法。

1、知名度。

作為程序員,很多事情都喜歡用數據說話,看百度指數,百度指數能很好的衡量一個框架的收歡迎程度。

前端框架bootstrap和layui的區別有哪些

Bootstrap的百度指數是10,015,layui的指數是7,476,可能大家不知道這個數字到底是什么程度,那么我給大家一個對比,jquery框架夠出名了吧,基本所有前端都會用這個框架,jquery的百度指數為6,246,這下大家明白了吧,layui和Bootstrap的受歡迎程度不亞於jquery。

Bootstrap比layui的指數高出3000多個點,但是有一點需要明白, layui是2016年后才正式出來,Bootstrap的1.0版本在2012年就發布了,也就是layui在短短的3年時間達到這種程度,可以反映框架的受歡迎程度。

2、使用范圍

layui 其實更偏向與后端開發人員使用,在服務端頁面上有非常好的效果。

做后台框架。作者“閑心”都說了,開發這個框架的出發點是為了滿足服務端程序員的需求。所以你懂得,layui是提供給后端開發人員最好的ui框架,基於DOM驅動,在實現前端交互上比較麻煩,頁面的增刪改查都需要查詢DOM元素。

layui封裝了很多后台系統常用的效果,很多基於thinkphp的后台系統都會用 layui作為框架,對於后端程序員來說,輕輕松松就可以弄一個很美觀的后台界面出來,省事省力,畢竟很多后端程序員對界面ui的掌控是非常有限的。

bootstrap 在前端響應式方面做得很好,PC端和移動端表現都不錯, 很適合做響應式網站,同時滿足PC端和移動端效果,雖然很多公司前端都會有自己的一套框架,但是據我所看的很多大型公司的前端頁面的css文件,大凡響應式框架都是借鑒了bootstrap的思想。

當然bootstrap也可以用於后端,但是相比layui的滿漢全席,bootstrap更適合有一定前端能力的開發人員,可以自由定制自己的組件,國內知名的PageAdmin網站系統的后台就是采用bootstrap的框架。

3、美觀程度

這個每個人的審美還真不一樣,就拿做后台框架這塊來說吧,我個人感覺是layui做的界面色彩鮮艷,bootstrap做的界面色調簡潔,后台系統一般都是表單界面居多,下面截圖對比。

layui的表單界面截圖:

前端框架bootstrap和layui的區別有哪些

bootstrap的表單界面截圖:

前端框架bootstrap和layui的區別有哪些

從上面的對比可以看出layui的表單比bootstrap色彩大膽很多。

總結:這兩款框架都是很優秀的前端框架,沒有孰好孰壞,關鍵和你項目吻合,並符合你個人的愛好。

對於這兩款框架,如果有不同的建議可以評論留言,歡迎大家轉發。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM