2013-07-22 29 views
46

我剛剛比較了這兩個前端框架,並且從我所知道的情況來看,它們似乎在提供開發人員方面做了完全相同的事情與HTML,CSS和JS前端。Twitter引導程序和Angular.js之間的真實(或隱藏)差異/

Boostrap:時尚,直觀,功能強大的前端框架,可以更快,更輕鬆地開發Web。 (超過53 000人出演GitHub)

Angular.js:AngularJS是動態網絡應用程序的結構框架。 (12 000在GitHub上出演)

這些評級沒有任何意義,但我只是認爲我會把它放在那裏,以表明這不是我沒有研究過的'快速'問題。

從我通過維基百科瞭解到的Angular中,它旨在將前端設計/佈局/ ui與後端完全分開 - 數據庫位於哪裏,Web服務器是什麼以及業務邏輯發生在哪裏。

從我所瞭解的bootstrap(使用它的JS)中,你可以達到完全相同的效果。

角網站提到:

其他框架處理HTML的缺點,無論是通過抽象掉HTML,CSS和/或JavaScript或通過提供用於操作DOM的必要途徑。這些都沒有解決HTML不是爲動態視圖設計的根本問題。

現在我不確定他們是否在骨幹或甚至是自舉(如果你很容易冒犯,然後忽略potshots評論),如果他們正在進行potshots,但對我來說,我不能弄清楚兩者之間有什麼真實和真實的區別。2.可能有一些關於DOM或JS或HTML的其他微小/微小方面的高級信息,它們使得2不同,但我不知道看見。

PS。沒有SOF這樣的問題存在,也沒有任何博客談論它(除非排名非常低或者我錯誤地提問)。

我還發現有些人正在將引導程序移植到角度上。

編輯:思考它,我意識到bootstrap提供了不同屏幕視圖的大小調整選項,我不確定角度是否。如果不是,唯一的區別是什麼?

+0

謝謝你們。這兩個答案都很有意義。我從來沒有這樣想過。所以看起來角度更適合先進的JS,而引導更加基於設計。我已經投了兩個答案。也許他們可以合併獲得最佳答案? – Joe

回答

50

Bootstrap是一個設計框架,用於構建簡單,美觀的組件和響應式設計。它還具有基本的js組件,可以讓任何開發人員的生活更輕鬆,突出顯示後端開發人員,他們對HTML設計規則不是很有經驗。

所以,只要把CSS,檢查的例子,並複製它在你的項目。這是Bootstrap的主要流程。

Angular是一個JS框架,用於構建複雜的Web應用程序。它符合Backbone,Ember Js。

拿一個表單的簡單例子,您希望在Submit上進行ajax調用。現在,您可以通過Bootstrap CSS製作漂亮的表單,但是您需要使用JavaScript或者在這種情況下使用angular來進行ajax調用並執行所需的功能。

這些在網絡應用中攜手並進,它們不是競爭對手。

52

BootstrapAngularJS是2個非常不同的框架。

從SO標籤,信息

Twitter的引導

引導是從Twitter前端框架設計的kickstart 開發web應用和網站。除此之外,它還包括用於排版,圖標,表格,按鈕,表格,網格,導航以及定製jQuery插件的基礎和基於 的支持,以及支持 的響應式佈局。

AngularJS

AngularJS是一個開源的JavaScript框架構建CRUD 中心的Ajax風格的Web應用程序。它的目標是讓瀏覽器 增加HTML詞彙表,其指令有助於構建 動態網絡應用程序。

帶有添加雙向數據綁定,DOM控件 和展開,代碼隱藏DOM,表單驗證和深層鏈接的指令的角度船。

從我所瞭解的bootstrap(使用它的JS)中,您可以實現完全相同的目的。

沒有相同的東西不能通過引導來實現。 AngularJS爲您提供了諸如2路數據綁定,深層鏈接,路由,過渡動畫等諸多功能。引導程序提供基於jquery的自定義插件,酷的外觀和感覺,用於媒體查詢的css類等。 它們非常棒,因爲角度可以與其他庫一起使用。

相關問題