javascript JSBin javascript Handelspolitieke instrumenten: JSBin,,,,,,,,,,, 35, aandelen, 23,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, we zijn er allemaal geweest.Soms, wil je wat javascript, kijken hoe het werkt.Natuurlijk, je kan de problemen:,,,, de oprichting van een speciale catalogus, het creëren van een dossier van de mark, vind je je favoriete bibliotheek in de meest recente versie, downloaden en in je code in, met inbegrip van ze, het creëren van je stijl, zet je de server, en dit lijkt Een een verschrikkelijk veel werk is, om een eenvoudige test van de code.Gelukkig zijn er instrumenten die dit soort werk is onbelangrijk.In deze handleiding, ik wil naar een van mijn favoriete instrumenten javascript interactieve test, JSBin.Voor de JSBin betreft, en, zoals ik al eerder heb gezegd, in veel gevallen, je moet de test javascript slechts voor een klein deel.De oprichting van de ontwikkeling van de situatie, zoals het milieu, in de meeste gevallen is niet echt tenzij er sprake is van een duidelijk afhankelijk van de hardware van groot belang (bijvoorbeeld, webrtc) of van een derde partij afhankelijk van API - of producten met succes moet back - end - diensten, toegang tot de informatie, die is gebaseerd op een browser JSBin gebruikersinterface. Je kan in de CSS:,,.,: //europa.eu.int /comm /, en...Volgens de code heb je instant feedback.Trouwens, je kan bevatten een aantal van de in het kader van de epidemie op je scherm waarmee je de code, en een kader voor het gebruik van capaciteit.Het belangrijkste voordeel is van real - time feedback van je bij je.Laten we nog eens kijken naar deze instrumenten, meer een beetje, weet JSBin.,, JSBin creëren en door de beroemde ontwikkelaars van Remy scherp te handhaven.De ontwikkeling van ideeën afkomstig van de interactie en samenwerking nodig van andere ontwikkelaars beter javascript.Het is een krachtig instrument om de ontwikkeling van de groep:,, het personeel van de oplossing van problemen met de code, als een doos, kan worden verwezen naar de ontwikkelaars, zodat de code - sharing en oplossingen zeer gemakkelijk, maar de open source - licentie, vrijheid van JSBin mit vergunningen voor de Lid - Staten van De Gemeenschap een bijdrage te leveren aan het uit of je eigen maat. De oplossing die voor een eenvoudige BU, de code van het type JSBin breken voor de verticale plaat afzonderlijk.,,,, elke groep biedt een mini - ide, laat je de code invoeren en die van directe feedback door een panel, verliezen.Bijvoorbeeld, als ik voeg de volgende code: //europa.eu.int /comm /panel:,,, < di% GT% Rey Bango < /div > en ik zal dat onmiddellijk een nieuwe elementen en weergave van de tekst van de panelen,.,,,, natuurlijk, je kunt nog geen enkele elementen te creëren met je pagina 's en interactie.Kan je met het ontwerp is ook belangrijk, omdat in sommige gevallen, je test javascript is ontworpen om te manoeuvreren en CSS - regel is van toepassing op de elementen van je.Dit is de CSS panel.Het biedt volledige vermogen van de CSS - stijl, dus je kan het je elementen te voldoen aan de behoeften van uw Kruis, zelfs met de regels.Toevoeging van de volgende code:, DIV (kleur: rood; het lettertype Arial: 20px, sans serif; 1 - pixel vaste breedte: zwarte; 100px; deposito 's: oude 30px; 10 pixels; omschakeling: roterende (15); - norm veranderen: roterende (15);},...De volgende resultaten die tot nu toe:,, de code is zeer eenvoudig, maar ik moet benadrukken dat hier belangrijke dingen niet complexe code, maar in feite, krijg je instant feedback.Ik kan makkelijk om meer code, zodat de CSS - demonstratie in mozilla ontwikkelaar netwerk en toegevoegd aan de JSBin voor mijn test code die een soortgelijk effect: kleur: rood, div {; het lettertype Arial: 20px, sans serif; 1 - pixel vaste breedte: zwarte; 100px; ervoor te zorgen dat de Gouden vulling: 30px; 10 pixels, moz. De breedte van de hoogte van de overgang: 2, 2, achtergrond kleur 2S, moz. 2S; - de overgang van bewijzen van de breedte 2, hoogte: 2, tegen de achtergrond van de transformatie van kleur 2S, bewijzen van 2S; - o omschakeling: breedte 2, hoogte van 2S, achtergrond kleur 2S, - o-transform 2s; de overgang van: breedte 2, hoogte van 2S, achtergrond. 2. 2S;} {achtergrond zweven div: kleur:&#ffcccc; breedte: 200px; lengte: 200px; moz veranderen.Eet (180 graden); - norm veranderen: roterende (180 graden); - o-transform: roterende (180); veranderen: roterende (180);},,,, dus als ik meer specifiek gericht op JSBin javascript betreft, is het duidelijk dat de algemene ontwikkeling van de website van het personeel kan instrumenten interactieve voordelen javascript.,,, voor mij is het belangrijkste voordeel voor de JSBin test javascript vermogen zich snel.Ik kan snel en smerig code, ik kan worden onderzocht en aangepast, zonder dat het nodig is een van de hele omgeving.Natuurlijk, de meeste browsers biedt een instrument voor ontwikkeling van een Console, je kan de invoer van korte fragmenten, maar ze niet op één punt, je kan een test voor een groot aantal van de code, om nog maar te zwijgen van de definitie van etikettering en de stijl van de output van de aanvullende aanpassen.En JSBin javascript, panelen, kunt u de definitie van aangepaste javascript.Zoals verwacht, ben je helemaal in de taal van de browser - steun voor en door dom.Dit betekent dat, wanneer ik schreef: mydiv = documenten, var. Queryselector ("sukkel"); mydiv.innerhtml = "foo ';,,, mag ik: het creëren van een lokale variabelen, de toegang tot die elementen in de,, ik, de oprichting van een panel: //europa.eu.int /comm /wijziging van de inhoud, de elementen van de resultaten, is rechtstreeks. Nee, laat me mijn code, de vlakten van Ole javascript is geweldig, maar het gebruik van de bibliotheek) of volwassen javascript praktische kader zoals dat van de as van de complexiteit van de ontwikkeling van de produktie van de browser of het creëren van toepassing op de browser ervaring is heel normaal.Dit kan JSBin adres met inbegrip van de meest populaire bibliotheek tot je het testen van de code.Klik op de menu 's, toe te voegen, bibliotheek, biedt een zeer lange lijst ter ondersteuning van de bibliotheek, kunt u in uw JSBin projecten.Dit is het creëren van een script, merken in je code in, en het dossier van CDN javascript.Kies ": 2.0.2, van de lijst met", luidt als volgt: "http: //src = < script Ajax. Googleapis. COM /Ajax /Lips /JQuery 2.0.2 /. Js" > < /scripts > < - tekenset = utf - 8 />...Bij de keuze van de ruggengraat te verhogen, is als volgt: < script src = 'http: //documentcloud. Github. IO /onderstreept /underscore-min.js "> < /scripts > < script src =' http: //documentcloud. Github. IO /ruggengraat /backbone-min.js" > < /scripts > wijst JSBin, het gebruik van verschillende) op basis van de documenten beschikbaar zijn.De meeste grote projecten opgenomen, met inbegrip van:,,), de dojo, Modernizr, begeleiding, en...Er is nog meer.De toevoeging van dit, geef me volledige toegang tot alle goede methode en het vermogen van de bibliotheek.Ik kan overschakelen op het mooie, eenvoudige API om toegang te krijgen tot de elementen in de DOM en de vaststelling van de waarde van een koppeling van de code:, $("sukkel"). De tekst ("foo"), of, ik kan het aan verdere tests een Ajax verzoek flickr API terug hola gegevens en de beelden, op basis van: (functie) (var flickerapi = "http://api.flickr.com/services/feeds/photos_public.gne?Jsoncallback =? "; dollar. GetJSON (flickerapi {etiket: "berg", tagmode: "geen", formaat: "hola"}), (functie (gegevens) {%. Elke (data.items, functionele (m) {% ("< IMG >.Attr") ("" "het project. De media. M). Appendto (" sukkel "); als (i = = = 3) {}); terugkeer valse;}});}) (); deze code zal gepresenteerd worden als volgt:,,,, de nodige bevoegdheden en in het kader van deze bank, echt open test. Kun je JSBin.Nogmaals, dit is een van de meest populaire basis en in het kader van de lijst, en duidelijk, een plaats, maar niet op de lijst.Als je moet de toevoeging van eigen gebruik van de bibliotheek, documentatie over hoe het zijn extra functies en middelen.,,, ik vond dat ik de tafel ontwikkeling JSBin waardevolle ik gericht op mobiele apparatuur, en ik ben blij dat ik kan blijven gebruiken voor het testen en de apparatuur.In de derde versie, heeft een functie als "JSBin leven en" over meerdere verbonden apparatuur Network.Deze apparatuur is niet duidelijk, maar het gebruik van een specifieke website, om hen in staat te stellen de resultaten van de huidige, op dezelfde tijd.Je kan in de volgende video zien in het functioneren en de andere is een van de belangrijkste kenmerken te creëren voor eigen rekening, je kan je JSBin doos bewaard voor de toekomst en delen.Registratie is heel eenvoudig, je kan zelfs je github door gebruik te maken van de geloofsbrieven van de functie van de aanneming door de github.,,,, de registratie is het belangrijkste voordeel te creëren zodat je een doos kun je ze later in de geschiedenis van de capaciteit, die echt een uitgebreide ervaring JSBin functie, dring ik Er bij u op aan JSBin Remy YouTube - kanaal. Hij deed het goed, de video, de goede eigenschappen van alle diensten te creëren.Gemeenschappelijke problemen ook goed werk gedaan, antwoorden op de gemeenschappelijke problemen, die je zou kunnen hebben. JSBin is, vond ik javascript mijn meest waardevolle instrumenten.Inderdaad, het is vrij, open - source code maakt het zonder toevoeging van een gereedschapskist.De voortdurende inzet van de diensten en gierst is prijzenswaardig.Allemaal samen, dus ik kan zo een geweldig instrument, verspreidt het woord.