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

作前端的小夥伴確定都用過或聽過Bootstrap和LayUi,小編我雖然不是專業的前端程序員,可是對於前端仍是很有研究,閒暇事情會常常研究各類前端框架的源碼,一來能夠借鑑優秀框架的思想,二來能夠順便學習能夠提升本身,好了,不廢話了。php

先看百度Bootstrap的定義css

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

Twitter公司維護的框架,不少作前端的最愛,尤爲是響應式網站,第一個想到的框架就是Bootstrap,Bootstrap的柵格系統很經典,咱們團隊目前用的框架也是借鑑了Bootstrap的思想。jquery

再來看看Layui官方的定義程序員

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

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

網上有不少這兩款框架的對比,可是基本都是互相複製,徹底不是本身的體驗,下面就這兩款框架說我我的的一點見解。後端

一、知名度。前端框架

做爲程序員,不少事情都喜歡用數聽說話,看百度指數,百度指數能很好的衡量一個框架的收歡迎程度。框架

前端框架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年時間達到這種程度,能夠反映框架的受歡迎程度。

二、使用範圍

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

作後臺框架。做者「閒心」都說了,開發這個框架的出發點是爲了知足服務端程序員的需求。因此你懂得,layui是提供給後端開發人員最好的ui框架,基於DOM驅動,在實現前端交互上比較麻煩,頁面的增刪改查都須要查詢DOM元素。

layui封裝了不少後臺系統經常使用的效果,不少基於thinkphp的後臺系統都會用 layui做爲框架,對於後端程序員來講,輕輕鬆鬆就能夠弄一個很美觀的後臺界面出來,省事省力,畢竟不少後端程序員對界面ui的掌控是很是有限的。

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

固然bootstrap也能夠用於後端,可是相比layui的滿漢全席,bootstrap更適合有必定前端能力的開發人員,能夠自由定製本身的組件,國內知名的PageAdmin網站系統的後臺就是採用bootstrap的框架。

三、美觀程度

這個每一個人的審美還真不同,就拿作後臺框架這塊來講吧,我我的感受是layui作的界面色彩鮮豔,bootstrap作的界面色調簡潔,後臺系統通常都是表單界面居多,下面截圖對比。

layui的表單界面截圖:

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

bootstrap的表單界面截圖:

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

從上面的對比能夠看出layui的表單比bootstrap色彩大膽不少。

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

對於這兩款框架,若是有不一樣的建議能夠評論留言,歡迎你們轉發。

相關文章
相關標籤/搜索