רכיבים הם אבני הבניין של אפליקציות אינטרנט מודרניות. מהן השיטות המומלצות שכדאי ליישם בעת הבנייה של רכיבים משלכם כדי שיוכלו לעמוד במבחן הזמן?
רכיבים הם אבני הבניין של אפליקציות אינטרנט מודרניות. מהן שיטות העבודה המומלצות לבניית רכיבים משלכם כדי שיוכלו לעמוד במבחן הזמן?
רכיבים מותאמים אישית
רכיבים מותאמים אישית מאפשרים למפתחים להרחיב את ה-HTML וליצור תגים משלהם. מאחר שרכיבים מותאמים אישית הם מבוססים על סטנדרטים, הם נהנים מהיתרונות של מודל הרכיבים המובנה באינטרנט. התוצאה היא קוד מודולרי יותר שאפשר
להשתמש בו שוב בהקשרים רבים ושונים.
מידע נוסף
DOM של צל
Shadow DOM הוא תקן אינטרנט שמציע אנקפסולציה של סגנון רכיבים ותגי עיצוב. זהו חלק חשוב ביותר בסיפור של רכיבי האינטרנט,
כי הוא מבטיח שרכיב מסוים יפעל בכל סביבה,
גם אם מופעלים בדף רכיבי CSS או JavaScript אחרים.
מידע נוסף
שיטות מומלצות
רכיבים מותאמים אישית ו-DOM של צל הם אלמנטים בסיסיים ברמה נמוכה, ולכן לא תמיד ברור מהי הדרך הטובה ביותר לשלב אותם כדי ליצור רכיב יציב ופועל היטב בסביבות שונות. אתם יכולים לעשות כמעט כל דבר עם ממשקי ה-API האלה, אבל ריכזנו כאן כמה שיטות מומלצות שיעזרו לכם לוודא שהרכיבים שלכם יפעלו היטב בכל מקום.
מידע נוסף
דוגמאות
רכיבי HowTo הם קבוצת רכיבים שמדגימים שיטות מומלצות ל-Custom Element
ול-Shadow DOM. הרכיבים האלה לא נועדו לשימוש
בייצור, אלא משמשים ככלי הוראה כדי לעזור במיפוי ההצעות של השיטות המומלצות להטמעות בפועל.
מידע נוסף
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2017-08-14 (שעון UTC)."],[],[]]