ความแตกต่างระหว่าง jquery.min.js และ jquery.js คืออะไร?
อันไหนที่รองรับฟังก์ชั่นทั้งหมด?
ความแตกต่างระหว่าง jquery.min.js และ jquery.js คืออะไร?
อันไหนที่รองรับฟังก์ชั่นทั้งหมด?
คำตอบ:
ทั้งคู่มีฟังก์ชั่นเหมือนกัน แต่ตัวย่อ. min มีอักขระที่ไม่จำเป็นออกทั้งหมดเพื่อทำให้ขนาดไฟล์เล็กลง
คุณจะใช้เวอร์ชันย่อ (.min) สำหรับสภาพแวดล้อมการใช้งานของคุณได้ดีขึ้นเนื่องจาก Google กำลังตรวจสอบเวลาในการโหลดหน้าเว็บ การมีไฟล์ JS ของคุณให้เล็กลงหมายความว่าพวกมันจะโหลดเร็วขึ้นและจะทำคะแนนให้คุณมากขึ้น
คุณสามารถรับ addon สำหรับ Mozilla ที่เรียกว่า Page Speed ซึ่งจะตรวจสอบไซต์ของคุณและแสดงไฟล์. JS ทั้งหมดและแสดงเวอร์ชันที่ย่อเล็กสุด (ท่ามกลางสิ่งอื่น ๆ )
ทั้งสองรองรับฟังก์ชั่นเดียวกัน jquery.min.jsเป็นรุ่นที่บีบอัดของjquery.js(ช่องว่างและความคิดเห็นที่แยกออกชื่อตัวแปรที่สั้นกว่า ... ) เพื่อรักษาแบนด์วิดท์ ในแง่ของฟังก์ชั่นพวกเขาจะเหมือนกันอย่างแน่นอน ขอแนะนำให้ใช้รุ่นที่บีบอัดนี้ในสภาพแวดล้อมการผลิต
jquery.js = สวยและอ่านง่าย :) อ่านอันนี้
jquery.min.js = ดูเหมือนว่าพูดพล่อยๆ! แต่มีขนาดไฟล์ที่เล็กกว่า วางสิ่งนี้ลงบนเว็บไซต์ของคุณ
ทั้งสองเหมือนกันในการทำงาน ความแตกต่างนั้นอยู่ในรูปแบบที่อ่านง่ายหรือมีขนาดกะทัดรัดสำหรับไฟล์ขนาดเล็ก
โดยเฉพาะอย่างยิ่งที่สองคือการลดขนาดซึ่งเป็นกระบวนการที่เกี่ยวข้องกับการลบช่องว่างที่ไม่จำเป็นและลดชื่อตัวแปร ทั้งสองมีส่วนทำให้การอ่านรหัสยากขึ้นมาก: การลบช่องว่างออกจะเป็นการลบตัวแบ่งบรรทัดและช่องว่างที่ทำให้เกิดการจัดรูปแบบและการย่อชื่อตัวแปร (รวมถึงชื่อฟังก์ชั่นบางส่วน) จะแทนที่ชื่อตัวแปรเดิม
ทั้งหมดนี้ทำในลักษณะที่ไม่ส่งผลกระทบต่อวิธีการทำงานของรหัสเมื่อทำงานไม่ว่าในทางใด โดยเฉพาะการเปลี่ยน / ย่อของตัวแปรและชื่อฟังก์ชั่นจะกระทำกับชื่อที่ปรากฏในขอบเขตเฉพาะที่ซึ่งจะไม่รบกวนกับรหัสอื่นในสคริปต์อื่น ๆ
Jquery.min.js ไม่มีอะไรนอกจากรุ่นบีบอัดของ jquery.js คุณสามารถใช้แบบเดียวกับ jquery.js แต่ก็เล็กกว่าดังนั้นในการผลิตคุณควรใช้เวอร์ชันย่อและเมื่อคุณทำการดีบั๊กคุณสามารถใช้เวอร์ชัน jquery.js ปกติได้ หากคุณต้องการบีบอัดไฟล์จาวาสคริปต์ของคุณเองคุณสามารถใช้ไฟล์บีบอัดเหล่านี้:
หรือเพียงแค่อ่าน topis บน StackOverflow เกี่ยวกับการบีบอัด js :):
ในภาษาที่ง่ายทั้งสองรุ่นจะเหมือนกันอย่างแน่นอน ข้อแตกต่างคือ:
min.js ใช้สำหรับเว็บไซต์ (ออนไลน์)
.js สำหรับนักพัฒนาผู้ที่ต้องการอ่านเรียนรู้เกี่ยวกับหรือเข้าใจโค้ด jquery เช่นการพัฒนาปลั๊กอิน (ออฟไลน์การทำงานในท้องถิ่น)
ทั้งสองมีฟังก์ชั่นเดียวกัน แต่. min.js ที่เทียบเท่าได้รับการปรับขนาดให้เหมาะสม คุณสามารถเปิดไฟล์ทั้งสองและดูได้ ในไฟล์. min.js คุณจะสังเกตเห็นว่าชื่อตัวแปรทั้งหมดถูกย่อให้เป็นชื่อแบบสั้นและมีการลบช่องว่างและความคิดเห็นส่วนใหญ่ออกไป
jquery.js: เมื่อคุณต้องดำดิ่งลงในซอร์สโค้ดของ jquery jquery.min.js: เวอร์ชันบีบอัดสำหรับการบันทึกแบนด์วิดท์
มีอีกหนึ่งตัวเลือกสำหรับการประหยัดแบนด์วิดท์เพิ่มเติมจากเวอร์ชันบีบอัดที่ใช้คล้ายกับ Google CDN ที่มีให้: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
สรุป - เฟรมเวิร์ก js ที่ได้รับความนิยมเช่น jquery หรือ dojo เสนอหนึ่งความคิดเห็นเวอร์ชันที่จัดรูปแบบแล้วพร้อมข้อคิดเห็นสำหรับการพัฒนาและเวอร์ชันย่อ (เร็วกว่า) โดยไม่ต้องแสดงความคิดเห็นเป็นต้น
jquery.js - การพัฒนา jquery.min.js - การผลิต
หากคุณกำลังใช้งาน JQuery บนไซต์ที่ใช้งานจริงคุณควรโหลดไลบรารีใด JQuery.js หรือ JQuery.min.js? คำตอบสั้น ๆ คือพวกมันเหมือนกันโดยมีฟังก์ชั่นเดียวกัน
รุ่นหนึ่งมีความยาวในขณะที่อีกรุ่นหนึ่งเป็นรุ่นย่อ minified ถูกบีบอัดเพื่อประหยัดพื้นที่และเวลาในการโหลดหน้า ช่องว่างสีขาวถูกลบออกไปในเวอร์ชั่นย่อทำให้ไม่สามารถอ่านได้
หากคุณกำลังจะเรียกใช้ไลบรารี JQuery บนไซต์ที่ใช้งานจริงฉันขอแนะนำให้คุณใช้เวอร์ชันย่อเพื่อลดเวลาในการโหลดหน้าเว็บซึ่ง Google พิจารณาแล้วในการจัดอันดับหน้าเว็บของพวกเขา
อีกตัวเลือกที่ดีคือการใช้ห้องสมุดจาวาสคริปต์ออนไลน์ของ Google สิ่งนี้จะช่วยให้คุณไม่ต้องวุ่นวายกับการดาวน์โหลดไลบรารี่รวมถึงการอัพโหลดไปยังเว็บไซต์ของคุณ นอกจากนี้ไซต์ของคุณยังไม่ได้ใช้ทรัพยากรเมื่อโหลด JQuery
JQuery เวอร์ชั่นย่อล่าสุดจาก Google มีให้ที่นี่
คุณสามารถลิงค์ไปยังหน้านี้โดยใช้:
http://ulyssesonline.com/2010/12/03/jquery-js-or-jquery-min-js/
jquery.min บีบอัดเวอร์ชัน มันถูกลบความคิดเห็นบรรทัดใหม่ ...
หากคุณใช้ Jquery จาก Google CDN อย่างจริงจังมันจะปรับปรุงประสิทธิภาพ 5 ถึง 10 เท่าของที่คุณเพิ่มลงในหน้าของคุณซึ่งได้รับการดาวน์โหลด และคุณจะได้รับไฟล์ Jquery เวอร์ชันล่าสุด
ความแตกต่างระหว่างทั้งสองไฟล์เช่น jquery.js และ jquery.min.js เป็นเพียงขนาดไฟล์เนื่องจากไฟล์นี้จะดาวน์โหลดเร็วขึ้น :)