twitter-bootstrap กับ jquery-mobile [ปิด]


108

ฉันสงสัยว่าจะมีใครให้คำแนะนำได้บ้างว่า 'ดีกว่า' Twitter-bootstrap หรือ JQuery mobile?

ขอบคุณ -peter

คำตอบ:


163

ฉันไม่รู้ว่า "ดีกว่า" เป็นสิ่งที่คุณสามารถตอบได้หรือไม่เนื่องจากมันตอบสนองวัตถุประสงค์ที่แตกต่างกัน Bootstrap เป็นไลบรารี CSS อเนกประสงค์ที่ยอดเยี่ยมในขณะที่ jQueryMobile อยู่ใกล้กับเฟรมเวิร์ก ความหมาย jQueryMobile ไม่เพียง แต่ทำให้หน้าของคุณดูดีเท่านั้น แต่ยังมีคุณสมบัติที่เน้นมือถือมากมายเช่น - การปัดเหตุการณ์การเปลี่ยนหน้าช่วยให้สามารถใช้งานหน้าเดียวได้ (เนื่องจากจะแสดงเฉพาะ div เดียวที่มี data-role = ' หน้า 'ในแต่ละครั้ง), AJAX พรีโหลดและ API ประวัติและส่วนประกอบ / วิดเจ็ตที่เป็นมิตรกับการสัมผัสมากมาย ในขณะที่ bootstrap เป็นไลบรารี CSS ส่วนใหญ่สำหรับเดสก์ท็อป แต่ทำงานบนมือถือได้เช่นกันโดยเฉพาะอย่างยิ่งเนื่องจาก 2.0 มาพร้อมกับแบบสอบถามสื่อในตัว Bootstrap จะไม่ช่วยคุณในการสัมผัสรายการที่เป็นมิตรช่องทำเครื่องหมายเลือกเมนู ฯลฯ

อีกสิ่งหนึ่งที่จะชี้ให้เห็น jQueryMobile นำมาร์กอัปของคุณและจัดแต่งให้เข้ากับสิ่งที่สวยงามทุกประเภทโดยใช้ JavaScript Bootstrap มีจาวาสคริปต์ แต่สำหรับส่วนประกอบเสริมเท่านั้นส่วนที่เหลือคือ CSS

ดังนั้นเพื่อตอบ IMHO- หากคุณกำลังสร้างเว็บแอปพลิเคชันที่คุณวางแผนไว้อย่างชัดเจนว่าจะใช้บนอุปกรณ์มือถือเป็นหลักให้ใช้ jQueryMobile อย่างอื่นไปกับ Bootstrap - มันยอดเยี่ยมจริงๆ


20

jQuery mobile! = twitter bootstrap Twitter bootstrap ใช้ในการสร้างเค้าโครงที่ตอบสนอง [CSS เดียวสามารถใช้งานได้กับขนาดหน้าจอขนาดใหญ่และขนาดเล็ก] jQuery mobile มีไว้สำหรับการพัฒนามือถือ ดังนั้นหากคุณพัฒนาไซต์โดยใช้ jQuery mobile จะไม่ให้ความสม่ำเสมอของการจัดวางที่ดีในเบราว์เซอร์เดสก์ท็อปทั้งหมด


17

แม้ว่าฉันยอมรับว่า Twitter Bootstrap! = jQuery Mobile คุณสามารถพัฒนาไซต์บนมือถือด้วย Bootstrap หลังจากใช้เวลาสองสามเดือนที่ผ่านมาในการพัฒนาไซต์บนมือถือโดยใช้ jQuery Mobile ข้อสรุปของฉันคือ:

แนวคิดเบื้องหลัง jQuery Mobile นั้นสมบูรณ์แบบ แนวคิด "เพจ" ผสานรวมกับเทคโนโลยีฝั่งเซิร์ฟเวอร์ได้เป็นอย่างดี (ASP.Net MVC ในกรณีของฉัน) ช่วยให้คุณสามารถพัฒนาเพจเป็นไฟล์แต่ละไฟล์โดยส่วนใหญ่แสดงผลบนเซิร์ฟเวอร์อย่างที่คุณคุ้นเคยและอาจต้องการทำ

อย่างไรก็ตามในสถานะปัจจุบันอาจช้ามากและมีปัญหามากหากคุณพยายามทำมากเกินไป ฉันประสบปัญหาหลังจากเกิดปัญหาในโครงการของฉัน

ฉันจะบอกว่าถ้าไซต์ของคุณไม่ซับซ้อนเกินไป (เช่นไม่มีการปัดไม่มีตัวช่วยสร้าง) ให้ใช้ jQuery Mobile มิฉะนั้นให้คิดว่าจะรอให้โครงการเติบโตเต็มที่ ใกล้จะถึงแล้ว


5
ในประโยคสุดท้ายของคุณคุณหมายถึง "แล้วไปกับ jQuery Mobile" หรือเปล่า ไม่ตรงกันข้าม?
Tillito

นั่นไม่ใช่สิ่งที่มันพูด?
Josh Mouch

1
ขออภัยบางทีภาษาอังกฤษของฉันก็ไม่ค่อยดีนัก แต่ในบทความที่ 2 และ 3 คุณบอกว่าทำไมไม่ใช้ jquery และคุณจะแนะนำให้ใช้ข้อสรุปอย่างไร (คุณทำนั่นคือสิ่งที่ฉันอยากรู้เหนือสิ่งอื่นใด :-))
Tillito

3
"หากไซต์ของคุณไม่ซับซ้อนเกินไป" คือเงื่อนไขสำคัญ ฉันชอบ jQuery Mobile และมันมีดีไซน์ แต่มันไม่ค่อยมี
Josh Mouch


14

ฉันคิดว่าความแตกต่างที่สำคัญชัดเจนโดยวิธีที่ทั้งสองโครงการระบุตัวตน:

Bootstrap: "เฟรมเวิร์กฟรอนต์เอนด์ที่เพรียวบางใช้งานง่ายและทรงพลังเพื่อการพัฒนาเว็บที่รวดเร็วและง่ายขึ้น"

jQuery Mobile: "Touch-Optimized Web Framework สำหรับสมาร์ทโฟนและแท็บเล็ต "

ทั้งสองกรอบมีเป้าหมายเพื่อตอบสนองความต้องการที่แตกต่างกันและบรรลุสิ่งที่แตกต่างกัน ฉันใช้ทั้งสองอย่างในโครงการแยกกันและแต่ละโครงการมีจุดแข็งและจุดอ่อน แต่จะเป็นการทำลายทั้งสองอย่างเพื่อเปรียบเทียบโดยตรง เป็นงานของเราในฐานะโปรแกรมเมอร์ / นักออกแบบ / วิศวกรในการตัดสินใจเป้าหมายสำหรับโครงการของคุณและเลือกเครื่องมือที่ดีที่สุดสำหรับงาน


7

ขึ้นอยู่กับว่าคุณจะทำอะไรกับมัน ฉันชอบ Bootstrap ในกรณีส่วนใหญ่เพราะฉันชอบ css พื้นฐานบวกกับคุณสามารถคอมไพล์ได้responsive.lessดังนั้นคุณจึงมีเวอร์ชันสำหรับมือถือด้วย Iam เร็วกว่ามากเมื่อสร้างต้นแบบด้วย bootstrap เพราะมันหลวมมากและมาร์กอัปธรรมดา (ยกเว้นปลั๊กอินซึ่งก็ยอดเยี่ยมเช่นกัน)


1
การใช้ jquery mobile framework ช่วยในการปรับขนาดฟอนต์ขึ้นอยู่กับว่าแอปพลิเคชันทำงานอยู่ที่ใด เนื่องจากฉันใช้ twitter bootstrap และทำงานได้ดีเมื่อฉันเรียกใช้แอปพลิเคชันของฉันบนเบราว์เซอร์ทั้งหมดที่มีความกว้างแตกต่างกันโทรศัพท์และแท็บเล็ต Android เช่นกัน แต่จะสร้างปัญหาขนาดตัวอักษรเมื่อเรียกใช้ใน iPhone มันแสดงแบบอักษรขนาดเล็กมากในโทรศัพท์มือถือ iphone อะไรคือเหตุผลเบื้องหลังสิ่งนี้?
Priyanka

1
@Priyanka สำหรับฉันดูเหมือนว่าคุณจะพลาดวิวพอร์ตที่นั่น :)
Carlos F
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.