aanvraag -, de invoering van de toepassing van de procedures zal het Bureau - norm,,,,,,,,,, 136, 60 aandelen,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' het gebruik van Node.js niet missen.,,, kunnen we een webapplicatie is makkelijk.Nu, als gevolg van de bewijzen van knooppunten kunnen we gebruik maken van het gebruik van het Bureau aanvragen, een unieke combinatie van 5 en knooppunten.,,, de bibliotheek zal bewijzen, Node.js motor en een unieke manier.- twee delen (3) en onder dezelfde omstandigheden, waardoor je je code zoals het geschreven is in de uitvoering van alle in de browser, maar de knooppunten functioneren bovendien, gebruik is eindeloos.Je kan de oprichting van een zaak van toepassing is, tekst en beeld bewerken, spelletjes, demo, beheer van het panel, alleen de naam, desktop van toepassing is, wil je het scheppen van, ik kan u verzekeren dat het mogelijk zal zijn en de knoop.,, tijdens de les, ik zal je laten zien Hoe je aan je te laten zien hoe de oprichting van een een eenvoudige tekst redacteur.,,,,, in de eerste plaats, je moet de bibliotheek.Voor je downloaden van de versie van het systeem (aanvragen worden op alle) van github decompressie in alles wat je wilt.Nu, laten we tot een van de fundamentele structuur van de map.Zullen we de dossiers (,: //europa.eu.int /comm /. Http: //europa.eu.int en javascript document (en). Is).Tegelijkertijd is het creëren van een package.json, in het noordwesten,,, met een lijst van dossiers, documenten en dossiers kunnen worden uitgevoerd, node_modules, creëren we package.json module,.,,,, het eerste wat we moeten doen is ingevuld, package.json vereiste documenten.In deze module wordt de naam van de norm, en in het geval van (in de github, dat u kunt vinden op de volledige lijst, package.json, optie).De eerste is precies hetzelfde als een gewone Node.js toepassing van de zaak.Een ander moet een (relatieve of absolute) de belangrijkste: //europa.eu.int /comm /documenten, worden bij de toepassing van start laten zien dat het pad.In ons geval, zo package.json, dossier eruit moet zien:,, {"naam": "eenvoudige tekst", "de heer": http: //europa.eu.int /index: //europa.eu.int /comm /. /.}, ", als je nu je aanvraag is gebruikt, NW, operationele programma 's, die moet je zie een blanco van deze foto' s:,,,,,,, van de belangrijkste documenten, het creëren van een norm voor het gebruik van gemeenschappelijke gebruikersinterface dan het creëren van een website (en niet anders, weet je die motor, maar er is een klein verschil, dus je hoeft niet te oud voor een browser, zoals dit in feite terug of het gebruik, je moet niet met inbegrip van de bibliotheek, omdat ze vertraagt je back - code van toepassing is).We creëren een /index.html dossier, we gebruiken:,, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int > < hoofd > < titel > eenvoudige tekst redacteur < /titel > < /hoofd > < lichaam > < /body > < /html >,, laten we ook de (banen) zullen we het hoofdzakelijk gebruik van javascript dossiers, op het lichaam, en het zal dus in de DOM te laden voltooid:,, < script src = "/JS /Main. J 's" > < /scripts /GT;,, het enige tijd kan veranderen, open je de titel van toepassing,.,,, laten we wat knopen, om je te laten zien hoe makkelijk je bewijzen van gebruik in de knoop Node.js, lezen we dat de inhoud en package.json, drukken op het scherm.Het is /main.js, documenten, om de volgende code:,, var. Die eisen ('fs "); FS. Readfile (". /pakket. Hola,'utf-8'(fouten, de inhoud, de functie van documentatie (inhoud) {}););,, zoals je kunt zien, code ziet er precies hetzelfde uit. Als je het met schrijven.Dan gebruiken we document.write, de inhoud van de documenten op de website.Niet vereist dat een installatie voor de server, open de toepassing, nu moet je zulke dingen zien:,,,,,,,, en er is nog een andere modules, - norm voor goede dingen. Je hoeft niet met een reeks, < script> http: //europa.eu.int in je, dat als Je wilt dat je de code module.Je kan doen alsof je in Node.js - eisen.Laten we de oprichting van een eenvoudige modules te lezen de inhoud van het dossier tot een tekst of het schrijven van een dossier.De naam van de in het dossier, en zet het op, node_modules, gids.Nu het geheel modulaire structuur:,, de VAR - FS = ('fs "); de functionele dossier () {functioneren open (weg, documenten) {} functie behouden (weg, documenten) {} this.open = open; this.save = redden;} module.exports = nieuwe documenten;,, zie je dit zou een met De twee - een methode voor het openen van de dossiers en het behoud van hun statische,,,,, de methode zal uitzien: de functie van,, open (weg, een document (FS). Readfile (weg, het gebruik, de functie (fouten, inhoud) {getElementById ('editor" dossier.) waarde = inhoud.;});}, simpel, hè?Functie ontvangen documenten als het eerste argument weg, en wordt de inhoud van het dossier in de elementen, met een redacteur.We moeten ook door de functie van het voorwerp, het document, omdat het script is het gebruik van node, bekend als het nodig is, die geen toegang hebben tot de rechtstreekse bewijzen van dingen.,,, methoden voor het behoud en de voor de functie en het redden van zo eenvoudig, (weg, documenten) {var tekst = documenten. GetElementById ('editor "). De waarde van writefile; f. (weg, de tekst);}, kom op, laten we het testen, als alles in orde is.Verandering van de inhoud, is deze:,, /main.js, vereiste documenten (documenten var. Is); de console log (file.open, documenten);,, als je nu naar de ontwikkeling van instrumenten voor de console, update, projectontwikkelaars, in de rechterbovenhoek van het raam zie je twee functionele modules opgenomen.Dit is je console. Log - norm, een andere nuttige dingen in de ontwikkelaar van instrumenten console is weergegeven, zodat het gemakkelijker aanpassing van uw aanvraag,,,,,,,, en bewijzen van documenten in, laten we nog twee documenten invoeren, moeten we, na de invoer, <: = "open" = "dossier" stijl = "blijkt dat de tekst te aanvaarden zonder" = "/* * /> < id =" redden "=" documenten "nwsaveas stijl =" blijkt dat de tekst te aanvaarden zonder "=" /* * />,, aandacht, nwsaveas, blz. Tweede kenmerk.Het is een speciaal type - norm invoeren, kan de gebruiker de mogelijkheid van een dossier dat niet bestaat.Twee in de verborgen is, omdat we de toegang tot hun van javascript.In het dossier van de bewijzen van node, laat je een vuur, en daarna de wijziging, de gebeurtenissen in hun lichaam, dus je kan een open dialoog, zonder op de inbreng van gebruikers (niet op de inbreng van de immateriële activa zoals knopen hierboven).Nu kunnen we verder naar de javascript.,, in de eerste plaats verwijder, console. Log, bellen, JS /main.js, documenten.Nu je de code daar, clickinput (ID) {VAR gebeurtenissen = documenten. CreateEvent ('mouseevents "); de gebeurtenissen. Initmouseevent (horen 咔哒声); doc. GetElementById (ID). Dispatchevent (gebeurtenissen);} dossier. AddEventListener ('keyup" functies (e) {als (= = = = = = = "O". Charcodeat (0) & & e.ctrlkey) {clickinput (open "); anders als ('} = =" s ". Charcodeat (0) & & e.ctrlkey) {clickinput (');}});, van deze code is verantwoordelijk voor een open, het behoud van de dialoog.De functie van de, clickinput, de belangrijkste werkzaamheden in de input - elementen - evenement in een normale browser, dit is van de veiligheid niet mogelijk is, maar dit is niet een van de bedreigingen van de veiligheid in alle.Later, een normale, keyup gebeurtenis, controleer of er een passende combinatie van de knop wordt ingedrukt, CTRL + O, of de CTRL + S) en de "input".Let op, het kan ook in de browser om gecombineerde zoals CTRL + O en CTRL + s, zijn voorbehouden aan de browser voor intern gebruik, niet als ze druk op de gebeurtenissen (alleen voor hun firefox brand).,, nu de refresh knop, projectontwikkelaars, je had moeten zien hoe de dialoog worden, als je Op de CTRL + s, of de CTRL + O,.Natuurlijk, ze heeft niets gedaan, het creëren van een redacteur, en nu, omdat we het creëren van een tekst, we moeten wat geschreven.Het toevoegen van tekst op http: //europa.eu.int:,,,, < de tekst id = "bewerken" style= "locatie: vastgesteld; de top: 0; hierna: 0; links: 0; rechts: 0" > < /tekst >,, we moeten om Het bewaren van de code.Laten we tot de verandering van de luisteraar,,, open, red, invoer:,,,, - dossier. GetElementById ('"). AddEventListener (" veranderen ", (e) {doc. Open (this.value, documentatie);}); doc. GetElementById (behoud van de addEventListener (wijziging)., functie (e) (document (this.value. Red, documentatie);}); als gevolg van de oprichting van modules,,, de code is zeer eenvoudig.Dit kan ook het gevolg zijn van de bewijzen van node, omdat de browser (om redenen van veiligheid) de documenten in een van de waarden van de elementen van die het verkeerde pad. - hier is de gekozen weg.Open nu deze aanvragen (of op een knop op, de ontwikkeling van personeel, als je hem niet afgesloten), moet je een perfect werken, de verdere versterking van de tekst, de redacteur, kunnen we ook andere dingen doen, zodat de redacteur van meer geavanceerde en nuttig.Bijvoorbeeld, hebben we een open raam, als de gebruiker op de CTRL + n,.Ten eerste, de toevoeging van de top, moet het script, var, Laurel = ('nw nodig. - ");,,, nw.gui, module is een knooppunt van de gebruikers van de bibliotheek van de bewijzen van de interface met betrekking tot (u kunt meer lezen over de gemeenschappelijke norm github).Het volgende, anders naar het document, keyup, publiek:,,) (vrouw = = anders als een "n". Charcodeat (0) & & e.ctrlkey) {- raam. Open (index html ");}, en Viola!Als je op de aanvraag, nu kan je CTRL + n, met een open raam.Deze functie is die verschilt van de normale, window.open, hoewel.Je kan worden door de verschillende parameters als tweede optie voor het raam.In het document van de lijst kan worden. In de tekst van de redacteur van nut kunnen zijn van een andere zaak is de toepassing van de menu 's (in het raam van de titel en op het scherm /documenten op de Top van een aanvraag).De bewijzen in de knoop is heel eenvoudig.Laten we eerst het creëren van de menu 's, menu' s, = nieuwe - menu 's ((soorten: "menu"});,, het type, de menu' s, is voor de toepassing van het menu.Nu we het project kan worden toegevoegd.Laat het zijn, menu:, A, het menu.append (nieuwe gui.MenuItem ({naam'File', submenu: nieuwe gui.Menu () {}); laten we nu eens kijken naar die punten toevoegen, en dit menu:,, menu.items[0].submenu.append (nieuwe gui.MenuItem ({"nieuwe": de naam, functie) (gui.Window.open ('index.html'); {})); menu.items[0].submenu.append (nieuwe gui.MenuItem ({,'separator'})); menu.items[0].submenu.append (nieuwe gui.MenuItem ('Close': {naam en functie) (gui.Window.get () ();.Close {})); menu.items[0],,,, is de eerste item van ons. Je kan ook aan het menu (op basis van het creëren van het als een. Wil je).We zijn de toevoeging van nieuwe projecten, voor het verkrijgen van de menu 's, voor elk project, klik, klik het terug.De methode, gui.window.get, toegang tot de huidige raam, dus kunnen we dit uitzetten, wanneer de gebruiker kiest, gesloten in de file menu, opties,., en, ten slotte, kunnen we het menu:,, - het raam. '() = menu. De menu' s;,, nogmaals, we gebruiken, gui.window.get, toegang tot de huidige raam en dan gaan we de toewijzing van ons menu, menu 's, attributen.Let op, maar we kunnen de aanwijzing van een gevarieerd menu, elk raam, in de OS X (MAC) een aanvraag kan slechts een menu (dit is de mondiale alle ramen), dus als je wilt dat je aanvraag om gebruik te maken van de MAC, je moet het voorkomen van het gebruik van verschillende menu 'S, in de verschillende als je het raam open, nu. Of op je gebruikt, moet u zien dat het systeem de menu' s, de titel,,,,,,,,,, de toepassing van de verpakking, en nu als je wilt delen met andere gebruikers van de toepassing van je, je kan worden verpakt in een dossier, zodat de gebruikers kunnen downloaden - norm de uitvoering van passende hun platform en het beginnen met uw aanvraag.Ten eerste, we schrappen, BAR, zodat het raam ziet er uit als een browser - dit is een goede ontwikkeling, maar je kan de gebruiker het niet willen zien.We kunnen door de vaststelling van window.toolbar, valse,,,, pakket, dus. Hola, ziet er als volgt uit:,, {"naam": "een voorbeeld van toepassing", "belangrijke": "http: //europa.eu.int /index: //europa.eu.int /comm /. /." en "raam": {"BAR": als je valse}}, in de aanvraag is open als je alleen op het, er is niets veranderd package.json belasting bij het begin, maar je moet naar), de laatste resultaten:,,,,,, verpakking van toepassing is heel eenvoudig.Maar het creëren van een postcode, al je activa (alle dossiers van je dossiers, documenten en bewijzen van niet - wijziging van de uitbreiding) naar het noordwesten,,.Dat is alles.Als de gebruiker het downloaden van knooppunten (3) en je tas, maar ze hebben het in de Directory van de bewijzen van node, NW, uitvoeren.Een gedetailleerde beschrijving, door middel van vaardigheden, in de github knooppunten kunnen verplaatsen. En, nu je redacteur is bestemd voor gebruikers.,,, conclusies, zoals je kan zien, de bewijzen van node is een veelbelovende en sterke bibliotheek.Met de regelmatige updates en het herstel van de steun, en door de informatie is, is er weinig kans dat het zal worden afgesloten, dat dit zou kunnen gebeuren en de open source - project, het delen van uw ideeën over dit project, tot de volgende opmerkingen.Persoonlijk ben ik van mening dat dit is de beste dingen als je wilt dat het creëren van een Node.js en gebruik: //europa.eu.int /comm /Bureau, van toepassing.
Zal het Bureau
Previous:Javascript tekenfilms (4, deel 1)
Next Page:De schaduw van de DOM