ทุกคนควรจำวิธีการเขียนสไตล์ JavaScript ในบรรทัด? (ดูเหมือนว่าฉันกำลังพูดไร้สาระ!)
ในกระบวนการพัฒนาส่วนหน้าบางครั้งเราจำเป็นต้องตัดสินคำนำหน้าเคอร์เนลของเบราว์เซอร์และทำการประมวลผลที่แตกต่างกันสำหรับเบราว์เซอร์ที่แตกต่างกันดังนั้นเราจึงสามารถทำได้
การแจ้งเตือน (element.style.webkittransition); นี่คือการรับค่าการเปลี่ยนแปลงที่นำหน้าด้วย WebKit แต่ถ้าไม่ใช่เบราว์เซอร์ที่มีคำนำหน้าเว็บคิทมันจะกลับมาที่ไม่ได้กำหนด และเราสามารถระบุคำนำหน้าเคอร์เนลทั้งหมดจากนั้นได้รับค่าของ CSS บางอย่างเพื่อตัดสิน รหัสมีดังนี้:
ฟังก์ชั่น getVendorPrefix () {// ใช้ร่างกายเพื่อหลีกเลี่ยงการผ่านองค์ประกอบ var body = document.body || document.documentelement, style = body.style, ผู้ขาย = ['webkit', 'khtml', 'moz', 'ms', 'o'], i = 0; ในขณะที่ (i <ผู้ขายความยาว) {// ที่นี่เราจะพิจารณาว่ามีคำนำหน้าเคอร์เนลที่สอดคล้องกันหรือไม่ถ้า (รูปแบบประเภท [ผู้ขาย [i] + 'transition'] === 'สตริง') {return ผู้ขาย [i]; } i ++; -จากนั้นคุณจะต้องเรียก GetVendorPrefix () เพื่อทราบคำนำหน้าเคอร์เนลของเบราว์เซอร์ หากไม่ได้กำหนดจะถูกส่งคืนจะพิสูจน์ได้ว่าเบราว์เซอร์ไม่รองรับแอตทริบิวต์ CSS3 นั่นคือไม่มีคำนำหน้าเคอร์เนล
ทุกคนควรรู้ว่าเมื่อเราสามารถเขียน CSS ได้เราจะไม่เขียน JavaScriptP เมื่อเราสามารถเขียน CSS ได้ ท้ายที่สุดประสิทธิภาพของ CSS จะสูงกว่าการเขียน JS ด้วยตัวเอง ดังนั้นในการพัฒนาในทางปฏิบัติบางอย่างเราจะใช้ช่วงการเปลี่ยนภาพเช่นม้าหมุนภาพเรียบง่าย เราสามารถใช้การเปลี่ยน CSS3 หรือใช้การเคลื่อนไหวของ JQuery หรือเขียนด้วยตัวเอง แต่ประสิทธิภาพของ CSS3 จะสูงขึ้นอย่างแน่นอนดังนั้นเราจึงสามารถเขียนรหัสสองชุดและใช้แอนิเมชั่นสำหรับเบราว์เซอร์ที่รองรับ CSS3 ในขณะที่ตัวจับเวลา สิ่งนี้จะให้ประสบการณ์ผู้ใช้ที่ดีขึ้น
ข้างต้นคือประสบการณ์ในการดูปลั๊กอินของ jQuery.slides.js หากมีวิธีที่ดีกว่าโปรดแจ้งให้เราทราบ