บริการจัดหาส่วนประกอบสำหรับสร้างอาคาร

คอมโพเนนต์คือองค์ประกอบพื้นฐานของเว็บแอปพลิเคชันสมัยใหม่ คุณควรทำตามแนวทางปฏิบัติแนะนำใดเมื่อสร้างคอมโพเนนต์ของคุณเองเพื่อให้ใช้งานได้ยาวนาน คอมโพเนนต์คือองค์ประกอบพื้นฐานของเว็บแอปพลิเคชันสมัยใหม่ คุณควรทำตามแนวทางปฏิบัติแนะนำใดเมื่อสร้างคอมโพเนนต์ของคุณเองเพื่อให้คอมโพเนนต์เหล่านั้นใช้งานได้ยาวนาน

ไอคอนโค้ด

องค์ประกอบที่กำหนดเอง

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

Shadow DOM

Shadow DOM เป็นมาตรฐานเว็บที่นำเสนอการรวมสไตล์คอมโพเนนต์และมาร์กอัปเข้าด้วยกัน ซึ่งเป็นส่วนสำคัญอย่างยิ่งของเรื่องราวเกี่ยวกับคอมโพเนนต์บนเว็บ เนื่องจากช่วยให้มั่นใจได้ว่าคอมโพเนนต์จะทำงานในทุกสภาพแวดล้อม แม้ว่าจะมี CSS หรือ JavaScript อื่นๆ ทำงานอยู่ในหน้าเว็บก็ตาม ดูข้อมูลเพิ่มเติม
ไอคอนเสร็จสิ้น

แนวทางปฏิบัติแนะนำ

เนื่องจากองค์ประกอบที่กำหนดเองและ Shadow DOM เป็นองค์ประกอบพื้นฐานระดับต่ำ จึงอาจไม่ชัดเจนเสมอไปว่าจะรวมองค์ประกอบเหล่านี้เข้าด้วยกันอย่างไรเพื่อสร้างคอมโพเนนต์ที่มีประสิทธิภาพและทำงานได้ดีในสภาพแวดล้อมที่แตกต่างกัน แม้ว่าคุณจะทำอะไรก็ได้ด้วย API เหล่านี้ แต่เราขอแนะนำแนวทางปฏิบัติแนะนำต่อไปนี้เพื่อช่วยให้คอมโพเนนต์ทำงานได้ดีในทุกที่ ดูข้อมูลเพิ่มเติม
ไอคอนสำรวจ

ตัวอย่าง

HowTo-Components คือชุดองค์ประกอบที่สาธิตแนวทางปฏิบัติแนะนำสำหรับองค์ประกอบที่กำหนดเองและ Shadow DOM องค์ประกอบเหล่านี้ไม่ได้มีไว้เพื่อใช้ในเวอร์ชันที่ใช้งานจริง แต่แสดงไว้เป็นตัวช่วยในการสอนเพื่อช่วยจับคู่คำแนะนำเกี่ยวกับแนวทางปฏิบัติแนะนำกับการใช้งานจริง ดูข้อมูลเพิ่มเติม