Komponenty to elementy składowe nowoczesnych aplikacji internetowych. Z jakich sprawdzonych metod skorzystasz podczas tworzenia własnych komponentów, aby przetrwały próbę czasu?
Komponenty to elementy składowe nowoczesnych aplikacji internetowych. Z jakich sprawdzonych metod skorzystasz podczas tworzenia własnych komponentów, aby przetrwały próbę czasu?
Elementy niestandardowe
Elementy niestandardowe umożliwiają programistom rozszerzanie kodu HTML i tworzenie własnych tagów. Elementy niestandardowe bazują na standardach, dlatego czerpią korzyści z wbudowanego modelu składowego internetu. W efekcie powstaje bardziej modułowy kod, którego można używać wielokrotnie w wielu różnych kontekstach.
Więcej informacji
model DOM
Shadow DOM to standard internetowy, który oferuje styl komponentów i zamykanie znaczników. To niezwykle ważny element historii komponentów sieciowych, ponieważ gwarantuje, że dany komponent będzie działać w każdym środowisku, nawet jeśli na stronie działają inne arkusze CSS lub JavaScript.
Więcej informacji
Sprawdzone metody
Elementy niestandardowe i model shadow DOM są elementami podstawowymi niskiego poziomu, dlatego nie zawsze jest jasne, jak najlepiej je połączyć w celu utworzenia solidnego komponentu, który dobrze działa w wielu różnych środowiskach. Przy użyciu tych interfejsów API możesz wykonać praktycznie wszystko, ale oto kilka sprawdzonych metod, dzięki którym Twoje komponenty będą działać dobrze w każdym miejscu.
Więcej informacji
Przykłady
HowTo-Komponenty to zestaw elementów pokazujących sprawdzone metody dotyczące elementów niestandardowych i modelu Shadow DOM. Elementy te nie są przeznaczone do stosowania w środowisku produkcyjnym. Mają one służyć jako pomoc w odnoszeniu sprawdzonych metod do rzeczywistych implementacji.
Więcej informacji
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2017-08-14 UTC."],[],[]]