ปีที่แล้ว 19 สิงหาคมเป็นวันพิเศษสำหรับ Bootstrap - ไม่เพียง แต่ครบรอบปีที่สี่ของโครงการ แต่ยังรวมถึงวันที่ Bootstrap 4 รุ่นเบต้าภายในได้รับการปล่อยตัวหลังจากการพัฒนาอย่างเข้มข้นเป็นเวลาหนึ่งปี Bootstrap 4 เป็นการอัปเดตที่สำคัญที่เกี่ยวข้องกับรหัสเกือบทุกบรรทัด
1. คุณสมบัติใหม่
มีการอัปเดตที่สำคัญมากเกินไปใน Bootstrap 4 และบทความนี้ไม่สามารถครอบคลุมทุกอย่างได้ นี่คือไฮไลท์บางอย่างที่ดึงดูดความสนใจมาก:
การย้ายจากน้อยไปสู่ Sass: Bootstrap กำลังเข้าร่วมครอบครัว SASS ขอบคุณ libsass, bootstrap รวบรวมได้เร็วขึ้นกว่าเดิม;
ปรับปรุงระบบกริด: เพิ่มเลเยอร์กริดใหม่เพื่อปรับให้เข้ากับอุปกรณ์มือถือและจัดระเบียบการผสมความหมายใหม่
รองรับการเลือกรุ่น Elastic Box (FlexBox): นี่คือฟังก์ชั่นการสร้างยุค - ตราบใดที่ตัวแปรบูลีนถูกแก้ไขคุณสามารถจัดวางข้อดีของ FlexBox ได้อย่างรวดเร็ว
เวลส์รูปขนาดย่อและพาเนลถูกทิ้งร้างและใช้การ์ดแทน: การ์ดเป็นแนวคิดใหม่ล่าสุด แต่มันคล้ายกับเวลส์, รูปย่อและแผงและสะดวกกว่า
รวมรูปแบบการรีเซ็ต HTML ทั้งหมดเข้ากับการรีบูต: รีบูตสามารถใช้งานได้ทุกที่ที่ไม่สามารถใช้งานได้ ตัวอย่างเช่นการปรับขนาดกล่อง: กล่องชายแดนการปรับแต่งระยะขอบ ฯลฯ จะถูกเก็บไว้ในไฟล์ SASS แยกต่างหาก
ตัวเลือกการปรับแต่งใหม่: ไม่มีเอฟเฟกต์แยกต่างหากเช่นการไล่ระดับสีจางหายเงา ฯลฯ ในแผ่นสไตล์แยกต่างหากเช่นในเวอร์ชันก่อนหน้า ให้ย้ายตัวเลือกทั้งหมดไปยังตัวแปร Sass แทน ต้องการกำหนดเอฟเฟกต์เริ่มต้นสำหรับมุมทั่วโลกหรือที่ไม่ได้พิจารณาหรือไม่? มันง่ายมากเพียงอัปเดตค่าตัวแปรและคอมไพล์ใหม่
IE8 ไม่ได้รับการสนับสนุนอีกต่อไปโดยใช้หน่วย REM และ EM: การให้การสนับสนุน IE8 หมายความว่านักพัฒนาสามารถใช้ข้อดีของ CSS ด้วยความมั่นใจและไม่จำเป็นต้องศึกษาทักษะการแฮ็ค CSS หรือกลไกทางเลือก REM และ EM แทนหน่วย PX เหมาะสำหรับการตอบสนองและการควบคุมขนาดส่วนประกอบ หากคุณต้องการสนับสนุน IE8 คุณสามารถใช้ Bootstrap 3 ต่อไปเท่านั้น
เขียนปลั๊กอิน JavaScript ทั้งหมด: เพื่อใช้ประโยชน์จากคุณสมบัติใหม่ของ JavaScript, Bootstrap 4 เขียนปลั๊กอินทั้งหมดด้วย ES6 ตอนนี้เราให้การสนับสนุน UMD, วิธีการฉีกขาดทั่วไป, การตรวจสอบประเภทตัวเลือกและคุณสมบัติอื่น ๆ
ปรับปรุงคำแนะนำเครื่องมือและการวางตำแหน่งอัตโนมัติ Popovers: ส่วนนี้ขอบคุณความช่วยเหลือของเครื่องมือ Tether
เอกสารที่ได้รับการปรับปรุง: เอกสารทั้งหมดจะถูกเขียนใหม่ในรูปแบบ Markdown และตัวอย่างองค์กรปลั๊กอินที่สะดวกสบายและมีการเพิ่มตัวอย่างรหัส เอกสารจะสะดวกกว่าในการใช้งานและงานเพิ่มประสิทธิภาพการค้นหาก็อยู่ในระหว่างดำเนินการ
การเปลี่ยนแปลงเพิ่มเติม : รองรับการควบคุมแบบฟอร์มแบบกำหนดเองช่องว่างและคลาสเติมและรวมถึงคลาสยูทิลิตี้ใหม่ ฯลฯ
การอัปเดตข้างต้นเป็นเพียงส่วนเล็ก ๆ ของภูเขาน้ำแข็ง เวอร์ชัน V4 มีมากกว่า 1,100 คอมมิทและการอัปเดตรหัส 120,000 บรรทัด การอัปเดตเหล่านี้สามารถดูได้ในเอกสาร V4-Alpha
2. แผนพัฒนา
ซอร์สโค้ดทั้งหมดสำหรับเวอร์ชัน V4 เป็นโอเพ่นซอร์สในสาขา V4-Dev ของ GitHub นอกจากนี้ยังมีการพัฒนา V4 และการติดตาม PR เผยแพร่รายการการเปลี่ยนแปลงและรายการที่จะพัฒนาสำหรับ Master คุณสามารถมีส่วนร่วมรหัสของคุณเองเพื่อให้โครงการนี้ดีขึ้น
แผนการพัฒนาและการเปิดตัวโดยรวมมีดังนี้:
รุ่นอัลฟ่าหลายรุ่นจะได้รับการปรับปรุงในการปรับปรุงอย่างต่อเนื่อง รุ่นเบต้าสองรุ่นจะได้รับการปล่อยตัวหลังจากคุณสมบัติใหม่และฟังก์ชั่นใหม่ถูกแช่แข็งสำหรับการทดสอบเต็มรูปแบบ 2 เวอร์ชันผู้สมัครจะได้รับการปล่อยตัวเพื่อทดสอบว่าสามารถใช้ในสภาพแวดล้อมการผลิตได้หรือไม่ และเวอร์ชันสุดท้ายจะได้รับการปล่อยตัว
นอกจากนี้ยังมีช่องทางใน Slack ที่กล่าวถึง V4 โดยเฉพาะและสามารถเพิ่ม bootstrapers ได้ที่นี่
3. สนับสนุน v3
เมื่อ Bootstrap 3 เปิดตัว Bootstrap ให้การสนับสนุนเวอร์ชัน 2.x ทำให้เกิดปัญหาสำหรับผู้ใช้หลายคนและความผิดพลาดเดียวกันจะไม่เกิดขึ้นเป็นครั้งที่สอง ในอนาคตอันใกล้ทีมพัฒนาจะยังคงแก้ไขข้อบกพร่อง V3 และปรับปรุงเอกสาร หลังจาก V4 ได้รับการปล่อยตัวในที่สุดเอกสารของ V3 จะไม่ออฟไลน์
4. อีกสิ่งหนึ่ง ...
นอกเหนือจากการปล่อย Bootstrap 4 Alpha อย่างเป็นทางการแล้วยังได้เปิดตัวชุดรูปแบบ bootstrap
ธีมเหล่านี้ใช้พลังงานมากและมีชุดเครื่องมือมากมายเช่นเดียวกับ Bootstrap
ในการเริ่มต้นหัวข้อที่เผยแพร่รวมถึง: แดชบอร์ดแอปพลิเคชันและการตลาดโดยใช้โปรโตคอลใบอนุญาตใช้งานหลายครั้ง
คลิกที่นี่เพื่อดูข้อมูลหัวข้อเพิ่มเติม
5. ข้อเสนอแนะ
1) มีคนกล่าวว่าใน v3.5.5 (รุ่นที่มั่นคงล่าสุด), bootstrap.min.css คือ 123kb ในขณะที่ในใหม่ 4.0.0alpha bootstrap.min.css มันคุ้มค่าที่จะเฉลิมฉลอง
2) มีคนรายงานว่าชุดรูปแบบแดชบอร์ดไม่ตอบสนองอย่างสมบูรณ์เช่นในตาราง-> ประวัติคำสั่งซื้อ
3) Bootstrap เปลี่ยนเป็น SASS โดยค่าเริ่มต้นซึ่งทำให้เกิดการอภิปรายอย่างกว้างขวาง
4) บางคนยังกล่าวอีกว่าองค์กรยินดีที่จะเลิกเทคโนโลยีเก่า (ไม่สนับสนุน IE8 อีกต่อไป) และเขียนใหม่ด้วยเทคโนโลยีใหม่ (ES6) ซึ่งมีค่าควรแก่การเคารพ
หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อศึกษาและแนบ 3 หัวข้อที่น่าตื่นเต้นให้คุณ:
การสอนการเรียนรู้ bootstrap
การสอนการใช้งาน Bootstrap
การสอนการใช้งานปลั๊กอิน bootstrap
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น