Bootstrap 4 เวอร์ชันเริ่มต้นได้รับการปล่อยตัวมาเป็นเวลานานและฉันหวังว่าทุกคนจะตระหนักได้ว่านี่เป็นการปรับปรุงที่สำคัญและละเอียดถี่ถ้วนของกรอบ CSS ที่ได้รับความนิยมมากที่สุด (อาจเป็นที่นิยมมากที่สุด) Mark Otto ผู้ก่อตั้งโครงการกล่าวว่าการเปิดตัว“ เกี่ยวข้องกับรหัสเกือบทุกบรรทัด” และนั่นไม่ใช่เรื่องตลก
1. ขนาดไฟล์ที่เบากว่า
มีคำพูดว่า "รหัสที่ถูกลบจะต้องเป็นรหัสการดีบัก" - การปรับโครงสร้างที่ดีที่สุดจะนำไปสู่การลบรหัสจำนวนมากและลดลงอย่างรวดเร็ว หากคุณดาวน์โหลดเวอร์ชันเริ่มต้นคุณจะพบว่า Bootstrap.min.css ใหม่ 4.0.0 ใหม่เป็นเพียงประมาณ 88KB เมื่อเทียบกับ Bootstrap 3 (3.3.5) ที่มีเสถียรภาพล่าสุด - ประมาณ 123KB (ไฟล์ bootstrap.min.css) นี่อาจเป็นเพราะการสนับสนุนของ IE8
2. สลับจากน้อยไปเป็นเขี้ยว
ชุมชนและประสิทธิภาพเป็นสองเหตุผลหลักว่าทำไม Bootstrap ตัดสินใจที่จะทำให้สวิตช์นี้ในเวอร์ชัน 4 โดยเฉพาะอย่างยิ่งพื้นฐานสำหรับการอภิปรายคือ:
---- โครงการ SaaS เร็วกว่าการทำซ้ำน้อยกว่า
---- การเปลี่ยนไปใช้ SASS ช่วยเพิ่มประสิทธิภาพของเฟรมเวิร์ก
อย่างไรก็ตามยังคงดูเหมือนว่าจะมีข้อได้เปรียบที่ได้รับความนิยมจากหน้าของ GitHub แต่ Bootstrap บอกว่า Sass เติบโตเร็วมาก ไม่ว่าจะด้วยวิธีใดคุณสามารถเข้ารหัส CSS จำนวนมากใน Sass ใน Bootstrap 3 อย่างถูกวิธี บางคนสงสัยว่า POSTCSS - เครื่องมือแบบแยกส่วนที่มีแนวโน้มมีประสิทธิภาพที่ทรงพลังสำหรับการประมวลผลล่วงหน้าหรือไม่และควรแทนที่น้อยลงหรือไม่
3. การรองรับ Switch Flexbox
ตอนนี้ Bootstrap 4 รองรับการใช้ฟังก์ชัน W3C FlexBox ซึ่งยังสามารถกำจัดการสนับสนุนของเบราว์เซอร์ทั้งหมด ด้วยเหตุผลนี้นี่เป็นคุณสมบัติเสริมที่สามารถเปิดใช้งานได้หากจำเป็น
หากคุณต้องการตรวจสอบ FlexBox อย่างรวดเร็วฉันขอแนะนำคำแนะนำเกี่ยวกับคุณ - "คำแนะนำที่สมบูรณ์สำหรับ FlexBox" นอกจากนี้ยังมีซีรีย์วิดีโอใหม่เกี่ยวกับ FlexBox หากคุณต้องการวิธีนี้
4. อ่านโหมดเค้าโครง UI ของการ์ด
Andrew Trice และฉันทั้งคู่คิดว่านี่เป็นรูปแบบการจัดวาง UI ที่สำคัญซึ่งควรเข้าใจเร็วเท่าปี 2013 ในการออกแบบวัสดุของ Google และตอนนี้ Bootstrap 4 ได้นำชิปทั้งหมดไว้ในเทรนด์นี้ Bootstrap ละทิ้งหลุมขนาดย่อและแผงและใช้การ์ดแทนแทน
5. เขียนปลั๊กอิน JS ใหม่ใน ES6
ECMASCRIPT 6 ได้รับการสรุปและเป็นมาตรฐานในที่สุดเมื่อไม่กี่เดือนที่ผ่านมาและ Bootstrap ติดตามเทคโนโลยีเว็บล่าสุดนี้ พวกเขาได้เขียนปลั๊กอิน JavaScript ทั้งหมดเพื่อใช้ประโยชน์จาก ES6 และพวกเขายังได้อัปเดตปลั๊กอินด้วยกัน "การสนับสนุน UMD วิธีการฉีกขาดสากลการตรวจสอบประเภทการเลือกและอื่น ๆ "
ลิงค์การแปล: http://www.codeceo.com/article/bootstrap-5-cool-things.html
ภาษาอังกฤษต้นฉบับ: 5 สิ่งที่ยอดเยี่ยมเกี่ยวกับ bootstrap เวอร์ชันถัดไป
นักแปล: Xiaofeng, เครือข่ายการเข้ารหัส
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น
หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อเรียนรู้และแนบหัวข้อที่ยอดเยี่ยมให้คุณ: การสอนการเรียนรู้ bootstrap