jQuery กับ jQuery Mobile กับ jQuery UI?


97

ฉันยังใหม่กับการพัฒนาเว็บและมีเนื้อหาเกี่ยวกับ j * มากมายเกินไป ฉันสงสัยว่าความแตกต่างระหว่างกรอบงานเหล่านี้คืออะไร?

ยิ่งไปกว่านั้นทำไมคนถึงพูดถึงการสร้างปลั๊กอินโดยใช้ jQuery กันมาก? ไม่ควรเป็นไลบรารี JavaScript เพื่อทำให้หน้าเว็บของคุณโต้ตอบได้มากขึ้น?


3
ไม่นี่เป็นคำถามที่มีความหมายสำหรับมือใหม่อย่างฉัน (ขอบคุณที่ถามคำถาม แต่ไม่ได้ดัดแปลง)!
FredyWenger

คำตอบ:


196

jQuery เป็นเฟรมเวิร์ก JavaScript ที่ออกแบบมาเพื่อให้นักพัฒนา "เขียนน้อยลงทำมากขึ้น" 3 รสชาติที่แตกต่างกันที่คุณถามถึงทำสิ่งที่แตกต่างกันมาก

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

jQuery UI ถูกสร้างขึ้นโดยคำนึงถึงองค์ประกอบอินเทอร์เฟซผู้ใช้และการโต้ตอบซึ่งโดยทั่วไปต้องใช้โค้ดจำนวนมากเพื่อจัดการอย่างอื่น ดังนั้นไลบรารีจึงมีสิ่งต่างๆเช่นความสามารถในการลากและวางองค์ประกอบและรับข้อมูลที่เป็นประโยชน์จากการโต้ตอบเหล่านั้น แต่ในขณะเดียวกันก็ให้ความสำคัญกับรูปลักษณ์ดังนั้นจึงมีธีมทุกประเภทที่พร้อมใช้งานเพื่อจัดสไตล์องค์ประกอบ UI ที่มีประสิทธิภาพเหล่านี้ในไลบรารีนี้

jQuery mobile เป็นเฟรมเวิร์กที่ทรงพลังที่สร้างขึ้นบน jQuery และออกแบบมาโดยเฉพาะสำหรับแพลตฟอร์มมือถือหลังจากที่ฟังก์ชันการทำงานทั้งหมดเช่นการลากและวางจำเป็นต้องได้รับการพิจารณาใหม่สำหรับหน้าจอสัมผัสเช่นเดียวกับฟังก์ชันหลักเช่น "การวางเมาส์" ซึ่งไม่ มีอยู่บนมือถือ

สามารถใช้เฟรมเวิร์กทั้งหมดร่วมกันเพื่อปรับปรุงการใช้งานของไซต์และช่วยประหยัดเวลาให้กับนักพัฒนา หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับเฟรมเวิร์กโปรดไปที่Learning jQueryซึ่งเป็นแหล่งข้อมูลที่ดีเยี่ยมสำหรับการเริ่มต้นใช้งาน

ปลั๊กอินช่วยให้นักพัฒนาเว็บนำวิธีแก้ปัญหาของตนไปรวมไว้ในบล็อกเดียวที่ใช้งานได้และแยกกัน (โดยปกติจะอยู่ในไฟล์แยกต่างหาก) จากนั้นพวกเขาสามารถแบ่งปันกับคนอื่น ๆ เพื่อให้พวกเขาทำเช่นเดียวกัน ดังนั้นหากมีคนสร้างฟีเจอร์แกลเลอรีสำหรับไซต์ที่พวกเขาสร้างขึ้นการสร้างปลั๊กอินจะช่วยให้พวกเขาสามารถนำโค้ดกลับมาใช้ใหม่ได้อย่างง่ายดายและช่วยให้ผู้อื่นประสบปัญหาเดียวกัน


2
ถ้าฉันใช้ jquery mobile มากกว่าฉันจะต้องใช้ jQuery ด้วย? ฉันหมายถึง jQuery mobile มีฟังก์ชัน jQuery ทั้งหมด (ยกเว้นเหตุการณ์เมาส์ / คีย์บอร์ด) หรือไม่
Muhammad Qasim

4
@MuhammadQasim แน่นอนคุณต้องการแกน jQuery ดูคำถามนี้
Tom Walters

7
jQuery Mobile ไม่ได้สร้างขึ้นบน jQueryUI คุณสามารถเห็นได้อย่างง่ายดายเมื่อคุณเปรียบเทียบObject.keys($.fn)ในกรอบทั้งสอง ฉันไม่แน่ใจว่าที่ผ่านมามันเป็นเรื่องจริงหรือเปล่า วันนี้อาจมีความไม่ลงรอยกันระหว่างคนทั้งสอง
user123444555621

3
สำหรับผู้เยี่ยมชมใหม่ jQuery UI ยังไม่ค่อยมีความเร็วในการพัฒนามือถือ แต่มีตัวช่วยที่ยอดเยี่ยมที่ทำให้มันเป็นเช่นนั้น: touchpunch.furf.com
เงียบ
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.