twitter-bootstrap so với jquery-mobile [đã đóng]


108

Tôi tự hỏi liệu ai đó có thể đưa ra một số lời khuyên về cách nào là 'tốt hơn'. Twitter-bootstrap hay di động JQuery?

Cảm ơn, -peter

Câu trả lời:


163

Tôi không biết liệu bạn có thể trả lời "tốt hơn" hay không vì chúng phục vụ các mục đích khác nhau. Bootstrap là thư viện CSS đa năng tuyệt vời trong khi jQueryMobile gần giống với một khuôn khổ hơn. Có nghĩa là jQueryMobile không chỉ làm cho các trang của bạn trông đẹp mà còn cung cấp rất nhiều tính năng dành cho thiết bị di động như- sự kiện vuốt, chuyển đổi trang, cho phép các ứng dụng trang đơn (vì nó sẽ chỉ hiển thị một div duy nhất với data-role = ' trang 'tại một thời điểm), API lịch sử và tải trước AJAX, và rất nhiều thành phần / tiện ích thân thiện với cảm ứng. Trong khi bootstrap trước hết là một thư viện CSS chủ yếu dành cho máy tính để bàn nhưng cũng hoạt động trên thiết bị di động, đặc biệt là vì 2.0 đi kèm với các truy vấn phương tiện được tích hợp sẵn. Bootstrap sẽ không giúp bạn với các danh sách thân thiện với cảm ứng, hộp kiểm, menu chọn, v.v.

Một điều nữa cần chỉ ra, jQueryMobile lấy đánh dấu của bạn và trang bị cho nó tất cả những thứ đẹp đẽ bằng JavaScript. Bootstrap có một số javascript, nhưng chỉ dành cho các thành phần tùy chọn, phần còn lại là CSS.

Vì vậy, để trả lời IMHO- nếu bạn đang tạo một ứng dụng web mà bạn có kế hoạch rõ ràng sử dụng chủ yếu trên thiết bị di động, hãy sử dụng jQueryMobile; Bất cứ điều gì khác đi với Bootstrap- nó thực sự khá tuyệt vời.


20

jQuery mobile! = twitter bootstrap. Twitter bootstrap được sử dụng để tạo bố cục đáp ứng [một CSS duy nhất có thể hoạt động trên kích thước màn hình lớn cũng như nhỏ]. jQuery mobile dành cho phát triển di động. Vì vậy, nếu bạn phát triển một trang web bằng jQuery mobile sẽ không mang lại sự nhất quán về bố cục tốt trong tất cả các trình duyệt trên máy tính để bàn.


17

Mặc dù tôi đồng ý rằng Twitter Bootstrap! = JQuery Mobile, bạn có thể phát triển các trang web di động với Bootstrap. Sau khi dành vài tháng qua để phát triển một trang web dành cho thiết bị di động bằng jQuery Mobile, kết luận của tôi là:

Khái niệm đằng sau jQuery Mobile là hoàn hảo. Khái niệm "trang" tích hợp rất tốt với các công nghệ phía máy chủ (ASP.Net MVC trong trường hợp của tôi). Nó cho phép bạn phát triển các trang dưới dạng các tệp riêng lẻ, được hiển thị chủ yếu trên máy chủ, như bạn đã quen và có thể muốn làm.

Tuy nhiên, ở trạng thái hiện tại, nó có thể rất chậm và rất lỗi nếu bạn cố gắng làm quá nhiều với nó. Tôi đã gặp phải vấn đề này đến vấn đề khác với nó trong dự án của tôi.

Vì vậy, tôi muốn nói, nếu trang web của bạn không quá phức tạp (ví dụ: không có thao tác vuốt, không có trình hướng dẫn), thì hãy sử dụng jQuery Mobile. Nếu không, hãy nghĩ đến việc đợi dự án chín muồi. Gần đến nơi rồi.


5
Trong tình cảm cuối cùng của bạn, có phải ý bạn là "sau đó hãy sử dụng jQuery Mobile"? Không ngược lại?
Tillito

Đó không phải là những gì nó nói?
Josh Mouch

1
Xin lỗi, có lẽ tiếng Anh của tôi không tốt lắm: nhưng trong bài viết thứ 2 và thứ 3, bạn nói tại sao không sử dụng jquery và kết luận là bạn nên dùng nó dù sao? (Vì vậy, bạn làm, đó là những gì tôi muốn biết trên tất cả :-))
Tillito

3
"Nếu trang web của bạn không quá phức tạp" là điều kiện quan trọng. Tôi thích jQuery Mobile và thiết kế của nó, nhưng nó không hoàn toàn ở đó.
Josh Mouch


14

Tôi nghĩ rằng sự khác biệt chính là rõ ràng bởi cách hai dự án tự xác định:

Bootstrap: "Khuôn khổ giao diện người dùng đẹp, trực quan và mạnh mẽ để phát triển web nhanh hơn và dễ dàng hơn ."

jQuery Mobile: "Khung Web Tối ưu hóa Cảm ứng cho Điện thoại Thông minh & Máy tính bảng ."

Cả hai khuôn khổ đều nhằm đáp ứng các nhu cầu khác nhau và hoàn thành những việc khác nhau. Tôi đã sử dụng cả hai trong các dự án riêng biệt và mỗi người trong số họ đều có điểm mạnh và điểm yếu, nhưng sẽ là một bất lợi cho cả hai nếu so sánh trực tiếp chúng. Công việc của chúng tôi với tư cách là lập trình viên / nhà thiết kế / kỹ sư là quyết định mục tiêu cho dự án của bạn và chọn công cụ tốt nhất cho công việc.


7

Nó phụ thuộc vào những gì bạn sẽ làm với nó. Tôi thích Bootstrap hơn trong hầu hết các trường hợp, bởi vì tôi thích css cơ sở cộng với việc bạn có thể biên dịch với responsive.lessnên bạn cũng có phiên bản di động. Tôi nhanh hơn nhiều khi tạo mẫu với bootstrap vì nó được ghép nối rất lỏng lẻo và chỉ đánh dấu đơn giản (ngoại trừ các plugin, chúng cũng rất tuyệt).


1
Việc sử dụng khung di động jquery có giúp điều chỉnh kích thước phông chữ tùy thuộc vào vị trí chạy ứng dụng không? Bởi vì tôi đang sử dụng twitter bootstrap và nó hoạt động tốt khi tôi chạy ứng dụng của mình trên tất cả các trình duyệt có độ rộng khác nhau cũng như điện thoại và máy tính bảng Android, nhưng nó tạo ra các vấn đề về kích thước phông chữ khi chạy trong iphone. Nó hiển thị các phông chữ có kích thước rất nhỏ trong điện thoại di động iphone. Điều gì có thể là lý do đằng sau điều này?
Priyanka

1
@Priyanka Có vẻ như với tôi, bạn đã thiếu một khung nhìn ở đó. :)
Carlos F
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.