e ora che rinnoviamo tutto l’essere
bene andrà e sì è sì, vado io
mi piace davvero
per favore aggiungi quell’effetto sonoro sì buono
Lunedì mattina come faccio questo Gesù
Cristo
Ora mi sento completamente impacciato e sì
mi hai fatto vedere questo è questo
come si fa la salsiccia è divertente
guarda bene lunedì mattina
oggi ho Paul Lewis con me siamo
facendo qualche tipo di collaborazione no
esattamente sicuro di cosa, ma prima di tutto
lo sponsor è brillante ma ormai lo sai
quello geniale è un problem-solving
sito web anche che come insegna
pensa come un informatico se
ti interessa finalmente imparare
sull’apprendimento automatico e lineare
algebra e tutta quella roba dietro tutto questo
l’altra matematica poi brillante è per te
invece di ascoltare passivamente video
corsi che un sacco di siti nuovi
geniale offre queste interattive
sfide con graduale gradualmente
aumento della difficoltà che è davvero
davvero troppo bello Continuo a insistere su circa
come usare brillante è un po ‘come
giocare un gioco con questo senso graduale
di progressione è molto soddisfacente voi
usa milioni di miliardi / divieto di fun function
quando ti iscrivi per dirglielo
sei venuto da qui anche se tu sei il
i primi 200 a registrarsi usando quel link e
ottenere 1% di sconto si ottiene un senza abbonamento
li hai check-out dopo il video
quel collegamento è anche nell’episodio
descrizione di cui abbiamo parlato come te
dovrebbe darmi una sorta di codice
assegnazione sì e quando abbiamo parlato
hai detto che non avresti mai fatto una rete
componente prima e pensavo di volerlo dire
sembra che dovresti farlo proprio
almeno una volta nella vita anche se tu
non farlo tutto il tempo che non so
come quello che non so nemmeno cosa siano
per
vabbè ho un video su quello no
Credo bene io si collegherà nel
un attimo
è cazzo che non ricordo mai quale lì
sì sì quell’angolo penso in questo
caso potresti trattarlo come il nodo foglia
come dire che stai reagendo reagire o
qualcosa del genere e tu ne vuoi un po ‘
tipo di foglia alla fine invece di un div
ti piace davvero una specie di cosa riutilizzabile
quindi penso che non abbia senso fare
tutto ciò che è effettivamente utile
sembrerebbe sciocco, ma io ci credevo
potrebbe fare da quando non l’hai fatto
prima è possibile creare un’abitudine
elemento ombreggiato e all’interno del
l’ombra Dom usa uno slot e io ho pensato a
l’idea che potremmo perseguire è quello che hai
metti dentro l’elemento l’usanza
elemento dire che è un’immagine o qualcosa del genere
come quello, qualunque cosa tu ci abbia messo dentro
lo farà ruotare da una scala da 0 a
scala 1 e mi piace ruotare quindi è come a
bello così forse sì afferrare il vostro afferrare la tua
divertimento divertente logo funzione e, come ho detto
ci limiteremo a goccia che in una pagina e
allora vedi se possiamo fare tutto quel lavoro
Giusto fico come il PNG, sì certo hey
divertente forum big oh no no questo è il divertimento
parte del forum va bene, ma continuiamo a farlo
va bene come la promozione di patreon
bene ho scelto quello sbagliato ma si
interessante che non la vedo dalla mia parte
quello rosa ma sono sicuro che va bene così
così tu non puoi vedere come cosa
cosa succede in un video che vedi come te
vedi trasparente, vedi che sono
tipo di sfondo a scacchi sono
sicuro che è così che va tutto bene fare
hai bisogno di proxy le tue cose attraverso così io
puoi vedere cosa stai costruendo yeah hang
su come vivere come fa questo o come condividere
server immettere la porta TCP per condividere con
tutti i partecipanti quindi ho bisogno di un server web
per fare questo come normalmente faccio tutto
e creare reagire ne hai di simili
go-to cosa con cui lavori con quando
hai solo bisogno di un server web da condividere
HTTP – server come npm installa ‘HTTP –
server oh sì, giusto
server creato
e pm install Canyon lo faccio
globalmente si lo farei sì
HTTP – server sì, è incredibile
e quindi limitano i dati si fa il
NPM dance e tu solo e ancora poi solo
Il server HTTP si trova nell’ottimale versione 8080
e poi vado dal server di condivisione share live
e poi ho inserito la porta TCP 8080
fornire un nome visualizzato per il server condiviso
bene adesso dovresti essere in grado di farlo
basta andare su localhost 8080 sul tuo
macchina se funziona è assoluto
la magia è giusta sì sì sì sì
funziona oh sì ho ottenuto il divertente forum di schiuma
logo che è fantastico venduto sì come me
dovrebbe piacere che la cosa stia provando a
come il team di Visual Studio Code
come sponsor questo dannato canale
perché stiamo dando così tanto bene
esposizione e sono come se non lo facessimo
davvero perché lo sta facendo
in ogni caso sì, sono supposto che sia così
bene, quindi questo è il progresso che abbiamo
un server web e posso fare le cose in questo
e probabilmente posso fare come un file HTML
anche qui ora sembrava un bene
inizio
sì oh questo sarà come index.html
boom poi come tipo tag HTML ci siamo
andare Wow Wow facendo a mano ho il
HTML quindi gradisce la versione autocomplete
è come se ci fosse un campione dello snippet
sai come hai detto oh si
la cosa è come se fossi questo strumento
alcolizzato ogni volta che comincio a farlo
sottovento
Faccio solo utensili e niente lavoro oh oh I
vedere
come riconosco l’utilità della lavorazione
a parte
come non posso trattare con esso Oh tesoro
non è non è colpa degli utensili
è come se fossi una persona orribile
okay, quindi hai il tuo HTML è a
inizio
andare tutto bene così e tu sei
parlando di come vogliamo mettere
questo logo qui da qualche parte
supponi di sì oh sì, credo che sarebbe un
inizio sì capisco sì, ho capito
quello che è stato chiamato è FF grande
Gesù, oh, l’attuale ci completa
va tutto bene, andiamo a vedere bene
okay, va bene, mi sto ridendo bene
quindi cosa facciamo, ma lo siamo
trasformerò questo in componente web sì
quindi stavo pensando a cosa avresti voluto fare
è che l’immagine ci si vuole avvolgere
in un elemento personalizzato di qualche descrizione
così come non lo so
elemento di rotazione o qualcosa del genere così
l’ idea è di avvolgere quell’immagine nel tuo
elemento e magia accadrà come in
qualunque cosa tu metta dentro, ti metteremo
in una fessura e poi faremo tutto
gira bene così che tu sia appena finito
in un momento personalizzato va bene così
come faccio a farlo bene, tutto bene
digitando scegli un nome che devi scegliere
nominare il nome va bene così abbiamo solo raccogliere
come se fosse così lo chiamerei oh, aspetta
è questo che intendi come girarlo
in qualcosa chiamato un logo sì sì il
due cose una è che dovrà essere
minuscolo e l’altra cosa è che ha
avere un trattino nel suo nome oh okay così
forse FFF ami sì qualcosa come
quello
e il motivo per cui – sì così il
ragione è che se si dovesse guardare al
prototipo dell’elemento sì che sarebbe
dì HTML elemento sconosciuto se non lo è
andando a precipitarsi in esso perché nessuna piattaforma
l’elemento fornito ha un trattino nel suo nome
se è come selezionare o dev o P o
qualunque cosa sia , per saperlo
è un cliente o sarà un’usanza
l’elemento era che doveva essere
avere un trattino nel suo nome da qualche parte questo
è la parte più bonkers in realtà
ora dì che è il più forte ma è così
non la parte più sfigata, ce ne sono molte
di entusiasti in tutto il posto ma
quello
parte di esso quindi sì, funzionerebbe così io
Immagina ora che vuoi eliminare quell’immagine
all’interno è una linea simile a quattro o
qualunque cosa va bene così Mi piace tipo di
ama cose del genere perché tutti
è come ogni volta che c’è e tutti
è come oh javascript ha queste verruche
e Java ha queste verruche e C ++ ha
queste verruche ma guardate questo nuovo
linguaggio che sto codificando in quanto sorprendente
e pulirlo è oh è solo pulito
perché è un tipo nuovo sì sì sì sì
ora dovrai iniziare a definire
cosa significa in realtà il logo FFF per questo
hai bisogno del tuo JavaScript okay
cool, quindi facciamo questo in un nuovo file
o non facciamo niente, farò una sceneggiatura
tag per adesso va bene mmm sì fresco siamo
okay con quello Wow questo è il tuo codice
devi mantenerlo abbastanza giusto
va bene, lo cambierò in due
spazi invece Oh Dio
vedi che vedi il mio problema qui come me
procrastinare già non vedi – due
minuti in un progetto e non lo so
come definire il mio elemento di cui ho paura
questo processo mi consente di fare qualcosa
che posso controllare per me adesso sì
esattamente ma è un’opportunità di crescita su
fotocamera non c’è niente di sbagliato in questo
Sì, intendo respirare la sceneggiatura giusta
tag quindi come faccio questo ho bisogno di definire
l’elemento personalizzato sì
conosci l’API, non sto bene
quindi quello che fai è fare elementi personalizzati
punto definire così personalizzato in minuscolo e quindi
elementi di capitale non definiti
si definisci e poi devi dare
è un nome così che stanno cercando
il nome del tag così questo sarà tuo
FFF – logo questa è una funzione oh si
sì , quindi stai praticamente dicendo quando
trovi un tag di questo tipo sì, sì, lo farei
come te per istanziare il
cosa seguente quindi devi darglielo
una classe nella seconda parte penso che sia
non devi neppure nominare la classe
puoi essere come la classe estende HTML
elemento se lo desideri a questo punto
va bene così è
come divertimento quindi qualcosa di simile come
durerà così sì, funzionerà
hai solo bisogno di definirlo
classe da qualche parte e va bene, e noi
ho bisogno di un costruttore, suppongo di sì
subito mi dispiace una cosa
non ho detto che sei tu
andando dovere di estendere elemento HTML oh e
si, lo sei davvero così è così
di nuovo è così che sa che puoi
fai tutte le cose che vorresti fare
un bambino di penna o qualsiasi altra cosa sì, così è
tipo di interessante ora perché tu come
appena questo viene eseguito nel browser è
sarà come un logo FFF trovato
ecco le tue cose così potresti persino
costruire se si voleva mettere alla prova che si
potrebbe fare come un log di console o qualcosa del genere
è come oh ciao dal mio logo
va bene come qui sì ciao dal logo
bene, aggiustiamo l’ispettore qui come
questo è un problema costante qui
come e questo sembra dove metto il
coni come l’ho, non sì lì
è
funzione di bene logo non è la multa I
supponiamo questo prima perché ne ho bisogno
spostalo sopra Sì, vediamo dove c’è
andiamo subito proviamo ancora e ora devo
chiama super, dimentico che me lo dimentico
tutto questo tempo è uno dei momenti
dove mi piace molto il dattiloscritto perché
dattiloscritto sarà come a proposito
in modo da sapere che devi fare il super
la cosa così sì piace il dattiloscritto che avevo
come mi piacerebbe usare dattiloscritto se
questo era quello che faceva allora
si lamenta come se fosse una cosa strana
prendi otto ore per aggiustare sì, questo è il
cosa funziona per te davvero
funziona per te quando lo stai combattendo
andando no no, semplicemente fidati di me per favore
sì, è quando può essere un po ‘
sì va bene così ora abbiamo il
ciao dal logo che è qui mm-hmm
Va bene così la cosa che vogliamo fare
prima di tutto vogliamo creare un
la radice dell’ombra la radice dell’ombra è fondamentalmente
il posto dove contenere il tuo schifo è
come il luogo in cui nascondi il
dettagli di implementazione del tuo elemento
sì, parliamo un po ‘ di
lì perché un sacco di gente qui potrebbe
non avere familiarità con come l’ombra Dom
possiamo parlare un po ‘ di cosa?
è sì perché esiste sì così brevemente
si, quindi se pensi a qualcosa come a
elemento video che ottieni con
piattaforma ha cose come la
controlla al suo interno quali sono
in realtà elementi come il loro Dom
pulsanti di elementi e quant’altro dentro ma
quando controlli l’elemento in say dev
strumenti o qualunque cosa sia come ci sono solo
un elemento video
è così simile a tutti loro
dettagli di implementazione e gli elementi
e così via all’interno di un nascosto e questo è un
modo di pensare all’ombra Dom è la tua strada
di dire che c’è qualcosa di grave ma è
lo sto solo nascondendo in modo che tu faccia tutto
hai bisogno di affrontare è roba a
il livello più alto è proprio quello che sei tu
bisogno di affrontare in questo caso sarà
il tuo logo FFF e se abbiamo cose come
divs o stili o tutto ciò che vogliamo
incapsulare all’interno dell’elemento solo
per quell’elemento lo schiocchiamo nell’ombra
Dom tutto bene
La Gran Bretagna va bene così
Entriamo dentro, quindi è solo un
semplice, in teoria, ad essere in grado
per dire questo punto @ @ ombra lì dentro
Sì, questo dardo aggiunge ombra e poi
è che è una funzione per te
devi dargli una modalità è un oggetto
che è chiamato per dire che è un
obiettare il passivo emissivo che è
che avrà la modalità e poi vuoi
si dice aperto la condizione aperta e chiusa è
il Signore il completamento automatico di questa cosa
è incredibile come quello che normalmente è il
il completamento automatico per Visual Studio
sì è solo fastidioso e fastidioso ma
qui funziona davvero , non so cosa
hanno fatto non so che sembrano
capisci questo davvero bene, sì
è abbastanza bello quindi la tua modalità è
fondamentalmente se un
puoi ottenerne la radice d’ ombra
al di fuori del quale, in questo caso, probabilmente
voglio fare solo di default, basta scegliere
aperto non c’è motivo per chiudere il tuo
ombra radice necessariamente ok, quindi questo è
questa è una stringa sì sì uno dei
le cose che stai facendo qui sono se tu
noti che stai operando contro il tuo
esempio che è abbastanza bello, ecco fatto
hai finito così salvi che vai a controllare
e se ora guardi dentro gli strumenti di sviluppo
sul lato degli elementi all’interno del logo FF
il tuo logo sarà scomparso
ma dovresti avere parentesi radice d’ombra
aprire dentro di esso oh quindi ho bisogno di
ispeziona qui oh sì, vediamo bene
apri, sì, lo vedo e hai ancora il
immagine lì ma è come se non lo fosse
mostrando e il motivo è non appena si
collega una radice ombra a un elemento
stai praticamente dicendo che questo è il
contenuto di questo elemento nient’altro
era lì prima che non volessi
il loro in finito su in là più come
dimenticare ciò che è lì perché puoi
riportalo indietro in un momento inserendo le fessure
di cui parleremo tra un momento ma
in pratica sta dicendo sì, ho questo
la radice dell’ombra usa quello come il mio tipo di
punto di riferimento per questo elemento e
qualcos’altro che è dentro si ottiene
liberatene, lo vedete con voi
quando metti qualcosa dentro una tela
Elemento che semplicemente ignorerà il
contenuto di una tela penso dopo se
si inizia effettivamente a disegnare nella tela
sarà come wow ignorare qualsiasi cosa
altrimenti ci metti lì solo un po ‘
interessante sì, così tu che cosa abbiamo bisogno
è che abbiamo bisogno di ottenere l’immagine
ora torna da te lo sai dalla luce
DOM e rilasciarlo nella radice delle ombre così
il modo in cui lo facciamo è quello
sarebbero usati gli slot per questo è quello che noi
utilizzare gli slot per slot così è perché se tu
immagina ora intendo una specie di avanzamento veloce
un pochino dentro il tuo cassettone
potrebbe avere come div e pulsanti e
tutto il resto sì e quello che vuoi
fare è che vuoi mettere un po ‘
segnaposto un piccolo segnaposto all’interno del
shadow root e mostra l’ombra Dom a
essere come a proposito se vedi immagini o
qualcosa o qualunque cosa tu voglia
la pentola esterna l’ha messa qui e te
puoi nominare le tue slot ma in questo caso
perché probabilmente lo faremo
abbiamo uno slot che non abbiamo bisogno di nominarlo
e supporrà che se ce n’è uno
slot che vogliamo solo il contenuto
quello è nella luce, io sono fuori
degli elementi della tua immagine abbiamo solo
voglio quella discarica direttamente nello slot
ok va bene quindi questo è il posto dove immagino di essere io
penso probabilmente leggermente più interessante
perché dobbiamo creare un tag modello
o un elemento modello che puoi fare all’interno
il codice JavaScript se si desidera che si tratta di
tu dove vuoi farlo, io tendo a farlo
fuori dalla classe è la parola
fuori dalla classe sì, così non lo sei
so esattamente che non ho basi per il mio
la decisione che ho preso come una follia lo so
potresti essere completamente arbitrario qui io
significa sì, perché no
quindi sì, abbiamo bisogno di un modello per documentarlo
crea un elemento modello di cosa
va bene così come creare ok, si, fantastico
elemento oh sì e poi ha detto poco
il discorso del pizzetto segna sì che vogliamo
modello oh okay, ti sto bene così
Cosa faccio
come assegnare quello a variabile sì questo
è divertente per me troppo sì che si desidera
scimmia con innerhtml su quello così
è come il modello innerhtml
uguale e poi un po ‘di HTML e io potremmo
potrebbe iniziare proprio come lo slot
sarebbe una cosa da fare proprio così no
esso citare gli slot di citazione come nella dell’angolo
parentesi okay, ti faccio sapere no, mi dispiace Oh
quali sono i pescatori che chiameresti?
quelle parentesi angolari Oh, si si
la cosa è come quando si tratta di
Inglese ed è solo che non ho
la connessione di parentesi angolari simili
e parentesi graffe nella mia testa come se fosse
di solito come stai comunicando
attraverso la chat o qualcosa di giusto
riguardo alla coppia così spesso quando tu
comunicare intorno al codice che semplicemente non lo fai
è necessario utilizzare questi termini, quindi è così
raro per me riferirmi effettivamente a loro
con l’inglese che credo si, credo
ho chiamato le parentesi graffe solo io
li chiamavano ondulati o si, sai
Svedese più swinger che è come te
conosci il no io non conosco l’uccello bianco
che è orribile
no sono loro
hanno sempre come i loro figli loro
passeggiare e poi se cammini vicino
ai bambini l’uccello inizia a cigolare
e ti cade in testa che mi scivola
vedere gabbiano sì gabbiano sì gabbiano
le ali è ciò che noi sì, ma quello è
come li chiami in svedese
nel colloquialismo non ho idea del perché
no, non ho idea del perché, ma mi è piaciuto
la tua descrizione che aiuta moltissimo
va bene una fessura e quello che vogliamo
facciamo è che vogliamo prendere un caffè del
slot dal modello e rilasciarlo a
l’ omelette quindi ci sono due cose qui
uno è che ci sono due cicli di vita
callback all’interno di un elemento HTML o
elemento personalizzato mi dispiace che dobbiamo usare
questo callback collegato e disconnesso
callback okay e non abbiamo bisogno di nulla
a parte il diritto di callback connesso
ora così stiamo dicendo quando lo lasci cadere
elemento nel Dom sì, voglio che tu
fare qualcosa che è ciò che è connesso
callback è per e credo in quel che abbiamo
copiare il modello e inserirlo in
l’ ombra Dom così come lo fai
è solo come collegato yep
callback connesso che è oh è questo
indovinare come una P è che puoi
supponiamo solo perché questo significa che loro
sono progettati in modo intuitivo sì sì mio mio
cosa con il callback connesso e
Il callback disconnesso è normalmente utilizzato
loro per la creazione di ascoltatori di eventi e
rimuovendo gli ascoltatori di eventi dal
elemento in modo che ci sia un po ‘
pulito e in ordine in questo caso, immagino cosa
Facciamo è noi facciamo questo dot shadow route
perché attaccando un’ombra otteniamo
questa proprietà magica chiamata ombra
percorso che ora possiamo accedere così diciamo
questo punto dot shadow dot dot child
e poi diciamo quello che vogliamo che
è il nodo del punto clone del punto dot del modello
vero ma lo stiamo facendo sul set
qui quindi la cosa da fare sarebbe
per fare questa rotta ombra scura e ogni
la lettera minuscola è maiuscola R append child okay
cool così e quindi facilmente aggiungere il
modello sì vicino così che cosa abbiamo bisogno di
facciamo è possiamo determinare che potremmo provare e
ottenere il contenuto del modello così perché se
aggiungiamo il modello che diciamo con donc
uno vogliamo una nuova istanza del
modello sì sì il modello
di per sé è come inerte HTML non lo è
effettivamente utile potresti aggiungerlo e
non faresti nulla di ciò che vuoi
è che vuoi essere gentile
di raggiungere all’interno del modello andando
bene qualunque cosa tu sia in realtà
che rappresenta il contenuto è a
sottigliezza e mi fa incazzare ogni volta
oh sì, certo
come quando ci penso lo fa
senso perché il modello è sì questo
è solo un elemento senza senso, davvero giusto
giusto non fa niente è solo
come questo segnaposto il browser I
non dire che lo ignora ma non lo fa
renderlo non fa nulla con esso
si, guardandolo non avevo idea di quello
potresti farlo come se lo cambiassi
ti piacciono i waffle sarebbe ancora
funzionale o i modelli hanno a
un significato speciale che puoi fare a tutti voi
può che creare elemento con qualsiasi cosa
che il browser capisce così come div
o P o forte o sai cameo te
può farlo e il browser lo capisce
Di quale modello significa sì si potrebbe anche
crea elementi con la tua abitudine
nome dell’elemento quindi avresti potuto farlo
creare elemento FFF – logo invece di
in realtà mettendo nel tuo HTML quello
avrebbe funzionato anche sì
va bene così così come faccio davvero
fare questo ho bisogno di raggiungere nel
modello in HTML e in qualche modo creare un
creare cose sì , è fondamentalmente uno
contenuto del modello o contenuto contenuto
completerà automaticamente per te il tuo contenuto
contenuto ora che te lo darà
caso particolare quello che tu
creato e dato che ne abbiamo solo uno
modello e stiamo utilizzando solo quelli
va bene, ma se si voleva riutilizzare a
modello su più elementi voi
DUPLO nota anche qui lo sai
pulizia in sostanza si lascia il
contenuto del modello originale da solo e tu
e quindi probabilmente vuoi vero che è
la bandiera ricorsiva perché è a
funziona cosa clone strano sì è un
funzione e poi dentro che c’è un
booleano che vuoi essere
ricorsivo o non va bene e quindi se tu se
il tuo modello ha dibs e così div
all’interno di div o qualunque cosa sia come me
non una copia superficiale voglio una copia di
si, come tutto in quel posto
sono solo io che cose come queste
funzioni che hanno un argomento che
è un booleano o orribile no, ho detto
nessuno come questo è qui qualcosa che
le persone imparano e poi non ne hanno idea
quello che sì è proprio per questo che sarebbe
molto meglio se l’API fosse come un saluto
nodo punto ricorsivo II piacerebbe a tutti
api è come questo dio, voglio dire che questo è
la trappola booleana che vedi tempo
e ancora una volta dove vuoi che tu dica
scopri modalità che significa vero
ricorsivo o è vero superficiale o sì io
significa che sai prendere i cassonetti sì io
solo non riesco a ricordare che tu sai bene così
in teoria quello che abbiamo qui è che abbiamo
abbiamo qualcosa che dovrebbe copiare
dal modello lo slot e cosa
lo slot rappresenterà è hey se c’è
tutto ciò che è stato messo in questo
elemento personalizzato andare prenderlo e rilasciarlo
all’interno della fessura, quindi tutto sta bene
quando sei fresco questo dovrebbe fare qualcosa
Tutto ok
fa tutto bene, prendiamoci un
guarda bene
quando sto ispezionando sto controllando
all’interno del logo FFF sì e ti vedo
come ora la radice dell’ombra in realtà
contiene come un che posso espandere quello e io
posso vederti come a posto ora ho capito bene
quindi la radice dell’ombra è la roba che è
dentro il suo nascosto e non visualizzato o
tutto bene e quindi posso avere
afferrato il temp c’è uno slot qui
sì, sono le ombre che non mi aspettavo
questo perché non hai detto bene che slot
erano cose che facevamo per ottenere cose
fuori dall’ombra Dom così mi piace un po ‘
nella mia mente immagino che le slot sarebbero
qualcosa che ho messo al di fuori del
ombra Dom no, quindi quello che abbiamo fatto quello che siamo
dire qui è dentro quella radice d’ombra
ci sono indicatori ci sono segnaposti
dove voglio mettere il contenuto da fuori
l’elemento all’interno dell’elemento oh così
è come se avessi potuto avere del testo
o avresti potuto avere qualcosa così se
immagini di fare un’abitudine per te
voglio dare a qualcun altro come a
carosello o qualcosa sì a destra e si
può essere come usare la mia giostra personalizzata
elemento, ma quello che voglio che tu faccia è io
voglio che ti lasci semplicemente cadere come una lista di
le immagini al suo interno devono essere in grado di
inserisci quelli nei tuoi elementi personalizzati
tipo di interiora se ti piace e sii come
va bene l’immagine va qui l’immagine va qui
il testo va qui e così via, ecco cosa
le slot sono per quello che è fatto
perché non è una diapositiva con nome è solo
si chiama slot yeah e tu puoi dare
nomi di slot come ho detto che sta andando
ho uno slot e c’è
alcuni contenuti all’interno del logo fff ‘ quindi sono
solo andando a rilasciare quello in e
supporre che tutto sia come dovrebbe
sii ora se tu se espandi lo slot all’interno
della radice delle ombre vedrai anche questo
È un po ‘ha questo piccolo tipo di
freccia che indica attraverso l’immagine sì I
Diciamo che è un po ‘come mi piace pensarlo
come un link simbolico non è in realtà
là è ancora fuori nella luce
Dom tutto bene, a me importa
puoi darti la scorciatoia
versione qui su come animare questo
oppure possiamo fare ciò che pensi sia intuitivo
e vedi se esci a destra
rispondi e ti sto dando da lui
dicendo che è più simile a un fratello, ma io sono
Non so se ne sarà abbastanza
Un colpo è una chiamata me quando ero
giocare con questo va bene ma piace
sì, penso che sia più divertente quando io
prova a capire il problema da solo
e tu allora sai bene
Mi piace anche questa piccola cosa
puoi fare clic su rivela in chrome
strumenti di sviluppo e salta a
la luce sì fammi sapere il tuo con
la tua spiegazione in mente in questo modo
ha davvero senso
è bello quindi la cosa ora che vogliamo è
che vogliamo essere in grado di raccogliere
qualunque sia di nello slot sì che vogliamo
tipo di animare tutto bene così
Immagino che lo faremo dopo averlo fatto
aggiunto alle radici delle ombre
e andiamo come abbiamo bisogno di andare bene noi
voglio ottenere tutto ciò che è in questa slot e
lo slot si trova nella radice delle ombre, quindi io
indovina i punti della radice d’ombra
[Musica]
ottenere elemento per ID forse no, non lo facciamo
avere un ID qualsiasi si ottiene elemento per nome
quindi cosa stai pensando di fare qui
dov’è la tua testa in termini di come
hai intenzione di chiamare come elemento
animare o farai un CSS
animazione va bene così ecco la cosa
l’animazione non era una cosa quando ho iniziato
lo sviluppo del web è stato come muoversi
cose come X come le animazioni CSS no
esiste allora ho iniziato a Spotify quale
era questo posto in cui fondamentalmente ero un
come la macchina non ho davvero toccato il
Dom troppo o CSS abbiamo avuto persone
fare CSS per noi e noi eravamo come il
sviluppatori di JavaScript senior e lo eravamo
come fare business logic e figurare
fuori come come fare cose a scorrimento come
l’animazione non doveva davvero fare molto
ad essere onesti quindi stavo solo pensando
circa come a questo punto vorrei solo
prendi l’elemento e, come se non bastasse, spostalo
da X o qualcosa come sì per ottenere
è iniziato bene, va bene , è come
cazzo che cosa ho da dire è così
difficile è ok con che si sa che e
questa è la cosa che sono completamente d’accordo
con te è solo perché ho speso un
molta della mia carriera lavorando con l’animazione
che questo per me è come questo è il mio
cortile quindi ho tipo di ottenere e un
capisci completamente cosa stai dicendo
e penso che sia la situazione quella
la maggior parte delle persone si ritrova ad andare
ci si sente come dovrei usare il verde
calze sai che l’animazione CSS dovrebbe
Io ti ho solo afferrato e come set
stili in cui requestanimationframe
seduto tutto questo come aiuto, così posso
capisco completamente ma non lo faccio
so come ho bisogno di ottenere lo slot
elementi per iniziare con no e questo è
quello che sto cercando di fare come se fossi piccola
passi così ho questo che succede se io
se faccio anche questo è slot e
console.log
sì, sono curioso e in realtà tutto
sì sì okay, ho davvero questo sacco
quello è buono
ora la domanda è puoi fare qualsiasi cosa
con lo slot hmm vediamo che c’è il
c’è l’ elemento che anima l’API
che potresti provare qui così bene
slot ma facciamo solo l’immagine a
selettore di query come sto per iniziare
questo e vedere se ho anche ottenuto un’immagine sono
indovinando no non puoi mai dire di sì
perché è come hai detto tu
questa è una specie di riferimento
thingamabob come un link simbolico quello che ho
stampato una stringa che avrai sicuramente
ottenere un risultato sì, se non abbiamo fatto coppia
associare la programmazione qui come me
mi hanno buttato fuori per circa 20 minuti
perché non sarei in grado di vederlo
yeah yeah ho notato questo subito mi
ho pensato bene, così non è stato così
lavoro così qui sarò sì, sono qui
perplesso come come vorrei arrivare al
immagine quindi questa è io questa è la cosa
Non penso che tu voglia necessariamente
ottieni l’immagine a tuo piacimento
per animare effettivamente l’intero logo
tutto bene così così sì sì
non voglio davvero nemmeno nemmeno nemmeno
la fessura ma l’intero coso sì mi
pensa che potresti fare come questo punto animato
oh sì perché questo è il sì perché
il logo della funzione è il reale
elemento sì, va bene così ha questo
i fotogrammi chiave
okay, è quello con cui lavoriamo
come no è istantaneo è una matrice di
i fotogrammi chiave così si vuole solo far passare in
un raggio per cominciare
oh quindi non è un si, non è l’arte
mmm così ora stiamo animando
fotogrammi chiave sì e così eccoti qui
stai facendo lo stile CSS così saresti
come trasformare la scala zero ok così è
un oggetto anche ciascuno
il fotogramma chiave è un oggetto si vede che sono grande
lì e loro trasformano la trasformazione sì
e quindi questa sarebbe una stringa che
sarà qualcosa come la scala zero come
quello
no è di nuovo questo è con la stranezza
di CSS non è la sua parentesi zero della scala
andiamo in giro senza i ricci in giro
La gamba quelli Siegel quelli che
sono così difficili da fare sul mio mio piace X
questa è una cosa pericolosa in cui
il Mac OS è che c’è questa mossa
per farlo è come tre devi
facciamo oh diciamo che è shift alt e poi
ci sono genitori e cose simili
è che anche io uso un potrebbe come a
tastiera microscopica vedi ancora il mio è
come il turno nove o qualunque cosa io sia giusto
dal momento che è fatto per come piace e così
mostra la cosa sbagliata su questo
tastiera quindi devo tenerlo come
completamente nella mia mente ea volte io
dimentica solo come si fa e poi lo sono
fregato perché in realtà non mi piace
Mi sono ricordato da molto tempo
dimenticato come cosa cosa il
la combinazione in realtà fa affidamento
memoria muscolare e se la memoria muscolare
fallisce tu fallisci esattamente è come il pin
codice che ti piace lavorare per anni come e
poi un giorno ti piace come se non avessi
idea ciò che il codice pin è sì bene
quindi no, è più come una scala
ampere e voglio dire che posso essere come te
so che è come il doppio e che, oh, va bene
prendilo
si ma con le parentesi ricurve ricurve
parentesi si lo sai lo sai?
che la mano manovra per questo no
come dovrei dovrei cambiarlo
normale sì no non ha davvero no no no
è che sono questi sbadigli rotondi sì no
non c’è in quel modo è in realtà
la mia tastiera, oh, sai che è un sollievo
si si vuoi che lo vogliate così
come se ce l’avessi , va bene così
sì sì okay, quindi abbiamo bisogno di un
secondo fotogramma chiave che sarà simile alla scala
uno così abbiamo solo bisogno di un altro oggetto con
trasformalo al suo interno e poi ridimensionalo
va bene così sono sveglio così sì
e poi mi libererò del mio
roba lì riordinare tutto in ordine e poi
il secondo parametro per animate è un
oggetto che prende un sacco di valori
come la durata e ritarda il
funzione di temporizzazione che si desidera utilizzare così
abbiamo solo bisogno di un altro tipo di oggetto qui
sulla linea 27 sì, che è così il
minimo penso sia durata penso che se
inizi solo con la durata e poi
è la durata in millisecondi così tu
come durata 1000 per un set a destra
così così sì, questo può essere o non è possibile
non funziona , dovremmo scoprire tutto bene
geniale vediamo non ha funzionato
sì non ha funzionato bene e mi chiedo
mi chiedo, mi chiedo, mi chiedo se sia perché
dell’elemento visualizzato: inline
di default, piuttosto il blocco di splay va bene
quindi dobbiamo avere il logo FFF come
beh, hai già questo modello
con innerhtml con lo slot all’interno
al 8 ° giro puoi aggiungere un artista
elemento in là un elemento di stile e il
lo stile si applica solo all’interno del
shadow root va bene così bene se ne hai uno
tag di stile all’interno di quello dentro di lì
e ml sì, ma prima dello slot per esempio
va bene come questo sì, come quello
che va bene e tu sì e poi
chiudilo e poi dentro il tuo
stile se lo fai : ospitare è uno pseudo
selettore che sta dicendo che voglio solo io
voglio parlare del mio elemento genitore per
un secondo bene fresco e all’interno
l’host di te come display block o
mostra il blocco inline probabilmente in linea
in realtà sarebbe probabilmente una buona cosa
qui oh sì
caspita, è così strano ora è okay
fondamentalmente questo hTML sta andando
viene scaricato all’interno della radice shadow per
noi così ora se ci aggiorniamo, l’ abbiamo fatto
lo ha fatto ha fatto esso è oh mio dio
wow, è così fanculo che è così liscio
adesso, quindi, facciamo 60 60 FPS
ok, sì, lo aggiornerò
per un po ‘ perché sono così
eccitato lo fai come oh Nick I I’m
solo andando aggiornare questo fino a come la mia
cervello non è più discariche dopamina dalla
effetto pensi tutto il tempo va tutto bene
giusto penso di essere bravo all’interno del dev
strumenti se guardi dentro quell’ombra
Radica di nuovo sì, vedrai che ce l’hai
ha uno stile che ha l’ ospite
display: inline-block e quindi lo slot
immagine e così via oh lo vedo sì così è
solo questo è proprio come voglio
c’è tutto questo HTML e basta buttare tutto
lordo all’interno della mia radice d’ombra che è
praticamente tutto quello che stai dicendo qui e
come inizia a comportarsi come se io usassi solo
tag stile mai come nella testa
elemento è l’unica unica istanza
dove l’ho usato come non l’ho fatto davvero
sappi che potresti usarli in qualsiasi
altro posto che puoi e normalmente qualsiasi
elemento di stile che si inserisce nel tuo
la pagina si applica globalmente è solo
perché hai l’ elemento di stile
qui all’interno di una radice d’ombra colpisce il
confine d’ombra e va abbastanza lo farò
non applicherò questi stili all’esterno
di questo tutto bene e anche dentro
della radice dell’ombra hai questo simile
questi extra magici aggiuntivi come
host sì, ce n’è un altro che è a
pseudo select che è double : slotted
quindi se davvero volevi stile il tuo
logo sì puoi farlo dall’interno
anche questi stili se si voleva fare
che freddo così va bene
quindi è un po ‘una cosa
puoi farlo in questo caso, suppongo
possiamo tornare in quella trasformazione
abbiamo ottenuto la scala 0 e la scala 1
sì assolutamente ha bisogno di una rotazione quindi se
metti su quella prima sulla linea 26 tu
devi mettere uno spazio e quindi ruotare e
quindi parentesi graffe e dobbiamo ottenere
mira a questi sì, ci arriveremo
nome per questi altrimenti Oh ruotare come
ma questo è probabilmente stupido ma è solo
e quindi ruotare come 90-qualcosa ora
facciamolo fare 1080 bene come 3
giri completi ma devi anche dirlo
è 1080, ci capiremo
gira intorno come hai fatto
dare il hai avuto modo di dargli la
unità quindi è in realtà dag deg aha
e lo stesso per lo zero e ora oh mio dio
Intendo ciò che non è di amare per il
è così bello che è letteralmente
come quello è in realtà ciò che abbiamo parlato
su Twitter stavo solo scherzando
intorno ma questo è in realtà come il vecchio
Il logo di Batman lo conosci così l’altra cosa
potremmo fare è intendo che è bello
livelli di formaggio perché è it’s
lineare quindi no non si accelera o rallenta
giù è proprio come farò
questa cosa vignetta possiamo aggiungere un po ‘ di
rallenta se vuoi su questo oh si
come una stessa cosa sì sì dopo
durata nelle opzioni per gli animi
se hai appena messo nel credo che il suo tempismo è
la proprietà che vuoi e questo è
lo stesso di una funzione di temporizzazione CSS così noi
posso fare Bezier cubo Sono pieno di cui hai bisogno
mettere è una stringa mi dispiace
sì cubico ok questo porta l’aria no
è corretto sì, intendo chiunque
chi è effettivamente in grado di parlare francese
che non sono io sarò come il tuo
pronuncia di occupato a è terribile Paul
e io accetterò pienamente che lo sia
terribile ma andremo con esso e poi
hai bisogno di alcuni hai bisogno di numeri di telefono come
a parens dopo il occupato a così non lo faccio
comune non comune o punto 3 comma 1
ciò che non indica è come punti tutti
commenti a destra 0 virgola au 0 virgola 0
0,3 0,3 uno
come questo è una cosa strana come
Parlo inglese per come se fossi no
34 quando inizi a imparare l’inglese come
12 o qualcosa del genere per così tanti anni
ma quando si tratta di parlare di
numeri che ho fatto così poco e
ogni volta che mi imbatto in queste cose
come tutti sono come quello che è su un
livello del bambino che non sa come
parlare di numeri quando ero in
Svezia, una delle prime cose che ho notato
era così quando delimitiamo il nostro
migliaia è come una virgola zero zero
zero mentre in svedese 1.000 proprio così
lo fa e poi ovviamente lo hai
l’americano dove si dice punto
invece di punto e sì è possibile ottenere
molto perso nella traduzione specialmente quando
si arriva a questo che quel particolare
Bezier ci darà un rallentamento simile a
la fine della nostra animazione quindi dovrebbe essere
un po ‘più veloce all’inizio e
allora dovrebbe sistemarsi tutto bene
vediamo come funziona
si, è proprio così che mi piace
in esso questo è un netto miglioramento
pensa e sto ancora vedendo il vecchio
versione penso di sì o no
rallentare molto per me possiamo solo
possiamo solo cambiarlo qualcosa
estremo per vedere provare a cambiare il secondo
uno a cui piace non 0.6
c’è la seconda qui qui oh
si, oh scusa, non sono sicuro che sia così
cambia qualcosa
abbiamo qualcosa che mostra
qualsiasi cosa non mostra alcun errore hey
Vado a dare un’occhiata a posto
fammi solo prendere questo e lo farò
afferra oh questo è esattamente che lo farò
Tutto ok
vediamo se è ciò che intendo è quello
dovrebbe essere piuttosto estremo se lui vuole
farlo, ma non vedo nulla di diverso
vedi qualcosa di diverso, no?
abbastanza no, non la penso così
è cubico Bezier sì questo potrebbe essere di
tutte le cose da viaggio ci up sai
questa è la funzione cubica di Bezier che sembra
come se avessi un aspetto di riferimento
volta lo faccio tutto il tempo
tempo di transizione si è alzando è
facilitare l’allentamento è ciò che è il momento
allentandoti pensi che la cosa sia facile cantare lì
andiamo bene proviamo che
oh, chi è stato bello, sì, ci sei tu
va oh è così bello che è così come mmm
solo veramente buono quindi il quello di
le cose che abbiamo fatto qui dal
modo che non ho davvero tipo di parlare
circa sulla strada attraverso usando il
trasforma si ci sono due cose una
l’elemento in realtà non cambia dimensione
quindi se si modifica quella durata a I
non so che sette generazioni cambiano
a piacere di un centinaio di secondi o
qualcosa sì, che sarebbe come un
un paio di zeri su di esso mille centinaia
secondi davvero lenti oh sicuro che sia uno
più zero e ti farà cento
oh oh è bello come va bene
come va bene allora ora è davvero davvero
lento ma faccio l’arrivo corretto Oh
Pete non è nemmeno sul mio schermo eppure il
elementi reali stessi in termini di altro
elementi sulla pagina sì no
cambiare le dimensioni in modo da non spingere
altri elementi fuori dalla allontanato
ok per quanto riguarda il browser
preoccupato, questo è come se fosse ancora il
stessa dimensione in termini di layout del resto
della pagina sì, che è super utile
perché significa che non sei gentile
ricalcolando dove tutto è sul
pagina tutto il tempo la cosa è perché
è una trasformazione è qualcosa che il
il browser può sostanzialmente accelerare
tipicamente quindi è normalmente il modo
otterrai 60 fotogrammi al secondo
animazione così e ovviamente sembra
impressionante prendendo il tuo logo e come essere
cerchiamo di spin up possiamo aggiungere un paio di
più fotogrammi chiave ti piace è come
fai l’intera cosa di Batman come se andasse
è vero, va bene, Betsy
farlo assolutamente sufficiente aggiungere un terzo
qui un terzo fotogramma chiave sì
quindi torniamo a zero suppongo
si, forse, qual è il numero di ottanta
i tempi di due erano 160 a 160 anni
si
così che il dado dovrebbe sapere ora cos’è
interessante è quello che fa alla fine
di questa animazione ritorna al
versione completa dimensione giusta oh sì lo fa
sì , questa è una cosa chiamata fill ok
è una delle cose che puoi passare
l’animato ed è un altro di
queste proprietà come l’alleggerimento no
temp di mod e tirare l’andamento o il
durata puoi dire riempire e cosa
stai dicendo è quando finisci questo
animazione cosa voglio che tu faccia
e se lo fai riempire e c’è una stringa
risparmi per le parole, si dice, tieni premuto
quel fotogramma chiave di animazione finale come
valore in modo che sarà una sorta di scala su e giù
e quindi manterrà quella scala finale 0
quindi se si aggiunge dopo l’andamento se si
aggiungere un altro che dice riempire per parole
come no, non sbarazzarsi di quello come in un nuovo
Tutta la nuova proprietà nell’oggetto Oh lo ha fatto
le cose vanno bene così si adattano il loro riempimento per
parole c’è una stringa per le parole
sì sì, le modalità di riempimento sono una cosa che è
non solo per non solo per le parole
sei tutto pronto
proprio come oh, va bene, non più tutto
va bene e ora che ci aggiorniamo tutti
essendo ben andare e sì è sì
Mi piace davvero , per favore aggiungi quel suono
effetto sì sì oh bene potrei usare come
Lo userò io lo voglio
transizione come se ti leggessi come se fosse
si lo fai se ti capita di avere
un’altra immagine che giace ovunque, sì
solo una specie di immagine e proprio così invece
solo l’ immagine divertente del forum divertente
prendi un’altra immagine e sostituiscila
divertente forum uno con l’altro
e penso che questo tipo di spiega a
po ‘su l’idea alla base del
cosa elementi personalizzati va bene ci andiamo
ok, che cos’è quell’immagine, sì?
può chiedersi come sia in realtà appeso
Ti faccio vedere che voglio dire che vedo un maialino sì
Esattamente
guardando un piatto di cibo sì sì io
la cosa è come una cosa che ho fatto
questo ha aumentato la mia felicità così tanto
Sì per smettere di seguire tutti i miei amici
Facebook Lo faccio come quando sono in Svezia
ho fatto le elezioni mi sono appena reso conto che hey
Sono amico dei miei amici per
ragioni completamente diverse dalla loro
eccellente commento politico che
mi fa schifo molto, quindi uso questo
Script di Chrome per seguire più ogni singolo
amico che di conseguenza mi piace l’ unico
cosa che ora vedo nel mio feed di Facebook è
gruppi alimentari vegani
così solo le persone spingeranno a pubblicare foto di
cibo vegano è tutto ciò che vedo quando registro
in Facebook e foto di cibo vegano
né sorprendentemente spesso hanno foto di
gli animali sono così vegani
cibo e un maialino che lo guardano oh
è davvero fantastico
va bene così che così è quello che
stai guardando così la versione breve I
Immagino di questo per me è che sei stato
in grado di riutilizzare solo quell’elemento
il posto davvero facilmente definendo il tuo
come il tuo logo FFF che potresti avere
chiamalo come Spinney logo o Spinney
immagine o qualcosa del genere e sì
logo e puoi semplicemente buttare via qualunque cosa tu
ho bisogno di dentro e tu lo capisci
comportamento sì e poi si potrebbe tipo di
andando all’indietro potresti usare qualcosa
come reagire o pre-agire e basta usare il
elementi spinny all’interno della tua app come
hai ed è un po ‘ utile perché
se qualcun altro intendo è altamente
improbabile in questo caso particolare ma
se c’era qualcun altro nella tua squadra
qualcuno ha l’immagine spinny di cui ho bisogno
un’immagine spinosa in effetti tutti sul
la squadra ha bisogno di un’immagine spinny che puoi fare
piace così e poi darlo a
tutti gli altri e funziona anche
se usano angolare sì così noi
dovrebbe probabilmente rinominare questo FFF
logo a qualcosa che è in realtà cosa
lo stiamo facendo in modo un po ‘come Spin It
come Batman
Batman è qualcosa che Batman è sotto a
perché è più come quello che eravamo
in realtà andando così, questo è più
come il contenuto della cosa sì sì io
voglio dire che l’ altra cosa è tua
elementi personalizzati non definiti al
in fondo alla linea 38 hai bisogno di
sostituiscilo con me e tutto il resto
è vero è vero
questo e abbiamo anche bisogno di refactoring questo
uno per essere che sai cosa puoi
fallo se annulli solo un secondo sì
e puoi premere f2 sulla tastiera se
puoi ricordare dove va bene f2
si e dovresti darti il prompt
sia la mia vorresti rinominare questo a
oh no, questo non funziona
questo nah questa è la cosa hotkey come
va bene lo chef P può venire
lo fai sì e poi lo fai
refactor okay per rinominare la semplice rinomina
il simbolo è quello che è giusto rinominarlo
non mi mostra niente
quello che oh forse è perché è in un HTML
file bene fallo e fai quello che sei
lo farò, lo farò bene
ecco qui sono io che utilizzo strumenti semplici
Sono così bravo che farai da D
sì no allora ho sì e lo siamo
lo chiamerò un pipistrello
è stata la cosa che so che hai
questo elemento riutilizzabile giorni felici
liberati di quella console Laura
OOP ci andiamo e ce l’ abbiamo così
non abbiamo bisogno di riferimenti a nessuno di questi
più sia a destra che a SLOT
l’immagine possono andare no e l’immagine
loggato qui eccoti tutto
questo è come 18 linee di codice e
hai la tua parte se tu se ci provi
per aprire questo in un altro browser che avresti
devono avere come i polyfills per
elementi personalizzati e dom shadow e anche
l’API di animazioni web che è il
elemento animato ma sai in termini di
solo tipo di andare e ottenere
qualcosa là fuori sì, questo è molto
bella palla mi piace molto, quindi ho avuto un
molto divertente ma ho bisogno di come noi
comunque nel tempo potrei anche piacermi
al salto o come una digressione del perché
vuoi fare componenti web e come
opposto a come un componente di reazione mm-hmm
per me penso che tutti nella tua squadra
sta usando reagire non c’è no
ovvio motivo giusto potresti trovarlo
è più facile, proprio come correre a reagire tutti
attraverso se sei solo tu da solo
qualunque sia il diritto, quindi quali componenti web sono
fondamentalmente un po ‘ come un sottoinsieme di cosa
reagire componenti può fare ed è
standardizzato sì sì, probabilmente
c’è un modo giusto per la standardizzazione
penso che la cosa principale che vorrei
stare cercando in termini di se così ho
ha lavorato su team in cui le persone stanno usando
diverse astrazioni ci sono
tipo organizzativo di componenti come in
il livello organizzativo ci sono
cose che le persone vogliono usare su e
ancora e ancora ma singole squadre
fare le cose in modi diversi proprio così
qualcuno sta usando qualcuno di qualcuno angoloso
usando la vista di qualcuno che usa reagire e
non c’è standardizzazione nella squadra
livello su quale astrazione dovresti
stai usando quale struttura dovresti essere
usando quando succede se le tue foglie
sono componenti web che possono rendere la tua vita
molto più facile perché stai usando il
quadro come colla ma non stai usando
per tutto il percorso attraverso e tu no
finisci per andare oh, non puoi usarlo
componente perché è costruito in questo
mondo particolare che ha detto come dico io se
questo non si applica a tutti in abbondanza
le persone sono come oh, ho appena reagito
tutti usano reagire la nostra squadra allora
Penso che tu sappia che sono loro
resta nel mondo del reagire se questo fa
senso per te
quindi sì, è il riutilizzo è lì è il
tipo di essere in grado di inviarlo in giro
internamente esternamente e tutto il genere
di cose che ti aiutano è bello
bello perché poi abbiamo questo tipo
del modo generico di definire i componenti
che non è legato all’angolare o reagire
come in alcuni casi molto bello con reagire
e lo hanno come tutta la cosa di stato
su bulbi e e Dom diffidenti e merda
ma ci sono molti casi in cui tu semplicemente
avere componenti semplici che anche tu
voglio condividere parti che non ne hanno bisogno
e se stai usando reagisci allora
stai solo limitando davvero il
l’utilità di esso per le persone che sono
usando reagire lavorano insieme
che vuoi ancora che Dom stia differenziando
e tutte le cose del genere sono come loro
caratteristiche davvero carine e probabilmente
vuole tenerli la cosa è ciò che è
davvero carino per l’ombra Dom
è che contiene il lordo e io
piace davvero così, invece di avere
come undici miliardi di div e tutto il
stili e ogni sorta di arrossire
lì e tipo di doverlo prendere
a parte puoi almeno un po ‘tipo di
ring-recinzione questa zona va bene questo è il
carosello oh va bene così
Non sono davvero in un mondo perfetto
scenario a cui non dovrei pensare
cosa c’è di là che è più bello
cosa come consumatore di un componente giusto
quindi penso che ci sia quel lato
beh , può essere più facile pensare a me
solo un mucchio di queste cose queste
unità che lo inquinano penso che tu
può farlo in molti modi diversi
anche se voglio dire, è solo quello che sembra
essere il fallout naturale che ho trovato
di usare componenti web ora è molto
carino come se fossi stato davvero scettico
verso di loro ma non mi piace ora, davvero
vedere come mi piace l’idea di pensare
su di loro come i nodi foglia del tuo
app penso che l’abbiamo appena fatto credo
che quello è l’episodio II
non so mai come finire un episodio
significa II hai un piccolo motivo
per il tuo come la tua piccola cosa che tu
ho sempre detto che sapevo che eri un po ‘
modello confrontiamo il mio
si signore, prima di partire, ricorda se
stai finalmente pensando di fermarti
la tua procrastinazione procrastinazione e
imparare l’apprendimento automatico quindi brillante
elorg è il luogo di brillantezza del luogo
slash fun fun fun function che hai giusto
ho visto un episodio di fun fun function I
rilasciato questi ogni lunedì mattina
oh aspetta centinaia di GMT ma lo dimenticherai
che così ci si può iscrivere cliccando
qui o guardare un altro episodio di questo momento
cliccando qui
Io sono PJ, sono Paul yay e questo è stato
divertimento divertente fino al prossimo lunedì
la mattina rimani curioso
bene andrà e sì è sì, vado io
mi piace davvero
per favore aggiungi quell’effetto sonoro sì buono
Lunedì mattina come faccio questo Gesù
Cristo
Ora mi sento completamente impacciato e sì
mi hai fatto vedere questo è questo
come si fa la salsiccia è divertente
guarda bene lunedì mattina
oggi ho Paul Lewis con me siamo
facendo qualche tipo di collaborazione no
esattamente sicuro di cosa, ma prima di tutto
lo sponsor è brillante ma ormai lo sai
quello geniale è un problem-solving
sito web anche che come insegna
pensa come un informatico se
ti interessa finalmente imparare
sull’apprendimento automatico e lineare
algebra e tutta quella roba dietro tutto questo
l’altra matematica poi brillante è per te
invece di ascoltare passivamente video
corsi che un sacco di siti nuovi
geniale offre queste interattive
sfide con graduale gradualmente
aumento della difficoltà che è davvero
davvero troppo bello Continuo a insistere su circa
come usare brillante è un po ‘come
giocare un gioco con questo senso graduale
di progressione è molto soddisfacente voi
usa milioni di miliardi / divieto di fun function
quando ti iscrivi per dirglielo
sei venuto da qui anche se tu sei il
i primi 200 a registrarsi usando quel link e
ottenere 1% di sconto si ottiene un senza abbonamento
li hai check-out dopo il video
quel collegamento è anche nell’episodio
descrizione di cui abbiamo parlato come te
dovrebbe darmi una sorta di codice
assegnazione sì e quando abbiamo parlato
hai detto che non avresti mai fatto una rete
componente prima e pensavo di volerlo dire
sembra che dovresti farlo proprio
almeno una volta nella vita anche se tu
non farlo tutto il tempo che non so
come quello che non so nemmeno cosa siano
per
vabbè ho un video su quello no
Credo bene io si collegherà nel
un attimo
è cazzo che non ricordo mai quale lì
sì sì quell’angolo penso in questo
caso potresti trattarlo come il nodo foglia
come dire che stai reagendo reagire o
qualcosa del genere e tu ne vuoi un po ‘
tipo di foglia alla fine invece di un div
ti piace davvero una specie di cosa riutilizzabile
quindi penso che non abbia senso fare
tutto ciò che è effettivamente utile
sembrerebbe sciocco, ma io ci credevo
potrebbe fare da quando non l’hai fatto
prima è possibile creare un’abitudine
elemento ombreggiato e all’interno del
l’ombra Dom usa uno slot e io ho pensato a
l’idea che potremmo perseguire è quello che hai
metti dentro l’elemento l’usanza
elemento dire che è un’immagine o qualcosa del genere
come quello, qualunque cosa tu ci abbia messo dentro
lo farà ruotare da una scala da 0 a
scala 1 e mi piace ruotare quindi è come a
bello così forse sì afferrare il vostro afferrare la tua
divertimento divertente logo funzione e, come ho detto
ci limiteremo a goccia che in una pagina e
allora vedi se possiamo fare tutto quel lavoro
Giusto fico come il PNG, sì certo hey
divertente forum big oh no no questo è il divertimento
parte del forum va bene, ma continuiamo a farlo
va bene come la promozione di patreon
bene ho scelto quello sbagliato ma si
interessante che non la vedo dalla mia parte
quello rosa ma sono sicuro che va bene così
così tu non puoi vedere come cosa
cosa succede in un video che vedi come te
vedi trasparente, vedi che sono
tipo di sfondo a scacchi sono
sicuro che è così che va tutto bene fare
hai bisogno di proxy le tue cose attraverso così io
puoi vedere cosa stai costruendo yeah hang
su come vivere come fa questo o come condividere
server immettere la porta TCP per condividere con
tutti i partecipanti quindi ho bisogno di un server web
per fare questo come normalmente faccio tutto
e creare reagire ne hai di simili
go-to cosa con cui lavori con quando
hai solo bisogno di un server web da condividere
HTTP – server come npm installa ‘HTTP –
server oh sì, giusto
server creato
e pm install Canyon lo faccio
globalmente si lo farei sì
HTTP – server sì, è incredibile
e quindi limitano i dati si fa il
NPM dance e tu solo e ancora poi solo
Il server HTTP si trova nell’ottimale versione 8080
e poi vado dal server di condivisione share live
e poi ho inserito la porta TCP 8080
fornire un nome visualizzato per il server condiviso
bene adesso dovresti essere in grado di farlo
basta andare su localhost 8080 sul tuo
macchina se funziona è assoluto
la magia è giusta sì sì sì sì
funziona oh sì ho ottenuto il divertente forum di schiuma
logo che è fantastico venduto sì come me
dovrebbe piacere che la cosa stia provando a
come il team di Visual Studio Code
come sponsor questo dannato canale
perché stiamo dando così tanto bene
esposizione e sono come se non lo facessimo
davvero perché lo sta facendo
in ogni caso sì, sono supposto che sia così
bene, quindi questo è il progresso che abbiamo
un server web e posso fare le cose in questo
e probabilmente posso fare come un file HTML
anche qui ora sembrava un bene
inizio
sì oh questo sarà come index.html
boom poi come tipo tag HTML ci siamo
andare Wow Wow facendo a mano ho il
HTML quindi gradisce la versione autocomplete
è come se ci fosse un campione dello snippet
sai come hai detto oh si
la cosa è come se fossi questo strumento
alcolizzato ogni volta che comincio a farlo
sottovento
Faccio solo utensili e niente lavoro oh oh I
vedere
come riconosco l’utilità della lavorazione
a parte
come non posso trattare con esso Oh tesoro
non è non è colpa degli utensili
è come se fossi una persona orribile
okay, quindi hai il tuo HTML è a
inizio
andare tutto bene così e tu sei
parlando di come vogliamo mettere
questo logo qui da qualche parte
supponi di sì oh sì, credo che sarebbe un
inizio sì capisco sì, ho capito
quello che è stato chiamato è FF grande
Gesù, oh, l’attuale ci completa
va tutto bene, andiamo a vedere bene
okay, va bene, mi sto ridendo bene
quindi cosa facciamo, ma lo siamo
trasformerò questo in componente web sì
quindi stavo pensando a cosa avresti voluto fare
è che l’immagine ci si vuole avvolgere
in un elemento personalizzato di qualche descrizione
così come non lo so
elemento di rotazione o qualcosa del genere così
l’ idea è di avvolgere quell’immagine nel tuo
elemento e magia accadrà come in
qualunque cosa tu metta dentro, ti metteremo
in una fessura e poi faremo tutto
gira bene così che tu sia appena finito
in un momento personalizzato va bene così
come faccio a farlo bene, tutto bene
digitando scegli un nome che devi scegliere
nominare il nome va bene così abbiamo solo raccogliere
come se fosse così lo chiamerei oh, aspetta
è questo che intendi come girarlo
in qualcosa chiamato un logo sì sì il
due cose una è che dovrà essere
minuscolo e l’altra cosa è che ha
avere un trattino nel suo nome oh okay così
forse FFF ami sì qualcosa come
quello
e il motivo per cui – sì così il
ragione è che se si dovesse guardare al
prototipo dell’elemento sì che sarebbe
dì HTML elemento sconosciuto se non lo è
andando a precipitarsi in esso perché nessuna piattaforma
l’elemento fornito ha un trattino nel suo nome
se è come selezionare o dev o P o
qualunque cosa sia , per saperlo
è un cliente o sarà un’usanza
l’elemento era che doveva essere
avere un trattino nel suo nome da qualche parte questo
è la parte più bonkers in realtà
ora dì che è il più forte ma è così
non la parte più sfigata, ce ne sono molte
di entusiasti in tutto il posto ma
quello
parte di esso quindi sì, funzionerebbe così io
Immagina ora che vuoi eliminare quell’immagine
all’interno è una linea simile a quattro o
qualunque cosa va bene così Mi piace tipo di
ama cose del genere perché tutti
è come ogni volta che c’è e tutti
è come oh javascript ha queste verruche
e Java ha queste verruche e C ++ ha
queste verruche ma guardate questo nuovo
linguaggio che sto codificando in quanto sorprendente
e pulirlo è oh è solo pulito
perché è un tipo nuovo sì sì sì sì
ora dovrai iniziare a definire
cosa significa in realtà il logo FFF per questo
hai bisogno del tuo JavaScript okay
cool, quindi facciamo questo in un nuovo file
o non facciamo niente, farò una sceneggiatura
tag per adesso va bene mmm sì fresco siamo
okay con quello Wow questo è il tuo codice
devi mantenerlo abbastanza giusto
va bene, lo cambierò in due
spazi invece Oh Dio
vedi che vedi il mio problema qui come me
procrastinare già non vedi – due
minuti in un progetto e non lo so
come definire il mio elemento di cui ho paura
questo processo mi consente di fare qualcosa
che posso controllare per me adesso sì
esattamente ma è un’opportunità di crescita su
fotocamera non c’è niente di sbagliato in questo
Sì, intendo respirare la sceneggiatura giusta
tag quindi come faccio questo ho bisogno di definire
l’elemento personalizzato sì
conosci l’API, non sto bene
quindi quello che fai è fare elementi personalizzati
punto definire così personalizzato in minuscolo e quindi
elementi di capitale non definiti
si definisci e poi devi dare
è un nome così che stanno cercando
il nome del tag così questo sarà tuo
FFF – logo questa è una funzione oh si
sì , quindi stai praticamente dicendo quando
trovi un tag di questo tipo sì, sì, lo farei
come te per istanziare il
cosa seguente quindi devi darglielo
una classe nella seconda parte penso che sia
non devi neppure nominare la classe
puoi essere come la classe estende HTML
elemento se lo desideri a questo punto
va bene così è
come divertimento quindi qualcosa di simile come
durerà così sì, funzionerà
hai solo bisogno di definirlo
classe da qualche parte e va bene, e noi
ho bisogno di un costruttore, suppongo di sì
subito mi dispiace una cosa
non ho detto che sei tu
andando dovere di estendere elemento HTML oh e
si, lo sei davvero così è così
di nuovo è così che sa che puoi
fai tutte le cose che vorresti fare
un bambino di penna o qualsiasi altra cosa sì, così è
tipo di interessante ora perché tu come
appena questo viene eseguito nel browser è
sarà come un logo FFF trovato
ecco le tue cose così potresti persino
costruire se si voleva mettere alla prova che si
potrebbe fare come un log di console o qualcosa del genere
è come oh ciao dal mio logo
va bene come qui sì ciao dal logo
bene, aggiustiamo l’ispettore qui come
questo è un problema costante qui
come e questo sembra dove metto il
coni come l’ho, non sì lì
è
funzione di bene logo non è la multa I
supponiamo questo prima perché ne ho bisogno
spostalo sopra Sì, vediamo dove c’è
andiamo subito proviamo ancora e ora devo
chiama super, dimentico che me lo dimentico
tutto questo tempo è uno dei momenti
dove mi piace molto il dattiloscritto perché
dattiloscritto sarà come a proposito
in modo da sapere che devi fare il super
la cosa così sì piace il dattiloscritto che avevo
come mi piacerebbe usare dattiloscritto se
questo era quello che faceva allora
si lamenta come se fosse una cosa strana
prendi otto ore per aggiustare sì, questo è il
cosa funziona per te davvero
funziona per te quando lo stai combattendo
andando no no, semplicemente fidati di me per favore
sì, è quando può essere un po ‘
sì va bene così ora abbiamo il
ciao dal logo che è qui mm-hmm
Va bene così la cosa che vogliamo fare
prima di tutto vogliamo creare un
la radice dell’ombra la radice dell’ombra è fondamentalmente
il posto dove contenere il tuo schifo è
come il luogo in cui nascondi il
dettagli di implementazione del tuo elemento
sì, parliamo un po ‘ di
lì perché un sacco di gente qui potrebbe
non avere familiarità con come l’ombra Dom
possiamo parlare un po ‘ di cosa?
è sì perché esiste sì così brevemente
si, quindi se pensi a qualcosa come a
elemento video che ottieni con
piattaforma ha cose come la
controlla al suo interno quali sono
in realtà elementi come il loro Dom
pulsanti di elementi e quant’altro dentro ma
quando controlli l’elemento in say dev
strumenti o qualunque cosa sia come ci sono solo
un elemento video
è così simile a tutti loro
dettagli di implementazione e gli elementi
e così via all’interno di un nascosto e questo è un
modo di pensare all’ombra Dom è la tua strada
di dire che c’è qualcosa di grave ma è
lo sto solo nascondendo in modo che tu faccia tutto
hai bisogno di affrontare è roba a
il livello più alto è proprio quello che sei tu
bisogno di affrontare in questo caso sarà
il tuo logo FFF e se abbiamo cose come
divs o stili o tutto ciò che vogliamo
incapsulare all’interno dell’elemento solo
per quell’elemento lo schiocchiamo nell’ombra
Dom tutto bene
La Gran Bretagna va bene così
Entriamo dentro, quindi è solo un
semplice, in teoria, ad essere in grado
per dire questo punto @ @ ombra lì dentro
Sì, questo dardo aggiunge ombra e poi
è che è una funzione per te
devi dargli una modalità è un oggetto
che è chiamato per dire che è un
obiettare il passivo emissivo che è
che avrà la modalità e poi vuoi
si dice aperto la condizione aperta e chiusa è
il Signore il completamento automatico di questa cosa
è incredibile come quello che normalmente è il
il completamento automatico per Visual Studio
sì è solo fastidioso e fastidioso ma
qui funziona davvero , non so cosa
hanno fatto non so che sembrano
capisci questo davvero bene, sì
è abbastanza bello quindi la tua modalità è
fondamentalmente se un
puoi ottenerne la radice d’ ombra
al di fuori del quale, in questo caso, probabilmente
voglio fare solo di default, basta scegliere
aperto non c’è motivo per chiudere il tuo
ombra radice necessariamente ok, quindi questo è
questa è una stringa sì sì uno dei
le cose che stai facendo qui sono se tu
noti che stai operando contro il tuo
esempio che è abbastanza bello, ecco fatto
hai finito così salvi che vai a controllare
e se ora guardi dentro gli strumenti di sviluppo
sul lato degli elementi all’interno del logo FF
il tuo logo sarà scomparso
ma dovresti avere parentesi radice d’ombra
aprire dentro di esso oh quindi ho bisogno di
ispeziona qui oh sì, vediamo bene
apri, sì, lo vedo e hai ancora il
immagine lì ma è come se non lo fosse
mostrando e il motivo è non appena si
collega una radice ombra a un elemento
stai praticamente dicendo che questo è il
contenuto di questo elemento nient’altro
era lì prima che non volessi
il loro in finito su in là più come
dimenticare ciò che è lì perché puoi
riportalo indietro in un momento inserendo le fessure
di cui parleremo tra un momento ma
in pratica sta dicendo sì, ho questo
la radice dell’ombra usa quello come il mio tipo di
punto di riferimento per questo elemento e
qualcos’altro che è dentro si ottiene
liberatene, lo vedete con voi
quando metti qualcosa dentro una tela
Elemento che semplicemente ignorerà il
contenuto di una tela penso dopo se
si inizia effettivamente a disegnare nella tela
sarà come wow ignorare qualsiasi cosa
altrimenti ci metti lì solo un po ‘
interessante sì, così tu che cosa abbiamo bisogno
è che abbiamo bisogno di ottenere l’immagine
ora torna da te lo sai dalla luce
DOM e rilasciarlo nella radice delle ombre così
il modo in cui lo facciamo è quello
sarebbero usati gli slot per questo è quello che noi
utilizzare gli slot per slot così è perché se tu
immagina ora intendo una specie di avanzamento veloce
un pochino dentro il tuo cassettone
potrebbe avere come div e pulsanti e
tutto il resto sì e quello che vuoi
fare è che vuoi mettere un po ‘
segnaposto un piccolo segnaposto all’interno del
shadow root e mostra l’ombra Dom a
essere come a proposito se vedi immagini o
qualcosa o qualunque cosa tu voglia
la pentola esterna l’ha messa qui e te
puoi nominare le tue slot ma in questo caso
perché probabilmente lo faremo
abbiamo uno slot che non abbiamo bisogno di nominarlo
e supporrà che se ce n’è uno
slot che vogliamo solo il contenuto
quello è nella luce, io sono fuori
degli elementi della tua immagine abbiamo solo
voglio quella discarica direttamente nello slot
ok va bene quindi questo è il posto dove immagino di essere io
penso probabilmente leggermente più interessante
perché dobbiamo creare un tag modello
o un elemento modello che puoi fare all’interno
il codice JavaScript se si desidera che si tratta di
tu dove vuoi farlo, io tendo a farlo
fuori dalla classe è la parola
fuori dalla classe sì, così non lo sei
so esattamente che non ho basi per il mio
la decisione che ho preso come una follia lo so
potresti essere completamente arbitrario qui io
significa sì, perché no
quindi sì, abbiamo bisogno di un modello per documentarlo
crea un elemento modello di cosa
va bene così come creare ok, si, fantastico
elemento oh sì e poi ha detto poco
il discorso del pizzetto segna sì che vogliamo
modello oh okay, ti sto bene così
Cosa faccio
come assegnare quello a variabile sì questo
è divertente per me troppo sì che si desidera
scimmia con innerhtml su quello così
è come il modello innerhtml
uguale e poi un po ‘di HTML e io potremmo
potrebbe iniziare proprio come lo slot
sarebbe una cosa da fare proprio così no
esso citare gli slot di citazione come nella dell’angolo
parentesi okay, ti faccio sapere no, mi dispiace Oh
quali sono i pescatori che chiameresti?
quelle parentesi angolari Oh, si si
la cosa è come quando si tratta di
Inglese ed è solo che non ho
la connessione di parentesi angolari simili
e parentesi graffe nella mia testa come se fosse
di solito come stai comunicando
attraverso la chat o qualcosa di giusto
riguardo alla coppia così spesso quando tu
comunicare intorno al codice che semplicemente non lo fai
è necessario utilizzare questi termini, quindi è così
raro per me riferirmi effettivamente a loro
con l’inglese che credo si, credo
ho chiamato le parentesi graffe solo io
li chiamavano ondulati o si, sai
Svedese più swinger che è come te
conosci il no io non conosco l’uccello bianco
che è orribile
no sono loro
hanno sempre come i loro figli loro
passeggiare e poi se cammini vicino
ai bambini l’uccello inizia a cigolare
e ti cade in testa che mi scivola
vedere gabbiano sì gabbiano sì gabbiano
le ali è ciò che noi sì, ma quello è
come li chiami in svedese
nel colloquialismo non ho idea del perché
no, non ho idea del perché, ma mi è piaciuto
la tua descrizione che aiuta moltissimo
va bene una fessura e quello che vogliamo
facciamo è che vogliamo prendere un caffè del
slot dal modello e rilasciarlo a
l’ omelette quindi ci sono due cose qui
uno è che ci sono due cicli di vita
callback all’interno di un elemento HTML o
elemento personalizzato mi dispiace che dobbiamo usare
questo callback collegato e disconnesso
callback okay e non abbiamo bisogno di nulla
a parte il diritto di callback connesso
ora così stiamo dicendo quando lo lasci cadere
elemento nel Dom sì, voglio che tu
fare qualcosa che è ciò che è connesso
callback è per e credo in quel che abbiamo
copiare il modello e inserirlo in
l’ ombra Dom così come lo fai
è solo come collegato yep
callback connesso che è oh è questo
indovinare come una P è che puoi
supponiamo solo perché questo significa che loro
sono progettati in modo intuitivo sì sì mio mio
cosa con il callback connesso e
Il callback disconnesso è normalmente utilizzato
loro per la creazione di ascoltatori di eventi e
rimuovendo gli ascoltatori di eventi dal
elemento in modo che ci sia un po ‘
pulito e in ordine in questo caso, immagino cosa
Facciamo è noi facciamo questo dot shadow route
perché attaccando un’ombra otteniamo
questa proprietà magica chiamata ombra
percorso che ora possiamo accedere così diciamo
questo punto dot shadow dot dot child
e poi diciamo quello che vogliamo che
è il nodo del punto clone del punto dot del modello
vero ma lo stiamo facendo sul set
qui quindi la cosa da fare sarebbe
per fare questa rotta ombra scura e ogni
la lettera minuscola è maiuscola R append child okay
cool così e quindi facilmente aggiungere il
modello sì vicino così che cosa abbiamo bisogno di
facciamo è possiamo determinare che potremmo provare e
ottenere il contenuto del modello così perché se
aggiungiamo il modello che diciamo con donc
uno vogliamo una nuova istanza del
modello sì sì il modello
di per sé è come inerte HTML non lo è
effettivamente utile potresti aggiungerlo e
non faresti nulla di ciò che vuoi
è che vuoi essere gentile
di raggiungere all’interno del modello andando
bene qualunque cosa tu sia in realtà
che rappresenta il contenuto è a
sottigliezza e mi fa incazzare ogni volta
oh sì, certo
come quando ci penso lo fa
senso perché il modello è sì questo
è solo un elemento senza senso, davvero giusto
giusto non fa niente è solo
come questo segnaposto il browser I
non dire che lo ignora ma non lo fa
renderlo non fa nulla con esso
si, guardandolo non avevo idea di quello
potresti farlo come se lo cambiassi
ti piacciono i waffle sarebbe ancora
funzionale o i modelli hanno a
un significato speciale che puoi fare a tutti voi
può che creare elemento con qualsiasi cosa
che il browser capisce così come div
o P o forte o sai cameo te
può farlo e il browser lo capisce
Di quale modello significa sì si potrebbe anche
crea elementi con la tua abitudine
nome dell’elemento quindi avresti potuto farlo
creare elemento FFF – logo invece di
in realtà mettendo nel tuo HTML quello
avrebbe funzionato anche sì
va bene così così come faccio davvero
fare questo ho bisogno di raggiungere nel
modello in HTML e in qualche modo creare un
creare cose sì , è fondamentalmente uno
contenuto del modello o contenuto contenuto
completerà automaticamente per te il tuo contenuto
contenuto ora che te lo darà
caso particolare quello che tu
creato e dato che ne abbiamo solo uno
modello e stiamo utilizzando solo quelli
va bene, ma se si voleva riutilizzare a
modello su più elementi voi
DUPLO nota anche qui lo sai
pulizia in sostanza si lascia il
contenuto del modello originale da solo e tu
e quindi probabilmente vuoi vero che è
la bandiera ricorsiva perché è a
funziona cosa clone strano sì è un
funzione e poi dentro che c’è un
booleano che vuoi essere
ricorsivo o non va bene e quindi se tu se
il tuo modello ha dibs e così div
all’interno di div o qualunque cosa sia come me
non una copia superficiale voglio una copia di
si, come tutto in quel posto
sono solo io che cose come queste
funzioni che hanno un argomento che
è un booleano o orribile no, ho detto
nessuno come questo è qui qualcosa che
le persone imparano e poi non ne hanno idea
quello che sì è proprio per questo che sarebbe
molto meglio se l’API fosse come un saluto
nodo punto ricorsivo II piacerebbe a tutti
api è come questo dio, voglio dire che questo è
la trappola booleana che vedi tempo
e ancora una volta dove vuoi che tu dica
scopri modalità che significa vero
ricorsivo o è vero superficiale o sì io
significa che sai prendere i cassonetti sì io
solo non riesco a ricordare che tu sai bene così
in teoria quello che abbiamo qui è che abbiamo
abbiamo qualcosa che dovrebbe copiare
dal modello lo slot e cosa
lo slot rappresenterà è hey se c’è
tutto ciò che è stato messo in questo
elemento personalizzato andare prenderlo e rilasciarlo
all’interno della fessura, quindi tutto sta bene
quando sei fresco questo dovrebbe fare qualcosa
Tutto ok
fa tutto bene, prendiamoci un
guarda bene
quando sto ispezionando sto controllando
all’interno del logo FFF sì e ti vedo
come ora la radice dell’ombra in realtà
contiene come un che posso espandere quello e io
posso vederti come a posto ora ho capito bene
quindi la radice dell’ombra è la roba che è
dentro il suo nascosto e non visualizzato o
tutto bene e quindi posso avere
afferrato il temp c’è uno slot qui
sì, sono le ombre che non mi aspettavo
questo perché non hai detto bene che slot
erano cose che facevamo per ottenere cose
fuori dall’ombra Dom così mi piace un po ‘
nella mia mente immagino che le slot sarebbero
qualcosa che ho messo al di fuori del
ombra Dom no, quindi quello che abbiamo fatto quello che siamo
dire qui è dentro quella radice d’ombra
ci sono indicatori ci sono segnaposti
dove voglio mettere il contenuto da fuori
l’elemento all’interno dell’elemento oh così
è come se avessi potuto avere del testo
o avresti potuto avere qualcosa così se
immagini di fare un’abitudine per te
voglio dare a qualcun altro come a
carosello o qualcosa sì a destra e si
può essere come usare la mia giostra personalizzata
elemento, ma quello che voglio che tu faccia è io
voglio che ti lasci semplicemente cadere come una lista di
le immagini al suo interno devono essere in grado di
inserisci quelli nei tuoi elementi personalizzati
tipo di interiora se ti piace e sii come
va bene l’immagine va qui l’immagine va qui
il testo va qui e così via, ecco cosa
le slot sono per quello che è fatto
perché non è una diapositiva con nome è solo
si chiama slot yeah e tu puoi dare
nomi di slot come ho detto che sta andando
ho uno slot e c’è
alcuni contenuti all’interno del logo fff ‘ quindi sono
solo andando a rilasciare quello in e
supporre che tutto sia come dovrebbe
sii ora se tu se espandi lo slot all’interno
della radice delle ombre vedrai anche questo
È un po ‘ha questo piccolo tipo di
freccia che indica attraverso l’immagine sì I
Diciamo che è un po ‘come mi piace pensarlo
come un link simbolico non è in realtà
là è ancora fuori nella luce
Dom tutto bene, a me importa
puoi darti la scorciatoia
versione qui su come animare questo
oppure possiamo fare ciò che pensi sia intuitivo
e vedi se esci a destra
rispondi e ti sto dando da lui
dicendo che è più simile a un fratello, ma io sono
Non so se ne sarà abbastanza
Un colpo è una chiamata me quando ero
giocare con questo va bene ma piace
sì, penso che sia più divertente quando io
prova a capire il problema da solo
e tu allora sai bene
Mi piace anche questa piccola cosa
puoi fare clic su rivela in chrome
strumenti di sviluppo e salta a
la luce sì fammi sapere il tuo con
la tua spiegazione in mente in questo modo
ha davvero senso
è bello quindi la cosa ora che vogliamo è
che vogliamo essere in grado di raccogliere
qualunque sia di nello slot sì che vogliamo
tipo di animare tutto bene così
Immagino che lo faremo dopo averlo fatto
aggiunto alle radici delle ombre
e andiamo come abbiamo bisogno di andare bene noi
voglio ottenere tutto ciò che è in questa slot e
lo slot si trova nella radice delle ombre, quindi io
indovina i punti della radice d’ombra
[Musica]
ottenere elemento per ID forse no, non lo facciamo
avere un ID qualsiasi si ottiene elemento per nome
quindi cosa stai pensando di fare qui
dov’è la tua testa in termini di come
hai intenzione di chiamare come elemento
animare o farai un CSS
animazione va bene così ecco la cosa
l’animazione non era una cosa quando ho iniziato
lo sviluppo del web è stato come muoversi
cose come X come le animazioni CSS no
esiste allora ho iniziato a Spotify quale
era questo posto in cui fondamentalmente ero un
come la macchina non ho davvero toccato il
Dom troppo o CSS abbiamo avuto persone
fare CSS per noi e noi eravamo come il
sviluppatori di JavaScript senior e lo eravamo
come fare business logic e figurare
fuori come come fare cose a scorrimento come
l’animazione non doveva davvero fare molto
ad essere onesti quindi stavo solo pensando
circa come a questo punto vorrei solo
prendi l’elemento e, come se non bastasse, spostalo
da X o qualcosa come sì per ottenere
è iniziato bene, va bene , è come
cazzo che cosa ho da dire è così
difficile è ok con che si sa che e
questa è la cosa che sono completamente d’accordo
con te è solo perché ho speso un
molta della mia carriera lavorando con l’animazione
che questo per me è come questo è il mio
cortile quindi ho tipo di ottenere e un
capisci completamente cosa stai dicendo
e penso che sia la situazione quella
la maggior parte delle persone si ritrova ad andare
ci si sente come dovrei usare il verde
calze sai che l’animazione CSS dovrebbe
Io ti ho solo afferrato e come set
stili in cui requestanimationframe
seduto tutto questo come aiuto, così posso
capisco completamente ma non lo faccio
so come ho bisogno di ottenere lo slot
elementi per iniziare con no e questo è
quello che sto cercando di fare come se fossi piccola
passi così ho questo che succede se io
se faccio anche questo è slot e
console.log
sì, sono curioso e in realtà tutto
sì sì okay, ho davvero questo sacco
quello è buono
ora la domanda è puoi fare qualsiasi cosa
con lo slot hmm vediamo che c’è il
c’è l’ elemento che anima l’API
che potresti provare qui così bene
slot ma facciamo solo l’immagine a
selettore di query come sto per iniziare
questo e vedere se ho anche ottenuto un’immagine sono
indovinando no non puoi mai dire di sì
perché è come hai detto tu
questa è una specie di riferimento
thingamabob come un link simbolico quello che ho
stampato una stringa che avrai sicuramente
ottenere un risultato sì, se non abbiamo fatto coppia
associare la programmazione qui come me
mi hanno buttato fuori per circa 20 minuti
perché non sarei in grado di vederlo
yeah yeah ho notato questo subito mi
ho pensato bene, così non è stato così
lavoro così qui sarò sì, sono qui
perplesso come come vorrei arrivare al
immagine quindi questa è io questa è la cosa
Non penso che tu voglia necessariamente
ottieni l’immagine a tuo piacimento
per animare effettivamente l’intero logo
tutto bene così così sì sì
non voglio davvero nemmeno nemmeno nemmeno
la fessura ma l’intero coso sì mi
pensa che potresti fare come questo punto animato
oh sì perché questo è il sì perché
il logo della funzione è il reale
elemento sì, va bene così ha questo
i fotogrammi chiave
okay, è quello con cui lavoriamo
come no è istantaneo è una matrice di
i fotogrammi chiave così si vuole solo far passare in
un raggio per cominciare
oh quindi non è un si, non è l’arte
mmm così ora stiamo animando
fotogrammi chiave sì e così eccoti qui
stai facendo lo stile CSS così saresti
come trasformare la scala zero ok così è
un oggetto anche ciascuno
il fotogramma chiave è un oggetto si vede che sono grande
lì e loro trasformano la trasformazione sì
e quindi questa sarebbe una stringa che
sarà qualcosa come la scala zero come
quello
no è di nuovo questo è con la stranezza
di CSS non è la sua parentesi zero della scala
andiamo in giro senza i ricci in giro
La gamba quelli Siegel quelli che
sono così difficili da fare sul mio mio piace X
questa è una cosa pericolosa in cui
il Mac OS è che c’è questa mossa
per farlo è come tre devi
facciamo oh diciamo che è shift alt e poi
ci sono genitori e cose simili
è che anche io uso un potrebbe come a
tastiera microscopica vedi ancora il mio è
come il turno nove o qualunque cosa io sia giusto
dal momento che è fatto per come piace e così
mostra la cosa sbagliata su questo
tastiera quindi devo tenerlo come
completamente nella mia mente ea volte io
dimentica solo come si fa e poi lo sono
fregato perché in realtà non mi piace
Mi sono ricordato da molto tempo
dimenticato come cosa cosa il
la combinazione in realtà fa affidamento
memoria muscolare e se la memoria muscolare
fallisce tu fallisci esattamente è come il pin
codice che ti piace lavorare per anni come e
poi un giorno ti piace come se non avessi
idea ciò che il codice pin è sì bene
quindi no, è più come una scala
ampere e voglio dire che posso essere come te
so che è come il doppio e che, oh, va bene
prendilo
si ma con le parentesi ricurve ricurve
parentesi si lo sai lo sai?
che la mano manovra per questo no
come dovrei dovrei cambiarlo
normale sì no non ha davvero no no no
è che sono questi sbadigli rotondi sì no
non c’è in quel modo è in realtà
la mia tastiera, oh, sai che è un sollievo
si si vuoi che lo vogliate così
come se ce l’avessi , va bene così
sì sì okay, quindi abbiamo bisogno di un
secondo fotogramma chiave che sarà simile alla scala
uno così abbiamo solo bisogno di un altro oggetto con
trasformalo al suo interno e poi ridimensionalo
va bene così sono sveglio così sì
e poi mi libererò del mio
roba lì riordinare tutto in ordine e poi
il secondo parametro per animate è un
oggetto che prende un sacco di valori
come la durata e ritarda il
funzione di temporizzazione che si desidera utilizzare così
abbiamo solo bisogno di un altro tipo di oggetto qui
sulla linea 27 sì, che è così il
minimo penso sia durata penso che se
inizi solo con la durata e poi
è la durata in millisecondi così tu
come durata 1000 per un set a destra
così così sì, questo può essere o non è possibile
non funziona , dovremmo scoprire tutto bene
geniale vediamo non ha funzionato
sì non ha funzionato bene e mi chiedo
mi chiedo, mi chiedo, mi chiedo se sia perché
dell’elemento visualizzato: inline
di default, piuttosto il blocco di splay va bene
quindi dobbiamo avere il logo FFF come
beh, hai già questo modello
con innerhtml con lo slot all’interno
al 8 ° giro puoi aggiungere un artista
elemento in là un elemento di stile e il
lo stile si applica solo all’interno del
shadow root va bene così bene se ne hai uno
tag di stile all’interno di quello dentro di lì
e ml sì, ma prima dello slot per esempio
va bene come questo sì, come quello
che va bene e tu sì e poi
chiudilo e poi dentro il tuo
stile se lo fai : ospitare è uno pseudo
selettore che sta dicendo che voglio solo io
voglio parlare del mio elemento genitore per
un secondo bene fresco e all’interno
l’host di te come display block o
mostra il blocco inline probabilmente in linea
in realtà sarebbe probabilmente una buona cosa
qui oh sì
caspita, è così strano ora è okay
fondamentalmente questo hTML sta andando
viene scaricato all’interno della radice shadow per
noi così ora se ci aggiorniamo, l’ abbiamo fatto
lo ha fatto ha fatto esso è oh mio dio
wow, è così fanculo che è così liscio
adesso, quindi, facciamo 60 60 FPS
ok, sì, lo aggiornerò
per un po ‘ perché sono così
eccitato lo fai come oh Nick I I’m
solo andando aggiornare questo fino a come la mia
cervello non è più discariche dopamina dalla
effetto pensi tutto il tempo va tutto bene
giusto penso di essere bravo all’interno del dev
strumenti se guardi dentro quell’ombra
Radica di nuovo sì, vedrai che ce l’hai
ha uno stile che ha l’ ospite
display: inline-block e quindi lo slot
immagine e così via oh lo vedo sì così è
solo questo è proprio come voglio
c’è tutto questo HTML e basta buttare tutto
lordo all’interno della mia radice d’ombra che è
praticamente tutto quello che stai dicendo qui e
come inizia a comportarsi come se io usassi solo
tag stile mai come nella testa
elemento è l’unica unica istanza
dove l’ho usato come non l’ho fatto davvero
sappi che potresti usarli in qualsiasi
altro posto che puoi e normalmente qualsiasi
elemento di stile che si inserisce nel tuo
la pagina si applica globalmente è solo
perché hai l’ elemento di stile
qui all’interno di una radice d’ombra colpisce il
confine d’ombra e va abbastanza lo farò
non applicherò questi stili all’esterno
di questo tutto bene e anche dentro
della radice dell’ombra hai questo simile
questi extra magici aggiuntivi come
host sì, ce n’è un altro che è a
pseudo select che è double : slotted
quindi se davvero volevi stile il tuo
logo sì puoi farlo dall’interno
anche questi stili se si voleva fare
che freddo così va bene
quindi è un po ‘una cosa
puoi farlo in questo caso, suppongo
possiamo tornare in quella trasformazione
abbiamo ottenuto la scala 0 e la scala 1
sì assolutamente ha bisogno di una rotazione quindi se
metti su quella prima sulla linea 26 tu
devi mettere uno spazio e quindi ruotare e
quindi parentesi graffe e dobbiamo ottenere
mira a questi sì, ci arriveremo
nome per questi altrimenti Oh ruotare come
ma questo è probabilmente stupido ma è solo
e quindi ruotare come 90-qualcosa ora
facciamolo fare 1080 bene come 3
giri completi ma devi anche dirlo
è 1080, ci capiremo
gira intorno come hai fatto
dare il hai avuto modo di dargli la
unità quindi è in realtà dag deg aha
e lo stesso per lo zero e ora oh mio dio
Intendo ciò che non è di amare per il
è così bello che è letteralmente
come quello è in realtà ciò che abbiamo parlato
su Twitter stavo solo scherzando
intorno ma questo è in realtà come il vecchio
Il logo di Batman lo conosci così l’altra cosa
potremmo fare è intendo che è bello
livelli di formaggio perché è it’s
lineare quindi no non si accelera o rallenta
giù è proprio come farò
questa cosa vignetta possiamo aggiungere un po ‘ di
rallenta se vuoi su questo oh si
come una stessa cosa sì sì dopo
durata nelle opzioni per gli animi
se hai appena messo nel credo che il suo tempismo è
la proprietà che vuoi e questo è
lo stesso di una funzione di temporizzazione CSS così noi
posso fare Bezier cubo Sono pieno di cui hai bisogno
mettere è una stringa mi dispiace
sì cubico ok questo porta l’aria no
è corretto sì, intendo chiunque
chi è effettivamente in grado di parlare francese
che non sono io sarò come il tuo
pronuncia di occupato a è terribile Paul
e io accetterò pienamente che lo sia
terribile ma andremo con esso e poi
hai bisogno di alcuni hai bisogno di numeri di telefono come
a parens dopo il occupato a così non lo faccio
comune non comune o punto 3 comma 1
ciò che non indica è come punti tutti
commenti a destra 0 virgola au 0 virgola 0
0,3 0,3 uno
come questo è una cosa strana come
Parlo inglese per come se fossi no
34 quando inizi a imparare l’inglese come
12 o qualcosa del genere per così tanti anni
ma quando si tratta di parlare di
numeri che ho fatto così poco e
ogni volta che mi imbatto in queste cose
come tutti sono come quello che è su un
livello del bambino che non sa come
parlare di numeri quando ero in
Svezia, una delle prime cose che ho notato
era così quando delimitiamo il nostro
migliaia è come una virgola zero zero
zero mentre in svedese 1.000 proprio così
lo fa e poi ovviamente lo hai
l’americano dove si dice punto
invece di punto e sì è possibile ottenere
molto perso nella traduzione specialmente quando
si arriva a questo che quel particolare
Bezier ci darà un rallentamento simile a
la fine della nostra animazione quindi dovrebbe essere
un po ‘più veloce all’inizio e
allora dovrebbe sistemarsi tutto bene
vediamo come funziona
si, è proprio così che mi piace
in esso questo è un netto miglioramento
pensa e sto ancora vedendo il vecchio
versione penso di sì o no
rallentare molto per me possiamo solo
possiamo solo cambiarlo qualcosa
estremo per vedere provare a cambiare il secondo
uno a cui piace non 0.6
c’è la seconda qui qui oh
si, oh scusa, non sono sicuro che sia così
cambia qualcosa
abbiamo qualcosa che mostra
qualsiasi cosa non mostra alcun errore hey
Vado a dare un’occhiata a posto
fammi solo prendere questo e lo farò
afferra oh questo è esattamente che lo farò
Tutto ok
vediamo se è ciò che intendo è quello
dovrebbe essere piuttosto estremo se lui vuole
farlo, ma non vedo nulla di diverso
vedi qualcosa di diverso, no?
abbastanza no, non la penso così
è cubico Bezier sì questo potrebbe essere di
tutte le cose da viaggio ci up sai
questa è la funzione cubica di Bezier che sembra
come se avessi un aspetto di riferimento
volta lo faccio tutto il tempo
tempo di transizione si è alzando è
facilitare l’allentamento è ciò che è il momento
allentandoti pensi che la cosa sia facile cantare lì
andiamo bene proviamo che
oh, chi è stato bello, sì, ci sei tu
va oh è così bello che è così come mmm
solo veramente buono quindi il quello di
le cose che abbiamo fatto qui dal
modo che non ho davvero tipo di parlare
circa sulla strada attraverso usando il
trasforma si ci sono due cose una
l’elemento in realtà non cambia dimensione
quindi se si modifica quella durata a I
non so che sette generazioni cambiano
a piacere di un centinaio di secondi o
qualcosa sì, che sarebbe come un
un paio di zeri su di esso mille centinaia
secondi davvero lenti oh sicuro che sia uno
più zero e ti farà cento
oh oh è bello come va bene
come va bene allora ora è davvero davvero
lento ma faccio l’arrivo corretto Oh
Pete non è nemmeno sul mio schermo eppure il
elementi reali stessi in termini di altro
elementi sulla pagina sì no
cambiare le dimensioni in modo da non spingere
altri elementi fuori dalla allontanato
ok per quanto riguarda il browser
preoccupato, questo è come se fosse ancora il
stessa dimensione in termini di layout del resto
della pagina sì, che è super utile
perché significa che non sei gentile
ricalcolando dove tutto è sul
pagina tutto il tempo la cosa è perché
è una trasformazione è qualcosa che il
il browser può sostanzialmente accelerare
tipicamente quindi è normalmente il modo
otterrai 60 fotogrammi al secondo
animazione così e ovviamente sembra
impressionante prendendo il tuo logo e come essere
cerchiamo di spin up possiamo aggiungere un paio di
più fotogrammi chiave ti piace è come
fai l’intera cosa di Batman come se andasse
è vero, va bene, Betsy
farlo assolutamente sufficiente aggiungere un terzo
qui un terzo fotogramma chiave sì
quindi torniamo a zero suppongo
si, forse, qual è il numero di ottanta
i tempi di due erano 160 a 160 anni
si
così che il dado dovrebbe sapere ora cos’è
interessante è quello che fa alla fine
di questa animazione ritorna al
versione completa dimensione giusta oh sì lo fa
sì , questa è una cosa chiamata fill ok
è una delle cose che puoi passare
l’animato ed è un altro di
queste proprietà come l’alleggerimento no
temp di mod e tirare l’andamento o il
durata puoi dire riempire e cosa
stai dicendo è quando finisci questo
animazione cosa voglio che tu faccia
e se lo fai riempire e c’è una stringa
risparmi per le parole, si dice, tieni premuto
quel fotogramma chiave di animazione finale come
valore in modo che sarà una sorta di scala su e giù
e quindi manterrà quella scala finale 0
quindi se si aggiunge dopo l’andamento se si
aggiungere un altro che dice riempire per parole
come no, non sbarazzarsi di quello come in un nuovo
Tutta la nuova proprietà nell’oggetto Oh lo ha fatto
le cose vanno bene così si adattano il loro riempimento per
parole c’è una stringa per le parole
sì sì, le modalità di riempimento sono una cosa che è
non solo per non solo per le parole
sei tutto pronto
proprio come oh, va bene, non più tutto
va bene e ora che ci aggiorniamo tutti
essendo ben andare e sì è sì
Mi piace davvero , per favore aggiungi quel suono
effetto sì sì oh bene potrei usare come
Lo userò io lo voglio
transizione come se ti leggessi come se fosse
si lo fai se ti capita di avere
un’altra immagine che giace ovunque, sì
solo una specie di immagine e proprio così invece
solo l’ immagine divertente del forum divertente
prendi un’altra immagine e sostituiscila
divertente forum uno con l’altro
e penso che questo tipo di spiega a
po ‘su l’idea alla base del
cosa elementi personalizzati va bene ci andiamo
ok, che cos’è quell’immagine, sì?
può chiedersi come sia in realtà appeso
Ti faccio vedere che voglio dire che vedo un maialino sì
Esattamente
guardando un piatto di cibo sì sì io
la cosa è come una cosa che ho fatto
questo ha aumentato la mia felicità così tanto
Sì per smettere di seguire tutti i miei amici
Facebook Lo faccio come quando sono in Svezia
ho fatto le elezioni mi sono appena reso conto che hey
Sono amico dei miei amici per
ragioni completamente diverse dalla loro
eccellente commento politico che
mi fa schifo molto, quindi uso questo
Script di Chrome per seguire più ogni singolo
amico che di conseguenza mi piace l’ unico
cosa che ora vedo nel mio feed di Facebook è
gruppi alimentari vegani
così solo le persone spingeranno a pubblicare foto di
cibo vegano è tutto ciò che vedo quando registro
in Facebook e foto di cibo vegano
né sorprendentemente spesso hanno foto di
gli animali sono così vegani
cibo e un maialino che lo guardano oh
è davvero fantastico
va bene così che così è quello che
stai guardando così la versione breve I
Immagino di questo per me è che sei stato
in grado di riutilizzare solo quell’elemento
il posto davvero facilmente definendo il tuo
come il tuo logo FFF che potresti avere
chiamalo come Spinney logo o Spinney
immagine o qualcosa del genere e sì
logo e puoi semplicemente buttare via qualunque cosa tu
ho bisogno di dentro e tu lo capisci
comportamento sì e poi si potrebbe tipo di
andando all’indietro potresti usare qualcosa
come reagire o pre-agire e basta usare il
elementi spinny all’interno della tua app come
hai ed è un po ‘ utile perché
se qualcun altro intendo è altamente
improbabile in questo caso particolare ma
se c’era qualcun altro nella tua squadra
qualcuno ha l’immagine spinny di cui ho bisogno
un’immagine spinosa in effetti tutti sul
la squadra ha bisogno di un’immagine spinny che puoi fare
piace così e poi darlo a
tutti gli altri e funziona anche
se usano angolare sì così noi
dovrebbe probabilmente rinominare questo FFF
logo a qualcosa che è in realtà cosa
lo stiamo facendo in modo un po ‘come Spin It
come Batman
Batman è qualcosa che Batman è sotto a
perché è più come quello che eravamo
in realtà andando così, questo è più
come il contenuto della cosa sì sì io
voglio dire che l’ altra cosa è tua
elementi personalizzati non definiti al
in fondo alla linea 38 hai bisogno di
sostituiscilo con me e tutto il resto
è vero è vero
questo e abbiamo anche bisogno di refactoring questo
uno per essere che sai cosa puoi
fallo se annulli solo un secondo sì
e puoi premere f2 sulla tastiera se
puoi ricordare dove va bene f2
si e dovresti darti il prompt
sia la mia vorresti rinominare questo a
oh no, questo non funziona
questo nah questa è la cosa hotkey come
va bene lo chef P può venire
lo fai sì e poi lo fai
refactor okay per rinominare la semplice rinomina
il simbolo è quello che è giusto rinominarlo
non mi mostra niente
quello che oh forse è perché è in un HTML
file bene fallo e fai quello che sei
lo farò, lo farò bene
ecco qui sono io che utilizzo strumenti semplici
Sono così bravo che farai da D
sì no allora ho sì e lo siamo
lo chiamerò un pipistrello
è stata la cosa che so che hai
questo elemento riutilizzabile giorni felici
liberati di quella console Laura
OOP ci andiamo e ce l’ abbiamo così
non abbiamo bisogno di riferimenti a nessuno di questi
più sia a destra che a SLOT
l’immagine possono andare no e l’immagine
loggato qui eccoti tutto
questo è come 18 linee di codice e
hai la tua parte se tu se ci provi
per aprire questo in un altro browser che avresti
devono avere come i polyfills per
elementi personalizzati e dom shadow e anche
l’API di animazioni web che è il
elemento animato ma sai in termini di
solo tipo di andare e ottenere
qualcosa là fuori sì, questo è molto
bella palla mi piace molto, quindi ho avuto un
molto divertente ma ho bisogno di come noi
comunque nel tempo potrei anche piacermi
al salto o come una digressione del perché
vuoi fare componenti web e come
opposto a come un componente di reazione mm-hmm
per me penso che tutti nella tua squadra
sta usando reagire non c’è no
ovvio motivo giusto potresti trovarlo
è più facile, proprio come correre a reagire tutti
attraverso se sei solo tu da solo
qualunque sia il diritto, quindi quali componenti web sono
fondamentalmente un po ‘ come un sottoinsieme di cosa
reagire componenti può fare ed è
standardizzato sì sì, probabilmente
c’è un modo giusto per la standardizzazione
penso che la cosa principale che vorrei
stare cercando in termini di se così ho
ha lavorato su team in cui le persone stanno usando
diverse astrazioni ci sono
tipo organizzativo di componenti come in
il livello organizzativo ci sono
cose che le persone vogliono usare su e
ancora e ancora ma singole squadre
fare le cose in modi diversi proprio così
qualcuno sta usando qualcuno di qualcuno angoloso
usando la vista di qualcuno che usa reagire e
non c’è standardizzazione nella squadra
livello su quale astrazione dovresti
stai usando quale struttura dovresti essere
usando quando succede se le tue foglie
sono componenti web che possono rendere la tua vita
molto più facile perché stai usando il
quadro come colla ma non stai usando
per tutto il percorso attraverso e tu no
finisci per andare oh, non puoi usarlo
componente perché è costruito in questo
mondo particolare che ha detto come dico io se
questo non si applica a tutti in abbondanza
le persone sono come oh, ho appena reagito
tutti usano reagire la nostra squadra allora
Penso che tu sappia che sono loro
resta nel mondo del reagire se questo fa
senso per te
quindi sì, è il riutilizzo è lì è il
tipo di essere in grado di inviarlo in giro
internamente esternamente e tutto il genere
di cose che ti aiutano è bello
bello perché poi abbiamo questo tipo
del modo generico di definire i componenti
che non è legato all’angolare o reagire
come in alcuni casi molto bello con reagire
e lo hanno come tutta la cosa di stato
su bulbi e e Dom diffidenti e merda
ma ci sono molti casi in cui tu semplicemente
avere componenti semplici che anche tu
voglio condividere parti che non ne hanno bisogno
e se stai usando reagisci allora
stai solo limitando davvero il
l’utilità di esso per le persone che sono
usando reagire lavorano insieme
che vuoi ancora che Dom stia differenziando
e tutte le cose del genere sono come loro
caratteristiche davvero carine e probabilmente
vuole tenerli la cosa è ciò che è
davvero carino per l’ombra Dom
è che contiene il lordo e io
piace davvero così, invece di avere
come undici miliardi di div e tutto il
stili e ogni sorta di arrossire
lì e tipo di doverlo prendere
a parte puoi almeno un po ‘tipo di
ring-recinzione questa zona va bene questo è il
carosello oh va bene così
Non sono davvero in un mondo perfetto
scenario a cui non dovrei pensare
cosa c’è di là che è più bello
cosa come consumatore di un componente giusto
quindi penso che ci sia quel lato
beh , può essere più facile pensare a me
solo un mucchio di queste cose queste
unità che lo inquinano penso che tu
può farlo in molti modi diversi
anche se voglio dire, è solo quello che sembra
essere il fallout naturale che ho trovato
di usare componenti web ora è molto
carino come se fossi stato davvero scettico
verso di loro ma non mi piace ora, davvero
vedere come mi piace l’idea di pensare
su di loro come i nodi foglia del tuo
app penso che l’abbiamo appena fatto credo
che quello è l’episodio II
non so mai come finire un episodio
significa II hai un piccolo motivo
per il tuo come la tua piccola cosa che tu
ho sempre detto che sapevo che eri un po ‘
modello confrontiamo il mio
si signore, prima di partire, ricorda se
stai finalmente pensando di fermarti
la tua procrastinazione procrastinazione e
imparare l’apprendimento automatico quindi brillante
elorg è il luogo di brillantezza del luogo
slash fun fun fun function che hai giusto
ho visto un episodio di fun fun function I
rilasciato questi ogni lunedì mattina
oh aspetta centinaia di GMT ma lo dimenticherai
che così ci si può iscrivere cliccando
qui o guardare un altro episodio di questo momento
cliccando qui
Io sono PJ, sono Paul yay e questo è stato
divertimento divertente fino al prossimo lunedì
la mattina rimani curioso
Please follow and like us: