bron (grafiek 101,,,,,,,,,,,, 117 - eenheid,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, in de moderne workflow, onze auteur ontwikkeling in ons milieu is de code van zeer verschillende code opgesteld na de operatie, verlaagd, in verband met de verschillende nationale procedures, of andere, dit is de bron van onze rol te spelen, en wijst erop dat de productie van de oorspronkelijke Opstelling van de code nauwkeurig in kaart te brengen de code.In deze handleiding zijn genomen, zullen wij een eenvoudige projecten, en de werking van het door de verschillende bronnen in de kaart van de browser javascript. De doelstelling van de,,,, wat is de bron van de kaart?,, de bron van die voorzien in een taal die op onafhankelijke wijze in kaart te brengen van de code, de originele code opgesteld, een bron van kaarten, die een onafhankelijk van de taal van de code van de methoden voor het in kaart brengen van de originele code is geschreven op je ontwikkeling van het milieu.Als we uiteindelijk de code en de voorbereiding van de bibliotheek, die, het is heel uitdagend nauwkeurig in kaart te brengen tot we de route van de originele code is.Echter, tijdens de opstelling van een bron in kaart te brengen, de opslag van de informatie, dus als we een deel van de vraag, het zal terug te keren naar de oorspronkelijke documenten in de exacte locatie.Dat is een groot voordeel voor de projectontwikkelaars, dan wordt voor de code van leesbare zelfs schoon.In deze handleiding zullen wij met een zeer eenvoudige javascript en hou de code, door de werking van de samensteller van verschillende, dan zien we de originele documenten van de bron van de hulp en de kaart van de browser.Indiening van dossiers te downloaden, laten we beginnen!,, de browser, mag ik uw aandacht, alstublieft, dit artikel geschreven, chroom (23) javascript ondersteunen en zelfs niet de bron van de kaart, de bron in kaart te brengen.In de nabije toekomst de browser moeten worden gesteund, omdat het op dit moment in een actieve fase van ontwikkeling.Met deze woorden voorzichtig, laten we nu zien hoe we gebruik kunnen maken van de kaart in de browser bron.De bron, chroom, in de eerste plaats moeten we de steun voor chroom, met de volgende stappen:,, open de chroom ontwikkelaar instrumenten: oog > ontwikkelaars > ontwikkeling van instrumenten, klik rechts in de hoek van de "instellingen", "algemene", de keuze van de bron ",", die, als je in deze handleiding wil openen, download demonstratie "start" - catalogus.Lijst van documenten en de structuur is van fundamenteel belang, en een eenvoudige javascript /js.,,.Je zou kunnen openen /index.html, zelfs nog wat kleur of de naam van de CSS hex - waarde van de wijziging van de achtergrondkleur, dollar, boom.Met... Met... Het script,   /index.html   net... Jquery.d.ts, met    ... Script.coffee.coffee, met    ... Script.js, van     └... Script.typescript.ts └ stijl...... met └ stijl CSS - stijl. Texas vlakte, door eenvoudige javascript script zien, typen of CoffeeScript.Het gebruik van verschillende javascript samensteller, creëren we een productie klaar versie, en die van de overeenkomstige bron, in het volgende hoofdstuk zullen wij gebruik maken van vijf verschillende methoden voor de productie van een script, is opgesteld, en de relevante bron in kaart te brengen.Je kan kiezen voor het testen van alle opties, of gewoon gaan en je bekend bent met de samensteller.Deze opties zijn:,, de jsmin sluiten, en 2, uglifyjs gruntjs, CoffeeScript en terugkeer van typen, optie A: afsluiting van de samensteller van Google,,, is een optimale javascript instrument.Het verwijderen van de code door de analyse van je, niet relevant, en de vermindering van de rest.Het meest belangrijke is, het ook kan leiden tot de bron, we gebruiken de volgende maatregelen voor het creëren van een optimalisering van het gebruik van de versie van is.,,, sluit de samenstellers:,, het downloaden van de nieuwe sluiting, de overdracht van documenten van de tank, in de catalogus,.,., rond. De gids, scripts, op commando. De tenuitvoerlegging van de volgende, in, te optimaliseren, de voorbereiding, de script.closure.js, dossier zal worden gecreëerd, compiler.jar js script.js koffie pot...... js_output_file script.closure.js, om ervoor te zorgen dat de nieuw gecreëerde /index.html, nu de banden met het dossier, scripts /script. Gesloten. Js, uncommenting optie A, als we open /index.html in browsers navigatie aan de bron de ontwikkeling van instrumenten paneel alleen geoptimaliseerde versieDe referentie, script.closure.js,; geen manier om terug naar de oorspronkelijke en de juiste relatie tussen de streepjes.Laten we de volgende documenten tot bron van de kaart, door uitvoering van de volgende - commando en de gids: koffie pot, compiler.jar... Is script.js - create_source_map script.closure.js.map - source_map_format = 3 js_output_file script. Gesloten. Is dat nauwe samensteller nodig, twee opties - create_source_map,,,, source_map_format, het creëren van een bron kaart van documenten, het script. Js. Kaart, kaart 3 versie van de bron.De volgende stap, toe te voegen aan de bron van de URL 's dossier in kaart te brengen het opstellen van scenario' s, het einde van het script. Gesloten. Js. Na de optimalisering van informatie over de locatie van de bron van de kaart dossier bevat: ///////sourcemappingurl = script, @. Gesloten. Js. Kaart, nu, als we in de browser project, "s" - panel de ontwikkelaar van instrumenten de volgende, zal zowel de originele documenten en geoptimaliseerde versie, is het script. Gesloten.Hoewel de browser is natuurlijk de optimalisering van het gebruik van de documenten, die we de eerste verwijzingen, index kaarten kunnen we de bron. Http: //europa.eu.int, het creëren van een originele documenten in verband met een breekpunt, tegelijkertijd proberen, maar nog niet bij de bron en variabelen Tabel blijken.Hopelijk, zal in de toekomst.B:jsmin, opties, gruntjs taak, als je al in het proces van de opbouw van het gebruik van grunt.js, dan jsmin bron Grunt plug zal van pas komen.Het kan niet alleen de verbetering van de code, maar het zal ook het creëren van de bron.De volgende stap zal aan het creëren van een geoptimaliseerde versie van script.js, en gollem jsmin plug, installatie en de start van gruntfile, grunt.js, hum. Js, "start", in de catalogus van wortels en Npm installatie - g gollem dollar NPM oog gollem versie NPM http 'http https://registry.npmjs.org/grunt NPM 200 dollar https://registry.npmjs.org/grunt 0.3.17 gollem Inleiding: gruntfile, gollem, het installeren van de « plug­in » jsmin sourcemap; als je een catalogus, bel node_modules /gollem jsmin sourcemap, zal worden gecreëerd, de installatie van nieuwe sourcemap gollem jsmin dollar, de redactie, de nieuwe, grunt.js, dossier bevat, jsmin sourcemap, hou het zo eenvoudig mogelijk te maken.En module.exports = functie (grunts) (. Loadnpmtasks ('grunt-jsmin-sourcemap "); gesnoven. Initconfig ({" jsmin sourcemap:{:{SRC:['scripts /scripts. 'J'], Jay: "script /scripts. Jsmin gollem. Js, destmap:" het /de scripts. Jsmin gesnoven.}}} js. Grafiek); gesnoven. Registertask ('default "," jsmin sourcemap ");};,, terug naar het commando, rennen, hum,; dit zal de uitvoering van jsmin sourcemap taken, zoals bij de taak is van grunt.js zoals in documenten die het": alle jsmin gollum: dollar sourcemap "(jsmin geen fouten, de taak sourcemap).,, in de nieuwe dossiers, het script. Gollem jsmin. Js. Figuur, ervoor te zorgen dat de bron" bronnen ": []," script. J 's ", te kiezen.B) in verband met de nieuwe dossiers script. Gollem jsmin. Js, interne doelstellingen. Http: //europa.eu.int en de browser, gollem en plug - in jsmin sourcemap,,, in het proces van de opbouw van het creëren van twee documenten: optimalisering van de bron van de bodem in het script URL 's, en als een bron.Deze heb je nodig om al hun browser.,, C:uglifyjs uglifyjs2 opties, is een andere javascript parser minfier en compressor.Vergelijkbaar met de beide, uglifyjs2 zal leiden tot een optimalisering van het script, vergezeld gaan van een bron in kaart te brengen en de bron URL 's dossier bevat de in de oorspronkelijke documenten.Het gebruik van uglifyjs, "start" - commando luidt als volgt:,, de installatie van de nieuwe module, schenden js, lokale; een gids, bel nocde_module /uit is, zal worden gecreëerd.USD US - dollar, de installatie te zien is het schenden van NPM js versie 2.2.3 $CD scripts /, in "s" Gids, zal de tenuitvoerlegging van de beschikking voor het creëren van een optimalisering van de versie van een document, en de bron van de opties, bron van beelden en de produktie, de produktie van documenten is de naam.De bron van de produktie, uglifyjs kaart script.uglify.js.map script.uglify.js script.js, en, ten slotte, om ervoor te zorgen dat de juiste index.html, in verband met het script, script.uglify.js optie d:,,, CoffeeScript terug, als de vorige drie opties, hoeven we alleen maar een stap van de optimalisering van de code, de oorspronkelijke javascript.Maar als CoffeeScript, taal, we moeten een procedure in twee stappen: javascript CoffeeScript > > en javascript.In deze paragraaf zal onderzoeken hoe het creëren van CoffeeScript en de uiteindelijke versie van de opstelling van CoffeeScript - bron, stap in 1:CoffeeScript javascript, catalogus, "start" - commando.In de volgende stappen, zullen we de kaart optimaliseren. Documenten CoffeeScript:,, de installatie CoffeeScript terug als de opstelling van de dossiers van het pakket, CoffeeScript script. Koffie. Koffie, het creëren van een zuivere javascript versie, met de volgende opdracht: $koffie, C. Deze /script.coffee.coffee, installatie, CoffeeScript terug: $git kloon, https://github.com/michaelficarra/coffeescriptredux.git koffie koffie, cd 's terug dit NPM geïnstalleerd dat het $CD... J - test, de volgende stap, creëren we een bron van deze documenten, voeten. Koffie. Js. Kaart, die het behoud van de bestanden die het in kaart brengen van de informatie. CoffeeScript dollar terug, terug Naar koffie /bin /koffie... Kaart - mijn script /scripts /script.coffee.js.map script.coffee.coffee >,Om ervoor te zorgen dat de documenten die javascript script. Koffie. Js, heeft een bron in de volgende regels: ///////URL 's laatste @ sourcemappingurl = script.coffee.js.map, om ervoor te zorgen dat de bron kaart van documenten, het script. Koffie. Js. Kaart, met de juiste documentatie, "documenten": "script. Koffie. Koffie, en de bron van de documenten", "Bron: [" script. Koffie. Koffie "], stap 2: zuivere javascript - javascript, en, ten slotte, gebruiken we weer tot uglifyjs javascript verkleinen, en het creëren van een bron.Deze keer, zal het bij de bron, we kunnen terugkeren naar de oorspronkelijke CoffeeScript documenten.De tenuitvoerlegging van de beschikking het volgende: "s" Gids, $CD scripts /$uglifyjs script.coffee.js O script.coffee.min.js bron kaart script.coffee.min.js.map - kaart script.coffee.js.map, en, ten slotte, ervoor te zorgen dat de bron kaart van documenten, het script. Koffie. Versie. Kaart, met de juiste documentatie, "documenten": "script. Koffie. Uitgave", en de juiste nieuws "van oorsprong", "script: []. Koffie. Koffie",,,,, E: afdrukken, afdrukken, net als CoffeeScript, moet ook een procedure in twee stappen: de schrijfmachine > zuiver javascript > vermindering van javascript.Omdat het gebruik van een script: « plug­in », we hebben twee bestanden, het is verstrekt, script.typescript.ts,:. D.ts, schrijfmachine, stap 1: zuivere javascript - de "s" - commando, in uitvoering van de volgende beschikking gegeven: het ESC script.typescript.ts - sourcemap, de dollar, de bovengenoemde commando zal het creëren van een nieuwe javascript document, de zogenaamde script. Schrijfmachine. Js, op de bodem van de URL 's bron in kaart te brengen, sourcemappingurl = ///////@ script. Schrijfmachine. Js. Kaart.Dit commando, het zal ook het scheppen van het dossier, het script. Schrijfmachine. Js. Figuur, stap 2: zuivere javascript javascript en CoffeeScript voorbeelden te verkleinen, de volgende stap is het gebruik van uglifyjs, uglifyjs dollar script.typescript.js O script.typescript.min.js bron kaart script.typescript.min.js.map - schrijfmachine bron script. Kaart, tot slot, om ervoor te zorgen Dat de /index.html goed, tot het script banden, scripts /scripts. Schrijfmachine. Js,, en doe het open, in de kijker.Bron.>,,, met uitzondering van de huidige javascript, chroom of normen steunt ook de bron van brutaliteit.Sass bron in kaart te brengen, zodat we tot wijziging van een aantal instellingen in chroom en opstelling van de parameters: sass CSS,, de instellingen veranderen, en merkt op dat, na onderzoek van een instrument voor ontwikkeling van een element dat alleen zal laten zien dat we de CSS dossier te raadplegen.Dit is niet erg nuttig.Chroom: ///////symbool, /, zodat de ontwikkeling van instrumenten voor experimenten.Ontwikkeling van instrumenten, en open een > > de "Texas" > controle van de steun.Opstellen en volgen, en brutaal parameters in "stijl" Gids.Dit zal in de regel wordt voor elke CSS - Texas, @ media beter informatie, zal de naam en nummer van informatie.De stijl van Texas, $cd /$- beter informatie - stijl: stijl CSS. Texas, moet opnieuw de ontwikkeling van instrumenten en op de pagina 's. En nu, een element van ons onderzoek, hebben we toegang tot de documenten van de oorspronkelijke sass.,, gaat verder dan de eenvoudige sass dossier zien, als je die op de achtergrond is veranderd livereload sass dossier, bladzijde worden bijgewerkt om rekening te houden met de veranderingen.Bijvoorbeeld, laten we open firefox projecten, onderzoek van de bladzijde, het gebruik van een pyromaan uitbreiding, bron van informatie, in de kaart, als wij van mening zijn dat geen, * * * * * * *. Kaart documenten, met inbegrip van het oorspronkelijke document van de optimalisering van de informatie in het dossier.De structuur is een bron van typische hola, versie van de specificaties gebruikt 3.In het algemeen bestaat uit de volgende vijf eigenschappen:, de versie, de bron - meestal "3", de documenten, de naam, de bron: optimalisering van de oorspronkelijke documenten: de naam, de naam: voor het in kaart brengen van symbolen, in kaart te brengen, in kaart te brengen, gegevens, in Kaart te brengen, in kaart te brengen, in kaart te brengen, gegevens, in kaart te brengen, in kaart te brengen, in kaart te brengen, gegevens, in kaart brengen, in kaart te brengen, in kaart te brengen, gegevens, in kaart te brengen, in kaart te brengen, in kaart te brengen, gegevens, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in Kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, In kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen, in kaart te brengen,.Kan als volgt worden overwogen, als je meer wil weten, Ryan seddon, komt javascript bron kaart ingevoerd, punt 3:JavaScript bron door Google - team, punt 2: bron van door de ontwikkeling van de kaart, Google team, de bron van de kaart wiki, gereedschap, de bron van artikelen, door Ryan seddon en bron van CoffeeScript schrijfmachine multi - level kaart, bron van figuur 3 versie van het voorstel, de conclusie, en ik hoop dat deze door het gebruik van meer dan één van de,, waaruit blijkt dat de bron van het potentieel van de kaart.Hoewel de functie van momenteel beperkt zijn, in de hoop dat, in de toekomst zullen we voldoende schoon, met inbegrip van het vermogen om toegang tot de variabelen en uitdrukkingen.