2013-07-22 4 views
46

Tôi vừa so sánh hai khung công tác giao diện người dùng này và từ những gì tôi có thể nói, chúng dường như làm điều tương tự về việc cung cấp dev với giao diện người dùng HTML, CSS và JS.Sự khác biệt thực sự (hoặc ẩn) giữa các bootstrap Twitter và Angular.js

Boostrap: Kiểu dáng đẹp, trực quan và mạnh mẽ front-end framework để phát triển web nhanh hơn và dễ dàng hơn. (trên 53 000 đóng vai chính trên GitHub)

Angular.js: AngularJS là một khung cấu trúc cho các ứng dụng web động. (12 000 được gắn dấu sao trên GitHub)

Xếp hạng có nghĩa là không có gì, nhưng tôi chỉ nghĩ rằng tôi đặt nó vào đó để cho thấy rằng đây không phải là câu hỏi 'quickie' mà tôi không nghiên cứu.

Từ những gì tôi đã hiểu về Góc thông qua wikipedia, nó nhằm hoàn toàn tách thiết kế lối vào/bố cục/ui khỏi phần phụ trợ - nơi cơ sở dữ liệu, máy chủ web và nơi logic kinh doanh diễn ra.

Từ những gì tôi hiểu về bootstrap (với JS của nó), bạn có thể đạt được điều này giống hệt nhau.

Các trang web góc đề cập:

Khác khuôn khổ thỏa thuận với những thiếu sót HTML bằng cách hoặc là trừu tượng xa HTML, CSS, và/hoặc JavaScript hoặc bằng cách cung cấp một cách bắt buộc cho các thao tác DOM. Cả hai không giải quyết được vấn đề gốc mà HTML không được thiết kế cho chế độ xem động.

Bây giờ tôi không chắc là họ đang dùng potshots ở thứ gì đó như xương sống hay thậm chí là bootstrap (và nếu bạn dễ bị xúc phạm, thì hãy bỏ qua bình luận potshots), nhưng với tôi, tôi không thể tạo ra sự khác biệt thực sự và thực sự nào giữa 2.

Có thể có một số thông tin nâng cao về DOM hoặc một số khía cạnh/phút nhỏ khác của JS hoặc HTML tạo 2 khác nhau, nhưng tôi không nhìn thấy nó.

PS. Không có câu hỏi SOF như thế này tồn tại, cũng không làm bất kỳ blog nói về nó (trừ khi nó được xếp hạng rất thấp hoặc tôi hỏi một cách sai).

Tôi cũng phát hiện ra rằng một số người đang làm việc để chuyển đổi qua các khía cạnh của bootstrap tới góc cạnh.

Chỉnh sửa: Suy nghĩ về điều đó, tôi nhận ra rằng bootstrap cung cấp tùy chọn thay đổi kích thước cho các chế độ xem màn hình khác nhau, tôi không chắc liệu góc có thực hiện hay không. Nếu không, đó có phải là sự khác biệt duy nhất không?

+0

Xin cảm ơn các bạn. Cả hai câu trả lời đều có ý nghĩa rất nhiều. Tôi không bao giờ nghĩ về nó như thế. Vì vậy, có vẻ như là góc cạnh hơn hướng tới JS tiên tiến trong khi bootstrap là dựa trên thiết kế nhiều hơn. Tôi đã bình chọn cả hai câu trả lời. Có lẽ họ có thể được sáp nhập cho một câu trả lời tốt nhất? – Joe

Trả lời

50

Bootstrap là một khung thiết kế, để xây dựng các thành phần dễ nhìn, đẹp và thiết kế đáp ứng. Nó cũng có các thành phần cơ bản của js làm cho cuộc sống của bất kỳ nhà phát triển nào dễ dàng hơn, nổi bật hơn với một nhà phát triển phụ trợ, những người không có kinh nghiệm với các quy tắc thiết kế HTML.

Vì vậy, chỉ cần đặt css, kiểm tra các ví dụ và sao chép nó trong dự án của bạn. Đó là dòng chảy chính với Bootstrap.

Góc, là khuôn khổ JS, để xây dựng các ứng dụng web phức tạp. Nó phù hợp với Backbone, Ember Js.

Lấy ví dụ đơn giản về biểu mẫu, nơi bạn muốn thực hiện cuộc gọi ajax khi gửi. Bây giờ bạn có thể tạo biểu mẫu, đẹp, bằng Bootstrap CSS, nhưng bạn cần sử dụng javascript hoặc trong trường hợp này, góc cạnh, để thực hiện cuộc gọi ajax và thực hiện chức năng được yêu cầu.

Những nội dung này có trong tay trong các ứng dụng web, chúng không phải là đối thủ cạnh tranh.

52

BootstrapAngularJS là 2 khung rất khác nhau.

Từ SO thẻ-info

Twitter Bootstrap

Bootstrap là một khuôn khổ front-end từ Twitter được thiết kế để kickstart phát triển của webapps và các trang web. Trong số những thứ khác, nó bao gồm cơ sở CSS và HTML cho kiểu chữ, biểu tượng, biểu mẫu, nút, bảng, bố cục lưới, điều hướng cùng với các plugin jQuery tùy chỉnh được xây dựng và hỗ trợ cho bố cục đáp ứng.

AngularJS

AngularJS là một mã nguồn mở JavaScript khuôn khổ cho việc xây dựng CRUD tâm AJAX ứng dụng phong cách web. Mục tiêu của nó là làm mờ trình duyệt để tăng thêm vốn từ vựng HTML với các chỉ thị hữu ích để xây dựng các ứng dụng web động động.

Tàu góc có chỉ thị bổ sung dữ liệu 2 chiều, điều khiển DOM và hủy đăng ký, mã DOM phía sau, xác thực biểu mẫu và liên kết sâu.

Từ những gì tôi hiểu về bootstrap (với JS của nó) bạn có thể đạt được điều tương tự này.

Không thể đạt được điều tương tự bằng trình khởi động. AngularJS cung cấp cho bạn các tính năng như, liên kết dữ liệu 2 chiều, liên kết sâu, định tuyến, hoạt ảnh chuyển tiếp và nhiều hơn thế nữa. Ở đâu như bootstrap cung cấp tùy chỉnh jquery dựa plugin, nhìn mát mẻ và cảm thấy, các lớp học css cho các truy vấn phương tiện truyền thông vv Họ là tuyệt vời với nhau như góc có thể được sử dụng cùng với các thư viện khác.