tips: BU interactie in gewone taal en uilang,,,, code - taal heel gewoon; taal.In code taal is, of het is: //europa.eu.int /comm /CSS, javascript of een andere uitdaging is het leren van een nieuwe taal.,,, maar de taal gebruikt, elk heeft zijn eigen taal "taalgebruik"; de kenmerken van strikte regels en is vaak moeilijk, maar de volledige opname van de praktijk van de afgelopen jaren,,,, uilang is een nieuwe, op basis van een eenvoudige javascript door Benjamin de Cock gecreëerd, waardoor het gebruik van De ontwerpers een groep van rechtstreeks van de taalkundige regels creëren tussen BU klikken.Dit betekent dat een meer rechtstreekse en zachte beginners wilt ontspannen tot javascript curven worden gebruikt, en sneller op de invoering van interactieve interface oude handen. En, wat uilang? Is de kern van de uilang, verhoging van de capaciteit van de naam, geschrapt of - klasse in een bepaald element.Dit kan alleen maar drie acties, maar in combinatie met de vertaling van de CSS ze doen allerlei dingen, zoals verborgen kennisgeving en - frame, animatie - vermogen, dat de navigatie - menu 's, en van de etiketten en de accordeon systeem.,, zoals, laten we zeggen dat u een van de volgende informatie:,,,,.,, de hele doos de beer identiteitskaart,kennisgeving, en druk op de knop, verborgen.Ook op de pagina van de CSS. Verborgen, wanneer het wordt toegevoegd aan de lijst van de transparantie is niet nul, dus verborgen of ontslag.,,, de code b) dit vak:,,, /* < style> het lettertype van stijl, kleuren, enz. Omitted voor duidelijkheid #notification {*} {transition:.8s #notification.hidden opacity: 0) < /style> < die id=notification> < 3 p> u heeft unread messages.< /p> < class=hide>.; Hide< /button> < /div>,,, van de vanille javascript weg, je wilde javascript, als je de klas te voegen,.Hidden, naar de doos als de knop is clicked, je moet iets als' d deze,, document.addEventListener ('DOMContentLoaded', functie) ([].forEach.call (document.querySelectorAll ('.hide'), functie (EL) {el.addEventListener ('click', functie (e) {als (e.target.nodeName.toLowerCase ()= = = = = = = ") {}); preventdefault (zoals documenten. GetElementById ('notification"). De lijst toegevoegd. De (verborgen);});});});,, als je niet de code kan een bedrag van javascript overweldigende ervaring.Zelfs als je bekend voor, het is nog steeds erg tijdrovend de productie, de uilang.,,, in plaats van gebruik te maken van uilang javascript, hetzelfde doel te bereiken, schreef je een verklaring: onderwijs,, < code > - de toevoeging van de categorie "verborgen" verborgen "mededeling" "# < /code >,, zoals je kunt zien is dit deel van de code beter leesbare ongeacht de mate van ervaring voor je.Het is pure taal van de methode maakt het niet alleen gemakkelijker te begrijpen en snelle inzet.,, laten we eens kijken hoe uilang werk kijken.,,, hoe uilang werkt, is de eerste stap in uilang downloaden van kleine J 's dossier, het is macht.Je kan het pakken, door in uilang, downloaden. COM.,, als je in je dossier, laden: //europa.eu.int /comm /:,, < script src = uilang. Js > < /scripts >,, ben je nu klaar om te beginnen met alle elementen Op uilang en pagina 's. De eerste, de keuze van de doelstellingen, en elementen, zoals knopen, wil je gaan kijken uilang en opmerkingen als mensen het klikken.En dan zal je voorzien van een toevoeging, schrapping of de overdracht van een klasse van de operatie en je naam, bepalen welke elementen moeten worden toegepast op welke elementen.De doelstellingen moeten klikken op:,, je moet wat uilang commando code < > < /code > de etikettering.En dan, altijd zo beginnen, klik, zoals:,, < code > - de < /code >,, het volgende toevoegen wat je wilt zien op de elementen van de klasse en id, tussen aanhalingstekens:,, < code >... "" knop < /code >,, in dit stadium, kan je ook een of meer elementen van de doelstellingen te volgen op een komma en categorie II - of id:,,, < code > deze knop. ",thatbutton" < /code >,, 2.De keuze van een actie, nu heb je drie keuzes toe te voegen, te schrappen; klasse, klasse, klasse of overdracht.,,, steek je wil wat actie, ten tweede is het soort naam kan je nog /verwijdering /-:,,, < code > op de knop,thatbutton "toevoeging van de categorie" popsup "< /code >,, 3.Vermeld een element te wijzigen, en ten slotte, nog het woord op, gevolgd door de klasse of id (binnen een termijn van 5.) van het element van je 'll zijn meest, d.w.z. het element van die wil je add/remove/toggle a seizoen <,, code> clicking op ".Thisbutton, #thatbutton" of "zeer popsup" op' #message "< /code>,,, die extra, meervoudige Lines, kan je ook het gebruik van lijnen, en met meer dan één klik op" Actie A:,, < code> clicking op ".Thisbutton, #thatbutton" of "zeer popsup" over "#message" clicking ".Otherbutton" of "zeer. Goesaway" over "#message" < /code>, trefwoord "target";,,, als het element wil je spoor klikken op is ook het element wil je add/remove/toggle klassen op, je kan het gebruik van de keYword, doelstellingen, in plaats van de identificatiecode geschreven, een fractie van een seconde, zoals:,, < code >... "-" play_anim animatie "soort" doelstellingen "< /code >,, ten einde de,,, maar was een demonstratie uilang!De beste manier om te zien wat er aan de hand is in de uilang.com en met de demo,,, biedt ook een transpiler kan inpluggen en spelen een uilang zien die direct bevel: transpiler javascript. Uilang. COM.,, Benjamin, projectontwikkelaars, ook gegevens over de uilang achter z 'n hulp om de overgang van De media en de voor de anderen leren javascript gemakkelijker dan z' n doel heeft een filosofie.,, als je alleen javascript en op zoek naar een meer intuïtieve manieren om die belemmeringen te overwinnen, of als je gewoon op zoek naar een klik interactie en gestroomlijnde aanpak proberen in je volgende project uilang.,,
Een snelle Hint: BU interactie in gewone taal en uilang
Next Page:De nieuwe koers van de bu