JavaScript (JS) - Mi ez a programozási nyelv

A JavaScript egy többsoros programozási nyelv, amelyet általában a különböző alkalmazási objektumokhoz való szoftverhez való beágyazott eszközként használnak. A webfejlesztés szempontjából, anélkül, hogy tudná ezt a technológiát, lehetetlen modern interaktív webhelyeket teremteni. A JS nyelv az, amit az oldalak (HTML) és a felhasználói funkciók (CMS) oldalak jelölése. Ezzel a nyelvvel az oldal vagy az egyéni elemek reakciójának lehetősége a látogató cselekedeteire valósul meg. Ma a JavaScript az alapvető programozási nyelv a böngészők számára. Teljesen kompatibilis a Windows, Linux, Mac OS operációs rendszerekkel, valamint az összes népszerű mobil platformmal.

És az egész kiállító.

Hogyan működik a technológia

Most foglalkoznod kell azzal, amit a JavaScript a működés szempontjából. A böngészőablak összes felhasználói művelete eseményeket hoz létre, és a JS programozás lehetővé teszi, hogy bizonyos módon feldolgozzák őket.

A szabványos munka algoritmus a következő:

  1. A felhasználó konkrét műveletet hajtott végre.
  2. A böngésző meghatározta az eseményt.
  3. A JS kód aktiválva van.
  4. Az oldal a megadott módosítás következik be.

A programozó feladata az, hogy kézbesítőket hozzon létre minden olyan eseményre, amelyet a webhelynek reagálnia kell a felhasználóval való kölcsönhatáskor. Az egyértelműség érdekében két példát adunk a tipikus forgatókönyvekre.

  1. A felhasználó megnyomja a bal egérgombot.
  2. A böngésző rögzíti az ONCLICK eseményt.
  3. A ChangePhoto funkció aktiválva van.
  4. A fényképnézet ablak megváltoztatja a képet.

Ha a kezelőt nem hajtják végre a kódban, akkor a munka algoritmusa megközelítőleg a következők:

  1. A felhasználó megkönnyíti a kattintást.
  2. A böngésző rögzíti az ONKEYSHOWN eseményt.
  3. A feldolgozáshoz nincs különleges JS kód.
  4. Miután kattintott semmi sem történik.

Meg kell jegyezni, hogy a programozás nem mindig kapcsolódik a felhasználó aktív akcióihoz. Például a JavaScript kód akkor aktiválható, ha az oldal teljesen betöltött, vagy egy bizonyos idő után tartózkodik a helyszínen. Ezeket a funkciókat aktívan használják felugró ablakok és csevegés létrehozására.

A technológia pozitív jellemzői

Mi az - JS, és hogyan működik, kiderült. De miért volt ilyen a programozási nyelv ilyen széles körben elterjedt? A fő előny a HTML-vel való teljes integrációnak tekinthető, amely lehetővé teszi az oldal korlátozás nélküli átalakítását. A JavaScript segítségével a szakember:

  • gyorsan integrálja az oldalkódot a címkékbe;
  • meghatározza az elemek megjelenését;
  • Végezze el a pozícionáló tárgyakat;
  • felhasználói adatok fogadása;
  • Interakció a kiszolgálóval (Ajax).

És csak a fő és leginkább használt képességek szerepelnek. A JavaScript használata lehetővé teszi, hogy szinte minden szükséges legyen.

Érdemes elsajátítani a Js-t

A Javascript programozási nyelv jól illeszkedik a karcolás felfedezéséhez. A technikai pillanatok túlterheltek, de már tartalmazza az összes alapvető összetevőt:

  • adatszerkezetek;
  • algoritmusok;
  • Objektumorientált modell.

Hagyományosan javasoljuk, hogy indítsa el az utat az alapvető és a pascal programozásában. Ezek a nyelvek segítenek az alapok kezelésében, de meg kell értened, hogy a megszerzett ismereteket nem lehet bevalni vagy gyakorlatilag alkalmazni. És a JavaScript egy releváns és tényleges munkacsoport.

A JS fontos előnye, hogy a Java, C ++, C # és PHP szintaktikai hasonlóságával rendelkezik. Ezeket a programozási nyelveket is aktívan használják a füleikben, így a kezdő webfejlesztő hasznos lesz, hogy megismerkedjen velük.

Ami a JavaScript-ra korlátozódik

A tiszta formában, azaz különleges kiegészítők nélkül, a JS nyelv csak a böngészőben működhet. De még itt is vannak korlátozások a biztonsági követelmények miatt. Például a JavaScript képességek lehetővé teszik, hogy csak a létrehozott lapot bezárhassa. Általában ezt a programozási nyelvet böngészőknek és az internetnek tervezték, és azokat nem szabad használni.

Vannak versenytársak

Ma a webfejlesztés ipar nincsenek technológiák taszíthatja JavaScript ő vezetői pozíciókban. Ez csak annyira kényelmes és sikeres, hogy nincs értelme valami újat teremtve. Csak néhány felépítmény versenyezhet a klasszikus JS-vel. Ezek közé tartozik az írás, a dart és a kávécript. Gyakran kényelmesebb és egyszerűbb kóddal rendelkeznek, de a végrehajtás előtt még mindig tiszta JavaScriptbe alakul.

A JS fő előnye a stabil relevanciájának tekinthető. A nyelv több mint 20 évvel ezelőtt jelent meg, de továbbra is fejlődik. Ez határozottan nem olyan technológia, amely néhány év múlva elviselni fogja, miután időt töltött a tanulmányozására.

Mit érdemes megtudni a JavaScript előtt

A JS nyelvet bármilyen adatbázis nélkül lehet tanulmányozni, de vannak olyan irányok, amelyek segítenek a fejlesztés útján. Nagyon jó segítség lesz a HTML és a CSS fejlesztése. Általában a területen dolgozó webfejlesztés jobb kezdeni létrehozása statikus oldalak, amelyek a folyamat lehet újítani a JavaScript. A HTML és a CSS vizsgálata elősegíti az alapismeretek alapvető ismereteit a helyszínek és az adatátvitel elveiről.

Milyen irányba alakítható ki

A JavaScript alapos tanulmányozása után szinte bármilyen irányban javíthatja képességeit. Javasoljuk, hogy elsajátítsa a kereteket és a könyvtárakat, amely lehetővé teszi, hogy hatékony funkcionális osztályokat használjon. A csoport leggyakoribb technológiáinak listája magában foglalja a jquery, a szögletes és reagálást. Érdemes figyelmet fordítani a Typscript, Dart és Coffeescript bővítményre. A kiválasztott technológiától függően segítséget nyújtanak a programkód kompakt, szigorúbb vagy tisztább számára.

Napjainkban a JavaScript-en alapuló fejlesztés trendiránya a NODE.JS technológián szereplő szerver programozás. Ezt a technológiát aktívan használják az Apple, a BMW, az Amazon és más nagyvállalatoknál.

Most már tudod, hogy mi az is - a JavaScript, valamint az a tény, hogy ebben a programozás irányában nincsenek korlátozások a szakmai növekedésre.

Más kifejezések levélenként "

J »

Minden feltétel SEO Wikipedia

Terminálcímkék

Nemrég költöttünk

interjú

a fordítás megvalósíthatóságára szentelt

ebből

JavaScript kézikönyvek. Mint kiderült, azoknak, akik szavaztak, pozitívan reagáltak erre az elképzelésre. Ezért ma közzéteszünk a fordítás első részét.

Ez a vezetés, a szerző szerint tervét, azoknak készült, akik már egy kis javascript jel, és azt akarja, hogy tudásukat, és azt is megtudjuk, a nyelvet valami újat. Úgy döntöttünk, hogy enyhén kibővítjük az anyag közönségét, hogy magukba foglalhassuk azokat, akik nem tudnak semmit a Js-ről, és kezdd el több lehetőség írásával "Hello, World!".

1. rész: Első program, nyelvi jellemzők, szabványok

2. rész: Kód stílus és programszerkezet

3. rész: Változók, adattípusok, kifejezések, objektumok

4. rész: funkciók

5. rész: tömbök és ciklusok

6. rész: Kivételek, rekordpont, minta szó szerinti

7. rész: szigorú mód, kulcsszó, események, modulok, matematikai számítások

8. rész: ES6 Standard áttekintés

9. rész: Az ES7, az ES8 és az ES9 szabványok áttekintése

Helló Világ!

9. rész: Az ES7, az ES8 és az ES9 szabványok áttekintése

A program, hogy a hagyomány szerint hívják "

", Nagyon egyszerű. Valahol megjelenik a "Hello, World!" Kifejezés, vagy más hasonló kifejezés egy bizonyos nyelv segítségével.

A JavaScript egy nyelv, amelyet különböző környezetekben lehet végrehajtani. A mi esetünkben a böngészőkről és a szerverplatformról beszélünk. Ha eddig még nem írt kódsort JS és olvasni ezt a szöveget a böngésző, az asztalon, azt jelenti, hogy szó szerint a kérdés másodperc az első JavaScript programot.

Annak érdekében, hogy írja, ha a Google Chrome-ot használja, nyissa meg a böngészőmenüt, és válassza a Parancsot.

További eszközök> Fejlesztői eszközök

. A böngészőablak két részre osztható. Az egyikben látható lesz az oldal, a több könyvjelzőt tartalmazó fejlesztői eszközökkel rendelkező panel látható lesz. Érdekel a könyvjelző

Konzol.

(Konzol). Kattintson rá. Ne figyeljen arra, hogy a konzolban már jelen legyen (használhatja a kulcsfontosságú kombinációt.

Ctrl + L.

). Most érdekel a hívogató konzol. Itt van, hogy megadhat egy JavaScript kódot, amelyet a gomb megnyomásával hajt végre

BELÉP

. A következőképpen lépünk be a konzolba: 

Konzol.log ("Hello, World!")

Ez a szöveg beírható a billentyűzetről, másolhatja és beillesztheti azt a konzolba. Az eredmény ugyanaz lesz, de ha megtanulod programozni, javasoljuk, hogy beírja a programok szövegeit, és ne másolja őket.

). Most érdekel a hívogató konzol. Itt van, hogy megadhat egy JavaScript kódot, amelyet a gomb megnyomásával hajt végre

.

Miután a program szövege a konzolban kiderült, nyomja meg a gombot

9. rész: Az ES7, az ES8 és az ES9 szabványok áttekintése

Ha minden rendben van, - a szöveg jelenik meg a sorban

. Minden más számára, ne figyeljen még.

Az első program a böngésző konzolban - kimenet a konzolhoz

Egy másik lehetőség böngésző "Hello, World!" Ez az ablak kimenete az üzenettel. Ez így történik: 

Riasztás ("Hello, World!")

Itt van a program eredménye.

Az üzenet kimenete az ablakban

Kérjük, vegye figyelembe, hogy a fejlesztői eszköztár a képernyő alján található. Megváltoztathatja a helyét a menü használatával három ponttal a címében, és kiválasztja a megfelelő ikont. Ott talál egy gombot a panel bezárásához.

Fejlesztői eszközök, és többek között konzol is rendelkezésre áll más böngészőkben is. A konzol jó, mert akkor az, amikor böngészőt használ, mindig kéznél.

Vannak más módok a JS-kód elindítására a böngészőben. Tehát, ha beszélünk a szokásos programok használata a JavaScript, ők töltik be a böngésző, hogy a weboldalakat. Általános szabályként a kódot különálló fájlok formájában végzik a kiterjesztéssel

.js.

amely a weboldalakhoz csatlakozik, de a programkód közvetlenül beilleszthető az oldalkódba. Mindez a címkével történik

<Script>

. Amikor a böngésző észleli az ilyen kódot, elvégzi. Részletek Tegről

forgatókönyv.

Láthatja a W3school.com webhelyet. Különösen fontolja meg az erre az erőforrásban megadott JavaScript weboldalt. Ezt a példát az erőforrás eszközei indíthatják el (Keresse meg a gombot

Próbáld ki magad

), De egy kicsit más leszünk. Nevezetesen, néhány szövegszerkesztőben (például - in

Vs kód.

vagyon

Notepad ++.

) Új fájl, amelyet hívnak

Hello.html.

, és adja hozzá a következő kódot: 

<! Doctype html> <html> <body> <p id = "hello"> </ p> <script> document.getelementbyid ("hello"). Innerhtml = "Hello, World!"; </ Script> </ Body> </ html>

Itt leginkább érdekel a vonal

Document.getelementbyid ("Hello"). Innerhtml = "Hello, World!";

amely a weboldalakhoz csatlakozik, de a programkód közvetlenül beilleszthető az oldalkódba. Mindez a címkével történik

ami JS-kód. Ezt a kódot a címkék megnyitó és záró címkék tartalmazza.

. Megtalálja a HTML elemet az azonosítóval

Szia.

és megváltoztatja a tulajdonát

Innerhtml.

9. rész: Az ES7, az ES8 és az ES9 szabványok áttekintése

(azaz - az a HTML kód ezen elemen belül)

) Új fájl, amelyet hívnak

. Ha megnyit egy fájlt

A böngészőben a megadott szöveg megjelenik rajta.

A Javascript HTML elemre történő üzenete

Amint már említettük, a W3School.com webhelyen idézett példák ott lehetnek. Vannak speciális online környezetek a webfejlesztéshez, és különösen a JS-kód végrehajtásához. Köztük, például

,

codepen.io.

,

jsfiddle.net

.

jsbin.com.

Például, ahogy példánk úgy néz ki, mint a codepen.

A HTML mező a JS-JavaScript mezőben található HTML-elemet leíró kódot írja be, és az eredmény az oldal alján található.

. A következőképpen lépünk be a konzolba:

Beszéltünk, hogy a JavaScript programok elvégezhetők különböző platformokon, amelyek közül az egyik a kiszolgáló környezet csomópont.js.js. Ha meg fogja tanulni a JavaScriptet, a kiszolgálófejlesztésre összpontosítva valószínűleg példákat kell futtatnia a node.js.-re Megjegyzendő, hogy a beszélő az egyszerűsített és nem adott a funkciók támogatása speciális nyelvi képességeit használva változatai node.js és a böngésző, a node.js és a böngésző ugyanúgy működik kódját, amelyen az alapvető nyelvi mechanizmusuk. Ez például a csapat

ott fog működni és ott. A böngészőkre specifikus mechanizmusok használata nem fog működni a csomópontban.

Annak érdekében, hogy elindítsa a "Hello, World!" A node.js-ben, telepítse a csomópontot.js, a letöltés

Innen

Megfelelő elosztás. Hozzon létre egy fájlt

Hello.js.

És tegye be a következő kódot: 

Konzol.log ("hello, világ!");

A parancssorba a mappába kerülünk, amelyben ezt a fájlt tárolják, és végrehajtsunk egy ilyen parancsot: 

Csomópont hello.js.

Ez lesz a végrehajtás eredménye:

Az üzenet a node.js segítségével

By the way, észrevehette (és valószínűleg észrevette, hogy a kódot saját magukra rögzítették), amely a fenti példák közül néhányon a sorok végén egy pontot használ, vesszővel és néhányan. Néhány esetben a konzolra vagy üzenet formájában levő szöveg kettős idézőjelek, és néhány - egyedülálló. Talán most megkérdezed, hogy miért van így, és hogy ha a különböző kódolási lehetőségek hibák nélkül működnek, írd meg a kódot helyesen. Ha válaszolsz erre a kérdésre, anélkül, hogy részleteket folytatnánk, és nem vesszük figyelembe néhány kis részletet, azt mondhatjuk, hogy mind az idézetek és a vesszővel rendelkező pontok használatának lehetősége megengedett, és az, amit dolgoznak. A konkrét lehetőség kiválasztása az írási kód stílusától függ, amelyet a programozó ragaszkodik ahhoz, és a program bizonyos töredékének szükségleteiről. Ezenkívül ezeken az egyszerű példákon érzékelheti a JavaScript egyik jellemzőjét, amely abban rejlik, hogy a nyelv egy programot ad egy bizonyos szabadságnak.

Most, az első ismerőse után a JavaScript-szel történt, hogy beszéljünk erről a nyelvről.

Általános információk a Javascriptről

A JavaScript az egyik legnépszerűbb programozási nyelv a világon. Ő, több mint 20 évvel ezelőtt teremtett, a fejlődésben hatalmas út volt. A JavaScript a böngészők szkript nyelvének tekinthető. Kezdetben sokkal szerényebb lehetőségekkel rendelkezett, mint most. Főleg egyszerű animációkat, például legördülő menüket hoztak létre, a technológia részeként tudtak róla.

Dinamikus HTML.

(DHTML, DYNAMIC HTML).

Idővel, az igényeket a webes környezetben nőtt, különösen az új API-k jelentek meg, és a JavaScript, a támogatás webfejlesztés, szükséges volt, hogy lépést tartson a többi technológiát.

Napjainkban a JS-t nem csak a hagyományos böngészők, hanem azon túl is használják. Különösen a NODE.JS kiszolgáló platformról beszélünk arról, hogy a JavaScript használatának lehetőségeit a beágyazott és mobil alkalmazások fejlesztése során a feladatok széles skálájának megoldására, amelyre a korábban használt JavaScriptet nem használják.

A JavaScript fő jellemzői

  • A JavaScript olyan nyelv, amely eltér a következő funkciókban:
  • Magas szint. Ez egy absztrakciós programozót ad, amely lehetővé teszi, hogy ne figyeljen arra, hogy a JavaScript programok futó hardverének jellemzői legyenek. A nyelv automatikusan kezeli a memóriát a szemétgyűjtő segítségével. A fejlesztő, ennek eredményeként lehet összpontosítani feladatok megoldására vele szemben, és nem zavarja az alacsony szintű mechanizmusok (bár meg kell jegyezni, hogy nem törli a szükségességét racionális felhasználásának memória). A nyelv nagy teljesítményű és kényelmes eszközöket kínál különböző típusú adatokkal való munkavégzéshez.
  • Dinamikus. A statikus programozási nyelvekkel ellentétben a dinamikus nyelvek képesek végrehajtani a statikus nyelveket a programok összeállítása során. Ez a megközelítés előnye és hátránya, de ez ad a fejlesztő fejlesztő ilyen erős képességek dinamikus gépelés, később kötelező, visszaverődés, funkcionális programozás, a változó objektumok a program során, a bezárásra és még sok más.
  • Dinamikusan beírva. A JS-fejlesztéssel rendelkező változók típusai opcionálisak. Ugyanebben a változóban, például, hogy először rögzítse a karakterláncot, majd az egész számot.
  • Gyengén gépelt. Ellentétben nyelv erős gépelés, nyelv gyenge typisation nem kényszeríti a programozó, például használható tárgyak bizonyos típusú bizonyos helyzetekben, teljesítő, ha szükséges, az implicit konverzió típusokat. Ez nagyobb rugalmasságot biztosít, de a JS-programok nem típusúak, ennek következtében az ellenőrzési típusok bonyolultak (az írás és az áramlás elküldése a probléma megoldásához).
  • Értelmezhető. A vélemény széles körben elterjedt, amely szerint a JavaScript értelmezhető programozási nyelv, ami azt jelenti, hogy az általa írt programok nem igényelnek összeállítást. JS e tekintetben ellenzi az ilyen nyelveket, mint C, Java, menj. A gyakorlatban a böngészők, a programok teljesítményének javítása érdekében hajtsa végre a JS-kód összeállítását, mielőtt végrehajtásra kerülne. Ez a lépés azonban átlátható a programozó számára, nem igényel további erőfeszítéseket.

Multipadigine. A JavaScript nem írja elő egy fejlesztőt, hogy alkalmazzon bizonyos programozási paradigmát, ellentétben például Java (objektumorientált programozás) vagy C (kényszerítő programozás). JS programokat írhatok objektumorientált paradigmával, különösen prototípusokkal, és megjelentek az ES6 szabványban. A JS programok funkcionális stílusban is meg lehet írni, mivel az itt szereplő funkciók az első osztályú objektumok. A JavaScript elismeri és működik a C.

Igen, egyébként meg kell jegyezni, hogy a JavaScript és a Java semmi közös. Ezek teljesen különböző nyelvek.

JavaScript és szabványok

Az Ecmascript, vagy ES, a szabvány neve, amelyet a JavaScript motorfejlesztők vezetnek, azaz azok a környezetek, ahol a JS programok futnak. Különféle szabványokat vezetnek be az új lehetőségek nyelvére, amelyekről beszélnek, amelyek gyakran említik a szabványok nevét egy rövidített formában, például - ES6. Az ES6 ugyanaz, mint az ES2015, csak az első esetben a szám a szabvány (6) verziószámát jelenti, és a második - a szabvány elfogadásának évében (2015).

Annak volt, hogy a webes programozás világában az ES3 szabvány nagyon sokáig releváns volt, amelyet 1999-ben fogadtak el. A szabvány negyedik verziója nem létezik (megpróbálta túl sok új lehetőséget hozzáadni, és nem fogadta el). 2009-ben elfogadták az ES5 szabványt, amely csak egy hatalmas frissítés volt a nyelv, az első 10 évig. Ezt követően 2011-ben elfogadták az ES5.1 szabványt, ez is sok új dolog volt. Nagyon jelentős, az innovációk szempontjából, az ES6 szabvány, amelyet 2015-ben fogadtak el, nagyon jelentős lett. 2015-től kezdődően minden évben új verziókat fogadnak el.

A szabvány legutóbbi változata az anyag közzétételének időpontjában

ES9

2018 júniusában elfogadott.

EREDMÉNYEK

Ma azt írtuk: "Hello, World!" JavaScript, áttekintette a nyelv főbb jellemzőit, és beszélt a szabványosításáról. Legközelebb beszéljünk a JavaScript szövegek stílusairól és a programok lexikai struktúrájáról.

Kedves olvasók!

Ha Ön, az anyag elolvasása előtt nem ismeri a JavaScriptet, kérjük, mondja el nekünk, hogy sikerült-e "Hello, World!".

Ha felkéri a történetet, és egy kicsit hátul, kiderül, hogy a korábbi weboldalak statikusak voltak. Más szóval egyszerűen egy előre meghatározott tartalmat mutatott a szövegből és képekből, amelyek nem változott a felhasználói műveletekből. Kattints az elemekre, kattintson a képekre, és nem történt meg, az oldal nem változott. Csak akkor, ha rákattint a linkre, akkor egy másik oldalra vált. Elég unalmas.

Most a helyzet kardinálisan más, szinte minden webhely egyfajta vagy egy másik dinamikus, és válaszolhat az oldalán lévő cselekedetekre alkalmazkodni a számítógépéhez, vagy általában teljes körű webes alkalmazás. Ennek az eredménynek az egyik leggyakoribb módja a JavaScript használata a webhelyoldalakon. Mivel az anyagot rendszeres számítógépes felhasználóknak, nem programozóknak és webfejlesztőknek kell címezni, akkor ezeket a pozíciókat anélkül, hogy technikai részleteket mélyítenénk.

Mi a JavaScript

A JavaScript egy közvetlenül a böngészőben végzett forgatókönyv programozási nyelv. Az általa írt programok szkripteknek nevezik, és különböző módon integrálják a HTML-oldalt. A szkriptek végrehajtásának eredménye megjelenik az oldalon, ami megváltoztatja a változtatásokat, és nem jeleníthető meg, ha nincs megadva. Annak érdekében, hogy világosabb legyen, nézzük meg konkrét példákon, miért kell a JavaScript.

A félreértések elkerülése érdekében emlékezned kell arra, hogy a JavaScript és a Java teljesen más programozási nyelvek, és hasonló név mellett, nem sokkal többek közöttük.

A világban számos olyan eszköz széles választéka létezik, amelyekből megtekintheti a webhelyeket és mindegyik különböző képernyőt. A webhely oldalán megjelenő szkript ellenőrzi a monitor felbontását, és az oldal szélességét az engedély alapján állítja be. Néhány oldalról a szövegben vannak bélyegképek, ha rákattintanak rájuk az egérrel, akkor a teljes méretű kép felbukkan. Ezt használja scriptek, nélkülük a kép betöltődik egy külön ablakban vagy helyett az aktuális oldal, ami elég kényelmetlen.

Továbbá, a böngészők különböző fejlesztők, vagy akár különböző változatait ugyanabban a böngésző néha az ugyanazon az oldalon eltérő módon, és akkor határozza meg a használt böngésző JavaScript segítségével módosíthatja a oldalkódot jelennek meg helyesen. Adjon hozzá egy új megjegyzést, vagy frissítse őket anélkül, hogy újraindítaná az egész oldalt, akkor is elvégezhető.

Miért, JavaScript, például ellenőrzésére formák a helyességéről kitöltésével nélkül adatokat küld a szerver, azaz az üzenet azonnal megjelenik, hogy a mező ki van töltve hibásan vagy például az, hogy a bejelentkezési név már foglalt. Különböző csúszkák, spoilerek, karusszel is szkriptekkel dolgoznak. Mint minden programozási nyelv, tudja, hogyan kell matematikai műveleteket végezni, ezek a különböző számológépek és átalakítók alkalmazása. Például egy online kalkulátor újraszámolni információs egységek, a szolgáltatás kijelző információt a számítógép, a konverter fordítására számok más számrendszert. Általánosságban elmondható, hogy a JavaScript meglehetősen hatékony nyelv, amelyen teljes webes alkalmazásokat hozhat létre, vagy például a játékot.

Ez az ősi lenyűgöző játék reinkarnációja, amely mindenki számára ismert, aki a legutóbbi század kilencvenes éveiben játszott. Egy kicsit módosított és írt JavaScript. A régi böngészők nem működnek. A játék célja a játékterület 75% -át festeni. Ha egy labda az építés alatt álló vonalba esik, eltűnik, és elveszíted az életet. A kezdeti építési pontot piros-kék keret jelöli. Függőleges vagy vízszintes vonalakat építhet, megváltoztathatja az egérkerék tájolását, vagy az ikonok megnyomásával a játéktér sarkában. Az életek száma, az aktuális szint és a hátralévő idő a tetején látható, valamint a terület alján található terület százalékos aránya. Mindegyik szinten a golyók száma nő.

A szkriptnyelv technikai részletei

Egy kis technikai magyarázat a különösen kíváncsi olvasók számára. A Javascript parancsfájlok az egyszerű szöveggel írt utasítások, bizonyos szabályoknak megfelelően. Ebben az űrlapon van, hogy vannak jelen az oldalakon, és betöltődnek a böngészőbe. Ezután a böngészőbe beágyazott tolmács átalakítja egy tiszta számítógépre, és a kapott kódot elvégzik. Az egyértelműség érdekében a legegyszerűbb kód példa van az alábbiakban, ami egy modális ablak megjelenését, amikor egy adott üzenetet tartalmazó oldal letöltése. 

<Script type = "Text / JavaScript"> Document.getelementbyid ('showmodal'). Onclick = funkció () { Riasztás (az "Ez az ablak a JavaScript által okozott");}

</ Script>

Az első és az utolsó sorok egyszerűen jelzik a böngészőt, amelyet a JavaScript kód között van. Közöttük a szkript teste. A második sor a böngészőt jelzi, hogy nyomon kell követnie az elemet a "Showmodal" azonosítóval, és ha ez történik, hajtsa végre a harmadik sorban írt műveletet. A harmadik sor egy modális ablak megjelenését okozza a zárójelben megadott szöveggel. Kattints a szóra

előadás

Ha ezt az ablakot szeretné látni.

Bár a szokásos számítógépek is írt néhány programozási nyelv, amikor teljesen kész, lefordított gépi kódot, és már telepítve van a számítógépen vagy elosztva (Linux alatt vannak források az önálló „összeállítás”), a .exe notepad fájl már nem nyitott.

A JavaScript engedélyezése a böngészőben

Saját, semmi speciálisan nem szükséges. Minden népszerű modern böngészőben kezdetben épült és alapértelmezés szerint engedélyezve van. A problémák csak akkor fordulhatnak elő, ha maga is letiltja azt a böngésző beállításaiban, vagy a vírusok és a fájlok károsodása okozza. Érdemes megemlíteni, hogy bármely elem vagy technológia, akkor használható jó vagy gonosz.

A webhelyoldalakon rosszindulatú szkript bevezetésével a támadók potenciálisan károsíthatják a számítógépet. Ezért néha ajánlott letiltani a JavaScriptet a böngészők biztonság érdekében. Ezek az idők már régen lejárt, azóta böngészők merevebbé válik, hogy szabályozza a forgatókönyvek végre, ami korlátozza a potenciálisan veszélyes műveleteket. A biztonság őrzésére is víruskeresők és keresőmotorok, amelyek blokkolják a rosszindulatú webhelyekhez való hozzáférést. var b = 1,234E + 2; // Valódi szám, amely egyenértékű 1,234 x 10²Ezért most kikapcsolni a JavaScript nincs értelme, sőt káros, mivel van egy csomó helyek után, hogy leállítja helyesen jelenik meg, része a funkcionalitás eltűnik, vagy nem működnek egyáltalán. A problémát súlyosbítja az a tény, hogy egy tapasztalatlan felhasználó, ha véletlenül vagy szándékosan rákattint a „kapcsolja ki a JavaScript” a böngésző beállításait, teljesen elfelejti róla. De egy idő után, észreveszi a nyugtalanságot a böngésző munkájában. A nyakkendő más újonc felhasználókkal gyakran nem fordul elő, vagy ez a hosszú gyötrelem után történik.

2.2.3. Logikai típus (Boolean)

Ennek megvalósítása érdekében a böngészőfejlesztők megpróbálták eltávolítani ezt a beállítást, így az egyszerű felhasználók véletlenül nyomják meg. Teljesen helyes, mivel a modern körülmények között a JavaScriptet mindig be kell kapcsolni, és a számítógépek mintegy 99% -a szerepel. A biztonsági okokból történő leválasztása több problémát okoz, mint az előnyök. Még mindig úgy tetszik, hogy a Polgorodon keresztül fog működni, mert a mechanikus közlekedés potenciálisan veszélyes. Természetesen lehetséges, de rendkívül unalmas, és nem kényelmes és a mai internet a JavaScript -vel leválasztva és ásott. Ezenkívül sok más módja van a számítógép megfertőzésére, jobb, ha egyáltalán nem tartalmazza, hogy megvédje magukat.

JavaScript kezelése a Google Chrome-ban

Nyomja meg az ikont

A "Beállítások" lehetőséget választja. Az alján link lesz a "Speciális beállítások megjelenítése" link. A "Személyes adatok" csoportban kattintson a "Tartalmi beállítások" gombra. Megjelenik egy ablak, amelyben a JavaScript szakasz kiválasztja a szükséges elemet, majd a "Befejezés" gombot. A Yandex.Browserben a JavaScript beállításokhoz való hozzáférés ugyanúgy történik, kivéve a nevek kis árnyalatát. Tehát a "Tartalmi beállítások" gomb itt "tartalombeállítások". A JavaScript engedélyezése vagy letiltása a Mozilla Firefoxban A 22-es és az alábbi verzióban a menün keresztül történhet. Az "Eszközök" tétel ⇒ "Beállítások" a Tartalom fülön ⇒ "JavaScript használata". A böngésző fejlesztők, majd úgy döntött, hogy vannak bizonyos problémák ezt a beállítást, és a 23 verzió és az idősebb teljesen eltávolította a grafikus felületen. Most a böngésző címsorában kell tárcsáznia Körülbelül: Config , A figyelmeztetéssel megjelenő ablakban kattintson az "Megígérem, hogy óvatos leszek!". A "Keresés" karakterláncban tárcsázza

Igaz.

Javascript.Enabled.

. Kattintson duplán a talált vonalra vagy hamisPkm. és "kapcsoló". Ha az "Érték" oszlop "TRUE", akkor engedélyezve van, ha a "FALSE" ki van kapcsolva. Az alapértelmezett értékektől eltérő beállítások merészek kiemelve. +PJavaScript az Opera böngészőben

Var válasz = erősítse meg ("tetszett ez a cikk? \ N Kattintson az OK gombra. Ha nem, kattintson a Mégse gombra.");

Nyomja meg az ikont

és válassza ki a "Beállítások" elemet a menüben, vagy használja a kulcs kombinációt

{

Alt.

. Válassza ki a bal oldali oszlopban lévő "webhelyeket" az ablak jobb oldalán található első elem a JavaScript beállításai szakasz. Jelölje meg a szükséges opciót. "Engedélyezze a JavaScript végrehajtását (ajánlott)" engedélyezni vagy "tiltja a JavaScript végrehajtását" a kikapcsoláshoz. A JavaScript engedélyezése az Internet Explorer böngészőben +БAz Internet Explorer JavaScript-vezérlő beállításainak eléréséhez kattintson az ikonra vagy a "Service" menüpontra, és válassza a "Böngésző tulajdonságait" lehetőséget. Menjen a "Biztonság" fülre, ahol az "Internet" zónát választja, majd nyomja meg a "Egyéb" gombot. Keressen egy "forgatókönyvet" blokkot a listában, és jelölje meg az "Engedélyezés" vagy a "Aktív kikapcsolást" az "Aktív forgatókönyvek" értéket.

}

A JavaScript engedélyezése a Safari-ban +,Ha szafari van a Windows rendszerhez, akkor a "Szerkesztés" ⇒ "Beállítások" menüpontot választja, vagy nyomja meg a kombinációt

Ctrl

. Akkor válassza a „Biztonság” fülre, és lő, vagy hogy egy kullancs szemben JavaScript. A JavaScriptet is kezelheti a fejlesztési menüponton keresztül. Ha a "Letiltás JavaScript" elem előtt egy kullancs, ami azt jelenti, hogy ki van kapcsolva, a fordított esetben engedélyezve van.

Ha Mac OS-je van, akkor a JavaScript használatának használata a Safariban kissé eltérő. A "Safari" menüre kell kattintania, és válassza ki a "Beállítások" elemet, vagy nyomja meg a billentyűzetet

. Továbbá, valamint a Windows verziójában.

Talán már észrevette, hogy a böngészők Chrome, Yandex, az opera nem lehet csak úgy JavaScript engedélyezése vagy letiltása, de irányítani rugalmasabban. Beállíthatja a megfelelő helyekre vonatkozó megfelelő szabályokat, vagyis a JavaScript végrehajtását csak az egyes helyszíneken, vagy fordítva, tilthatja meg, mint néhányat. Ehhez a kivételeket a "Kivételkezelés" gombra kattintva kell konfigurálnia. A Firefox fejlesztők úgy vélik, hogy mindig kell működnie, így a beállítást eltávolították a grafikus felületről. Állítsa be a JavaScript végrehajtására szolgáló szabályokat egy adott webhelyen szabványos eszközökkel. Igaz, ha igazán szükséged van, akkor néhány kiterjesztést, például "Noscript" -t. Ott létrehozhatsz egy külön webhelyre vonatkozó szabályokat, valamint megígéri, hogy megvédi a számítógépet a különböző támadásoktól a parancsfájlok segítségével. A probléma az, hogy minden olyan program, amelyre szüksége van ahhoz, hogy megfelelő módon használhassa és konfiguráljon helyesen. Automata üzemmód Ez természetesen jó, de nincs ideális algoritmusok és mindig van egy lehetőség, hogy kihagyja a veszélyes kódot, vagy éppen ellenkezőleg, blokk biztonságos. Itt megjelenik egy dilemma, mint a víruskereső, ha "csavarja a dióit", akkor lesz gyakori hamis válaszok. A gyenge korlátozásokat és a biztonsági esik. Az egyes esetekben megoldani, gyorsan gyorsan, emellett, még mindig objektíven megbecsülni egy egyszerű felhasználó fenyegetését, és a JavaScriptet az interneten található helyek 99% -ára használják.

Nulla típus

Amelyre a JavaScriptet a most már tudod használják. Mi a helyzet ebben a helyzetben, mindegyik saját maguk, de a magánszemélyem, csak bekapcsolás, és nem pontszám a fejed, soha nem volt problémám. Üdvözlet a Copyright Blog oldalán. Az erőforrás meglátogatása az interneten, észreveheti a különböző előugró ablakokat. Egyes webhelyeken láthatja, hogyan ad hozzá megjegyzéseket, az üzenet azonnal újraindítás nélkül jelenik meg. Mindez felelős

JavaScript. , Pontosabban, a rajta írt bővítmények. Ebben a cikkben megpróbálok egyszerű szavakat, hogy elmondjam, mi a JavaScript. Adok egy mintát, gyorsan letölteni az oldal tartalmát, és részletesen leírják, hogyan kell csinálni. JavaScript:

Mi az, miért van szükség?

Pontos kifejezés Jawa Script - Szkript nyelv az interneten. Ez egy értelmezhető nyelv, ez azt jelenti, hogy a fordító nem köteles írni és futtatni a szkripteket, mint más nyelveken. Elég, hogy írjon egy parancsfájl, a HTML dokumentumban vagy egy külön JS fájlban, töltsön fel egy oldalt egy webböngészőbe. Ha minden rendben van írva, akkor figyelheti az eredményt.

A szkriptek indításakor a kiszolgálót nem kell használni. HTML fájlok beépített JS-vel, közvetlenül a böngészőben futnak. A fejlesztők szövegszerkesztőben írhatnak további programok telepítése nélkül. Ha érdekli ezt a témát, olvassa el a cikket: "Hol kell elkezdeni a programozást," biztos, hogy tetszeni fog.

Minden modern böngésző támogatja

JavaScript programozási nyelv

. Ez a technológia mobileszközök alatt működik. Bármilyen erőforrást az okostelefonon, a felhasználó hozzáférhet a cikkhez. A JS-ben írt további bővítmények teljes blogfunkciót nyújtanak. Például a regisztráció során validálás.

Weboldal tulajdonosok megpróbálják a forrás minél kényelmesebb legyen, a felhasználók és add bővítményekből bővítheti a portálon. Például egy galéria megnyit egy képet teljes képernyőn. Amikor rákattint, kibontakozik egy lapos ablakban, és nagy felbontású képet mutat. Ez a technológia nem kereste meg és regisztrálja. Az űrlap kitöltésekor a felhasználó üzenetet kap, hogy a bejelentkezés már jelen van az adatbázisban. Jelszóval és e-mailekkel is, a JS validator automatikusan felkéri a helyes jelszót, és keres egy hasonló belépett postafiókot. A kívánt bővítmény telepítésével és konfigurálásával az összes beírt információt az ügyfél oldalán ellenőrizni fogja, amely megmenti a felhasználói időt. Nem kell várnod a választ a szerverről, amikor hibákat küld a helytelenül töltött mezőkről. JavaScript programozási nyelv a semmiből Megjelent

JS. Sok évvel ezelőtt volt a forgatókönyvek első nyelve. Kezdetben nem volt olyan erős, mint most. Elsősorban érdekes animációkra és különböző zsetonokra használták

DHTML

- Ez a típusnak van egy értéke.

. Azóta elkezdett növekedni, új könyvtárakat adtak ki, és a NODE.J. növekvő népszerűségével. Megtanult dolgozni az adatbázisban. Szüksége van a webes platformon, sok dolog megjelent.

- Ez a típusnak van egy értéke.

JavaScript:

Példák a kódra Kezdjük egy egyszerű, kimenet a dokumentumban. Az írás előtt győződjön meg róla, hogy speciális címkéket ad hozzá. Közöttük írási kód. A szöveg és az azt követő kijelző felvétele, írás. Teljesen így fog kinézni.

A dokumentum globális tulajdonsága a portálszerkezetre utal. Hozzájárul a címkékkel és attribútumokkal való interakcióhoz a teljes dokumentumban. A mi esetünkben írja az írást, írjuk a testi üzenet "Hello World!" Címkéinek címkéit. Egy adott címke meghívásához hozzárendelje a névazonosító attribútumot, például a rendetlenséghez. Használat GetElementbyid (ID) - Az ID helyett jelzi az attribútum nevét. Ezután írja be az InnerHTML-t a ponton keresztül, és hozzárendelje hozzá, a jel egyenlő, az üzenet Hello World! Fontos: .

Legyen óvatos és figyelje meg a regisztert (nagy vagy kis betű), ha JS parancsfájlokkal dolgozik, különben a parancsfájl elindításakor hibát kap. Minden hiba látható, ha megnyomja a jobb egérgombbal az oldal oldalára -> Kód / konzol lap megtekintése . Gyorsabb út kulcs

F12.

A vonal cseréje az előző szkriptből Document.getElementbyid ("rendetlenség"). Innerhtml = "Hello World!"; .

amely nem létező tárgyakat képvisel.
Megjelenik a konzolon lévő hiba

Nem fogadott TypeError: Nem lehet beállítani ingatlan "innerhtml" null.

A dolog az, hogy a JS forgatókönyv első betöltése, majd a többi dokumentum. Az ilyen problémák elkerülése érdekében zárójelben kell csomagolni, hogy megjelenítse az üzenetet az ablakban.

Feltöltés alatt.

JavaScript kód példák.

  • A változók kötelezőek komoly alkalmazások írásakor ideiglenes értékeket tárolhatnak: számok, karakterek, név stb. A VAR szó általi változókat jelöli, vagy hagyja, a változó és az érték nevét követi.
  • Itt van, amit úgy néz ki:
  • Hagyja, hogy a = 5;
  • A leggyakrabban használt változók típusai:

egész

- Ez a típusnak van egy értéke.

Lebegőpontszámok vonal .

- Ez a típusnak van egy értéke.

logikai kifejezés. vonal További négy típus további mintája: Gyakran vannak olyan helyzetek, amikor szükség van egy szkript végrehajtására bizonyos körülmények között. Például hasonlítsa össze a megadott felhasználót, és ha a karakterlánc üres, megjeleníti az üzenetet. A feltételes operátor felelős. .

- Ez a típusnak van egy értéke.

Ha más Ha egyszerre több feltételre van szüksége, természetesen használhatja . De ajánlott

- Ez a típusnak van egy értéke.

Kapcsolószekrény.

Egy tárgy Matematika. A matematikai műveletek elvégzésére. Például, hogy megtudja a PI számot, elég ahhoz, hogy ezt a math.pi-t írjon. A fennmaradó megoldások végrehajtásához: Természetesen ez nem az egész lista, de ez elég, hogy megoldja a szinte minden feladatot.

- Ez a típusnak van egy értéke.

Dom Kérdések keresése HTML dokumentum és visszaadja az első hasonló címkét a zárójelben Queryselector.

. A fentiek után a műveletet alkalmazhatja. Például változtassa meg a színt, amint az az ábrán látható. Az első karakterlánc piros színt fest, a választó az osztály kérését teszi lehetővé. A második esetben a két tartály számot jelent. A harmadik választás egyszerre két paraméterben. .

- Ez a típusnak van egy értéke.

Blokk3 és .hree És az utolsó tartály színének negyedik változása. A kérelem azonnali végrehajtásához több címke használatával

- Ez a típusnak van egy értéke.

QuerySelectorall. A fejlődés során gyakran találkoznak olyan helyzetekkel, ahol bizonyos erőforrás-elemek aktiválása billentyűzeten vagy egérrel kell bekapcsolódnia. Esemény-hallgatókat használnak ehhez a célokra. AddEVEntlistener. . Akkor egy funkciót működhet, amely akkor működik, amikor megnyomja a billentyűzeten vagy az egér gombját. A képen látható tisztaság érdekében. .

A blog néha szükséges, ha megnyomja a gombot, hozzon létre egy új címkét, és tegyen információt ott. E célból a CreateEelement és az addchild biztosítása és hozzáadása. Egy másik csapat RemoveChild. Eltávolít nDom-csomó

- Ez a típusnak van egy értéke.

Miután megkapta a hivatkozás a gyermekelemre, törölheti a címkét az azonosítón

Elem.children [n] .Remove

hol A törölni kívánt címke számát. A dom csomópontok hozzáadásával hasonló funkciók vannak a CreateTextNode szövegek létrehozásához. A teljes listát az alábbi képernyőkép mutatja. JQuery Library: Telepítési és beállítási bővítmények Kiterjeszti a standard forgatókönyvek képességét. Ezzel gyorsan fejlesztheti az alkalmazásokat, és további funkciókat kaphat, dolgozik a DOM-csomópontokkal. Néhány feladatot adok.

Az előző kód az egér által a gombon végzett műveletet mutatja. Használ jquery. , elég ahhoz, hogy meghatározza az attribútumot a konzolban, amelyen a cselekvésnek meg kell működnie, mint ez

$ ('. But2'). Be ('Click', Funkció () {...});. Amint látja, ez a kód kompakt. Előfordulhat, hogy a gomb nem jelenik meg azonnal, de később, például, amikor hozzáadja Appendchild Ebben az esetben az egér események hívásának lehetősége nem fog működni. Javasoljuk, hogy az alábbi képen látható. A cselekvés bekövetkezik

- Ez a típusnak van egy értéke.

Test. Az opcionális paraméter a kattintás után van megadva. A gomb hozzáadásakor kattintson rá, és megjelenik az üzenet. Győződjön meg róla, hogy magad, fut HTML. Dokumentum a böngészőben. Próbálja meg megváltoztatni a módszert az egyik segítségével, hogy megjegyezte, hogy milyen feltételek mellett az egér esemény működik. Szinte az összes plugins írta a külső fejlesztők dolgoznak JQuery technológia. Egy egyszerű galériát fogunk bemutatni Foncox. . A plugin előnye, hogy könnyen telepíthető, és még egy kezdő is elhelyezheti. Nézzük meg a projekt a galéria, nem fogunk létrehozni egy adatbázist, az összes kép kivont mappát, és megjelennek a helyszínen csatlakoztatása nélkül az adatbázist.

- Ez a típusnak van egy értéke.

Opendír - Mappát működtet fájlokkal, Readdir. - megkapja a katalógus tartalmát. Állítsa be a bővítményt a kép egyszerű megjelenítéséhez. Csatlakoztassa a 3 fájlt,

- Ez a típusnak van egy értéke.

Stílusok, jquery és fancybox

  1. . További tulajdonságok hozzáadása a linkekhez.
  2. Adat-FancyBox = "Galéria"
  3. . Minden beállítás befejeződött, semmi sem bonyolult. Ennek eredményeként kattintson a képre:
  4. Felülről 5 gombra.
  5. Diavetítés - Néhány másodpercenként átkapcsolja a rajzokat.

FULLSCREEN mód - Megjeleníti a kép teljes képernyőn. Sok lehetett látni a portálok filmeket, ahol, ha rákattint egy hasonló gomb, elindul a videó megjeleníthető a teljes képernyőn.

Tumbnails - mutatja az összes rajzot, az oldalán, a kapcsolatok, amelyek a Data-FancyBox attribútum jelen.

Megosztás - alkalmas azok számára, akik szeretnek feltölteni a fotókat és megosztani a barátokkal.

Bezárja az ablakot. Itt csak egy plugin bizonyítható. A webhelyemre telepíthető, és a látogatók megoszthatják a tetszett képeket. .

Példák a dinamikus betöltési cikkekre WordPress betöltése több

A következő minta bemutatja, hogyan kell betölteni a meglévő cikkeket. Ehhez egy régi sablont használnak, amelyet az egyszerű szavakkal a webhely elrendezéséről szóló cikkben hoztunk létre. Ne töltse le a könyvtárat az internetről, mint a WP-ben, már ott van a munkához. A részre való megpróbálás arra a tényre vezethet, hogy a webhely egyes elemei már nem működnek. Csak hozzon létre egy kapcsolat parancsot Wp_enqueue_script ("jquery");.

- Ez a típusnak van egy értéke.

Feltételezhetően már van egy sablon az előző lecke, amelyen megpróbáljuk új fejlesztéseinket.

B. csapatot. NewTemplate_Scripts () fájlfunkciók.php . Adjon hozzá egy blokkot, amellyel egy kattintás lesz, az én esetemben a WordPress Logo kiválasztásra kerül.

- Ez a típusnak van egy értéke.

Letöltheti az internet bármelyikét, vagy rajzolhatja meg sajátját. Hozzon létre egy mappát a sablon gyökerében, hívja a képet, Wordpress Image lesz. Ne felejtsd el leírni .

- Ez a típusnak van egy értéke.

osztály = "logo" a DIV konténernél

Ez fontos a további munkához. A FUNKCIÓKBHP-ben a következő kódot adja meg:

A dokumentumot hozzá kell adni a megfelelő mappához és rekordhoz JS-forgatókönyv .

- Ez a típusnak van egy értéke.

Most minden alkalommal, amikor rákattint a navigációs menüre, eltűnik és megjelenik, ahogyan mindent nagyon egyszerű. A JQuery könyvtár nélkül a JS Script sokkal hosszabb ideig kiderült.

  • Az utolsó dolog, amit megmutatni akarok, a posták dinamikus betöltése. Hasonlóan látható néhány webhelyen. A látogató helyezkedik el az oldalt, és a gomb alján, hogy többet jelenjen meg. Először az adminisztrátorban megváltoztatja az "Oldalszámok száma" opciót.
  • Beállítások -> Olvasás A képernyőképen látható változtatások további módosítása, a változások kisebbek, de két új töredék megjelent.

- Ez a típusnak van egy értéke.

Wp_query.

- A bázisból származó rekordok kiválasztása.

Wp_reset_postdata. - Visszaállítja a globális post változó értékét. A hibák elkerülésére használják. A sikeres elindítása, meg kell használni AJAX és küldje az oldalszámot és a cselekvés a POST módszerrel. Ezért add hozzá a funkciót.php my_action_javascript és indítsa el

- Ez a típusnak van egy értéke.

Add_action ('wp_footer ",' my_action_javascript); Küld Page = 2.

- Ez a típusnak van egy értéke.

, azon a címen, ahol az admin-ajax.php található. A használt információk megjelenítéséhez My_action.

. A következő képernyőképen található. Kérjük, vegye figyelembe, hogy a képernyőkép tetején kétszer ugyanazt a parancsfájlt indítunk el. Egy felhatalmazott felhasználó számára, a másik a vendég számára. Ezután kövesse az összes bejegyzést megjelenítő kódot. A fő dokumentumban meg kell tennie a címkét Cikk

és helyezze el a ciklust. Minden, a POST gomb megnyomása után a hozzászólások maguk kerülnek. A forráskód csatlakoztatva van, ha nem egyértelműen töltse le a sablont, telepítse és nézze meg a kódot. A kódforrások letöltése a lecke + Galéria forrásforrásai az alábbiakban hivatkozhatnak ( Jelszó a Firelinksru fájlban ): Mappában JS_Script. A galéria esetében csak a mappa van hozzárendelve

Képtár.

Bizonytalan típus

J, akkor sablon

Newtempalte

СJavaScript és JQuery csatlakoztatva.

ВHa a cikk érdekes volt, akkor ne felejtsd el, hogy ködöt szállítson, és a következő kérdésben látja Önt.

Az avascript már van egy évszázada. Az idő lenyűgöző az ilyen technológiák számára. Ebben az időben a nagyszerű módon telt el, az informatikai iparág erős eszközévé vált. A ranglistán a népszerűség szempontjából. Ugyanakkor hozzáférhetőnek tekinthető a kezdőknek való elsajátításához. Fontolja meg fő előnyeit.

Meghatározás, létrehozás története

Az AMO Javascript nem jelent meg azonnal. Kezdetben a nyelvet Mocha-nak nevezték el, majd megjelent a livescript kifejezés. Ez sokkal pontosabban tükrözi lényegét. Abban az időben a böngészők aktívan bemutatták az új, ígéretes nyelvű Java-t. Aztán úgy döntött, hogy nevezze át LiveScript a JavaScript. A nyelvek közötti hasonlóság az első, a szintaxis. De lényegében nagyon különböző eszközök.

Н2015 kiadta az ES6 verziót (ES2015). Ez az esemény áttörésnek tekinthető a JavaScript fejlesztésében. Új szabványok és lehetőségek állnak rendelkezésre. Például - állandók.

  • A kód sokkal racionálisabb lett, az "írás kevésbé - do több" ötlete megvalósult.
  • A JavaScript egy dinamikus szkriptelés magas szintű programozási nyelv. A multiparadigin megkülönbözteti. A funkcionális, elengedhetetlen, eseményorientált stílusok támogatásáról beszélünk. Leggyakrabban a nyelvet interaktív weboldalak és alkalmazások létrehozására használják.
  • Readship, hatókör
  • A JavaScript nagy érdeklődése megerősíti a speciális nemzetközi minősítéseket. Ezek az indexek analitikai adatok:

A keresőmotorok programozási kérései; Kérdések a szakmai fórumokon;

Bizonytalan típus

bizonyos technológiák alkalmazásával végrehajtott projektek; Munkahelyek a programozók számára a legnagyobb felvételi ügynökségekből.

Bizonytalan típus

Pypl (a programozási nyelv népszerűsége) . A hiteles minősítés, a legnagyobb Google See Search Engine adatok alapján. JavaScript - a trojka vezetőkben.

Bizonytalan típus

ИStack túlcsordulás.

Bizonytalan típus

JEz az index elemzi a nyelvek és eszközök számát a szakmai közösségekben. Itt a JavaScript magabiztosan elfoglalja a vezető pozíciót.

W3Techs - World Wide Web Technology felmérések.

JA mutatók alapja az egyes technológiákkal rendelkező webes projektek száma. Válassza ki az ügyfél interfészeket. Látjuk, hogy a JavaScript nincs versenytársa, ez a fő eszköz. A Frontend terület mentális területe hatalmas számú fejlesztés (összetevők) a JavaScript alapján. Körülbelül 25-30 könyvtárat és kereteket alkalmaznak. Ezek a kész sablonok és megoldások a szabványos feladatokhoz (variációkkal) jelentősen időt takarítanak meg. Ezek egyszerűsítik a webfejlesztési folyamatot, felgyorsítják azt, csökkentve a projektek költségeit. Talán a legnépszerűbbek a következők: .

Az Avascript a mobilalkalmazások létrehozására is vonatkozik a kiszolgálón (Backend) fejlesztés, az asztali (például irodai) programokban. A világ épületei és az interaktivitás kiterjesztésének tendenciája hozzájárul a nyelv iránti fenomenális növekedéshez. Előnyök és hátrányok

az avascript nem véletlenszerűen népszerű, de a kétségtelennek köszönhetően Előnyök

A webfejlesztés engedélyezhetősége. Támogatja a szkripteket az összes népszerű böngésző számára; Teljes integráció az oldalelrendezéssel (HTML + CSS) és a kiszolgáló részével (Backend).

Az alkalmazás egyszerűsége és racionalitása. Egy egyszerű feladat megoldható 5 perc alatt, ne készítsen extra munkát. A komplex feladatokhoz vannak lehetőségeket megoldani, akkor a legjobbat, alkalmazkodni lehet.

Munka sebessége és teljesítménye. A Javascript részben a weboldalak feldolgozását a felhasználói számítógépeken a szerverre való kérés nélkül feldolgozza. Időt és forgalmat takarít meg, csökkenti a szerver terhelését.

Kényelmi felhasználói felületek. Töltés kimenet, műveletek kiválasztása, gombok aktiválása, bemeneti ellenőrzések, reagálnak az egér útmutatására / klikkeire stb. A lenyűgöző használhatósági szintet biztosítja.

КErőteljes infrastruktúra (ökoszisztéma). Az első 10 év nem volt az anya. Ezután a számát kész kültéri megoldások nőtt úgy, hogy a munka a JavaScript és a kereteket vált öröm. Könnyű fejlesztés.

Talán ez a szokás kérdése. Először is, a kód összetettnek tűnhet, de a szintaxisához gyorsan megszokja a logikát. A műveletek megjelenítése jelentősen hozzáadja a lelkesedést. AK bármely programozási nyelv, a JavaScript rendelkezik néhány

korlátozások (korlátozások).

Nincs módja a fájlok olvasása és letöltése. Ez az ügyféloldali funkcionalitás korlátozása. A fő ok a biztonsági megfontolások.

Nincs támogatás a távoli hozzáféréshez. Ezért a nyelv nem használható hálózati alkalmazásokhoz. Ehhez a JavaScriptet nem is tartsák meg a teljes körű programozási nyelvet.

НNem stroke tipping és szabad értelmezés.

A nyelv figyelmen kívül hagyja a nyilvánvaló ellentmondásokat. Az adatok eltérő értelmezése van. Nincs lehetőség a hibák korai felismerésére. Minden hiányosságot már a munkafolyamatában már észleltek.

ПA támadók elérhetősége.

  • A szabad szitálási nyelven a legegyszerűbb módja egy rosszindulatú kódot beágyaz, amely károsíthatja a felhasználót. Remélem csak víruskereső és tűzfal.
  • ADO veszi, hogy a JavaScript felhasználói közösség aktívan javítja a nyelv, így sok hátránya van. A keskeny helyek kevésbé válnak. A böngészők folyamatosan javítják a JS-vel való munkát. A HTML 5 kimenet új lendületet adott a szkriptek bővítéséhez.
  • Nyelvi fejlődés

ОA webes programozó hivatása JavaScript nélkül nem tehet. Szükségünk van a HTML és a CSS ismeretekre is, ezek az eszközök általában kötegben dolgoznak. A nyelv gyors fejlődése hozzájárul:

ЗSzintaxis és racionalitás, intuitív kódok;

Az eszközök egyszerűsége és rendelkezésre állása (minimum: szövegszerkesztő és böngésző);

СElérhetőség az interneten nagyszámú anyag tanulmányozásra és gyakorlatra.

РA kilenc-tanulás a JavaScript legmegfelelőbb és hatékonyabb formája. Elkezdheti általános információkkal és vizuális példákkal, amelyek nagyon lenyűgözőek. Hasznos, érdekes bevezető kurzusok (legfeljebb két hét). A komoly profilsebesség 6-12 hónapig tart, mélyreható - akár 2 évig. Rendszerint ez egy tervezési és orientált megközelítés, mentorálás, hangsúly a gyakorlati osztályok és a csapatmunka.

Bizonytalan típus

1 év, ha szükséges, és a szorgalom, tényleg lesz egy belépő szintű szakember, és 2-3 év tanulás és gyakorlás nőni egy profi a Frontend fejlesztési területen.

Bizonytalan típus
Bizonytalan típus

НHol tudok dolgozni és mennyit keresni?

ТA JavaScript szakemberei előnyei meghaladják az ajánlatot, folyamatosan növekszik. A programozók szükségesek a webes stúdiók, nagyvállalatok, lehetőség van arra, hogy szabadítóan dolgozzon.

Bizonytalan típus

ВA helyszínen lévő helyzet a fővárosi Hunter Recruitment Ügynökség példáján. Kérjen kérést a webhelyen a "JavaScript programozó" gombjával. Eredmény:

Megérteni, hogy van egy csomó vagy egy kicsit, összehasonlítható az informatikai gömbök más népi területeihez.

ПA HH Portal JS Connoisseurs a legnagyobb számú üres helyet kínálja. Más szóval, ez a munkaerőpiac vezetője a programozókra vonatkozó javaslatok számával. Könnyen biztosítható. A munka még egy kezdő szakember is megtalálható, és különösen tapasztalt - különösen.

ВA JavaScript programozó ércei nagyon méltóak. Közép-bevétel: 120-130 ezer rubel havonta teljes foglalkoztatással. Még az újonnan érkezők 50000-tól kapnak. Különleges példák ugyanazon a fejéves portálon.

УA tapasztalat és a magas fizetés egy másik tagadhatatlan JavaScript előny. Talán a fő dolog. És a belátható jövőben ez a tendencia folytatódik.

Rövid összefoglaló A JavaScript fejlesztésének Richin elég. Először is, a nyelv nagyon népszerű, és hosszú időt vesz igénybe a vezető pozíciókban a webfejlesztésben. Másodszor, a JS dinamikusan fejlődik, nyilvános hozzáférésben hatalmas infosisztrend: könyvtárak, keretek, képzési anyagok. Ez a számos szakmai közösség tevékenységének eredménye.

- Az idők, a nyelv meglehetősen könnyen felfedezhető. Jelentkezzen be a szakmába: 1-2 év. És a kívánt, karrierlehetőségek nagyon csábítóak. A programozók iránti kereslet növekszik, a munkáltatók magas szintű fizetést, különösen tapasztalt szakembereket kínálnak. Az összes fenti olvasás, biztonságosan mondhatod: A JavaScript sok súlyos előnye van. Könnyen meggyőződhet róla. A hat hónapos tanfolyamunkkal "Profession: Fejlesztő" Meg fogja tanulni, hogy nem csak azt szeretné írni a JavaScript-ben! 👉 Ismerje meg a részleteket!

JavaScript.

  • A Netscape böngészők szkript nyelvének. A Microsoft is felismerte a potenciálját, és a név alatt szerepelt
  • JScript.
  • Az Internet Explorer 3-ban, amely részleges támogatást nyújt a nyelvi szabványoknak, ami zavart okozta a JavaScript szabványaival és verzióival. Ezért, Netscape, Microsoft és más érdekelt cégek fellebbezést az ECMA szervezet (European Computer Manufacturers Association), ahol az első specifikációja ECMA-262 nyelv jóváhagyták. Ami azt a ténynek köszönhetően, hogy a "JavaScript" név bejegyzett védjegy volt, az új szabványnak úgy döntöttek, hogy az ecmascript (vagy rövidített es) használatát úgy határozták meg. Az Ecmascriptet eredetileg szkript nyelvként való használatra tervezték, de később az általános célú programozási nyelvként széles körben alkalmazzák.
  • A JavaScript létrehozásának alapja a HTML-dokumentumok dinamikus kezelésének ötlete az aktuális oldal újraindítása nélkül (az úgynevezett megfelelő forgatókönyvek). Idővel a nyelv azon képessége bővült:

A JavaScript használatával az egyoldalas alkalmazásokat futtathatja az ügyfél oldalán;

A JavaScriptet a szerver oldalán használják a technológiával, például a csomópontokkal;

A JavaScript segít az asztali alkalmazások létrehozásában az elektronokkal, és használható az egylapú számítógépekkel, mint a Raspberry Pi;

Továbbá, a JavaScript használják, hogy a vonat a gépi tanulási modellek a böngésző segítségével TensorFlow.js technológia.

Mi a JavaScript? 1) JavaScript - Script nyelv, vagy szkriptek. A szkript egy programkód - egy sor utasítást, amely nem igényel előzetes feldolgozás (például válogatás) megkezdése előtt. A JavaScript kódot a böngésző motorja értelmezi a weblap rendszerindításakor. A böngésző tolmács végzi a forrás program vagy kérés tartós elemzését, feldolgozását és végrehajtását. 2) A JavaScript egy objektumorientált nyelv, amely prototípus örökséggel rendelkezik. Támogatja a több beágyazott objektumot, és lehetővé teszi a saját (egyedi) objektumok létrehozását vagy törlését is. Az objektumok inherálhatják a tulajdonságokat közvetlenül egymástól, és lánc tárgy prototípust alkotnak. JavaScript weboldalakon 1. A szkriptek csatlakoztatása egy HTML dokumentumba A JavaScript parancsfájlok vannak Vannak más módok a JS-kód elindítására a böngészőben. Tehát, ha beszélünk a szokásos programok használata a JavaScript, ők töltik be a böngésző, hogy a weboldalakat. Általános szabályként a kódot különálló fájlok formájában végzik a kiterjesztéssel Beépített

. Tartalmuk a dokumentum részét képezi külső

egy külön fájlban tárolva, kiterjesztéssel 

. A parancsfájlok a HTML-dokumentumban megvalósíthatók a következő módon:

Hiperhivatkozás formájában 

. Ehhez a kódot külön fájlba kell helyezni, és engedélyeznie kell a linket a fájlba a címben

<Fej> <script src = "script.js"> </ script> </ Head> vagy oldalak testülete.

<Test> 

<script src = "script.js"> </ script>

</ Body> amely a weboldalakhoz csatlakozik, de a programkód közvetlenül beilleszthető az oldalkódba. Mindez a címkével történik Ezt a módszert általában nagy szkriptekhez vagy forgatókönyvekhez használják, amelyek többször használják különböző weboldalakon. amely a weboldalakhoz csatlakozik, de a programkód közvetlenül beilleszthető az oldalkódba. Mindez a címkével történik Eseménykezelő formájában

Az edzett HTML elemnek JavaScript-eseményei vannak, amelyek egy bizonyos ponton indulnak ki. A szükséges eseményt hozzá kell adnia egy HTML elemhez attribútumként, és az attribútum értéke, adja meg a kívánt funkciót. Az esemény kiváltására adott válasz Eseménykezelő . Az esemény bekövetkezésének eredményeképpen az ezzel kapcsolatos kód teljesül. Ezt a módszert elsősorban rövid forgatókönyvekhez használják, például a gomb megnyomásakor beállíthatja a háttérszínváltást: <Script> var colorarray = ["# 5a9c6e", "# a8bf5a", "# fac46e", "# fad5bb", "# f2feff"]; // hozzon létre egy tömböt virágokkal

var i = 0; 

ChangeColor funkció () {

document.body.style.Background = ColorArray [I];

I ++; Ha (i> colorarray.length - 1) {

        i = 0; 

} } </ Script> и <Button onclick = "ChangeColor ();"> Háttér módosítása </ gomb> .

Lásd a QAOJYR-t Elena (@ HTML5Book) a Codepen-en.

Belső elem .Elem Beillesztheti a dokumentum bármely helyét. A címke belsejében közvetlenül a böngésző elolvasása után található, vagy tartalmazza a hívás időpontjában végrehajtott funkció leírását. A függvény leírása bárhol elhelyezhető, a legfontosabb dolog az, hogy a funkciók kódját már betöltötte. Általában a JavaScript kódot a dokumentumfejlécbe helyezi (elem) , <Fej> и ) vagy a nyitó címke után .

<Test> . Ha a szkriptet az oldal letöltése után használja, például a mérési kód, akkor jobb, ha a dokumentum végén helyezkedik el: <Footer> <Script> , Document.Write ("Írja be a nevét"); </ Script> </ Footer> </ Body> $2. Adattípusok és változók a Javascriptben _Számítógépek feldolgozási információk - adatok. Az adatokat különböző formákban vagy típusokban lehet ábrázolni. A legtöbb JavaScript funkciót az objektumok és az adattípusok egyszerű készlete miatt hajtják végre. A húrokhoz, számokhoz és logikához kapcsolódó funkcionális képességek a string, numerikus és logikai adattípusokon alapulnak. Tovább funkciókat, beleértve a reguláris kifejezések, időpontok és matematikai műveletek segítségével végezzük REGEXP, dátum és matematika tárgyak.

Szó szerinti A JavaScript az adattípusok különleges osztálya, a három adattípus egyikének rögzített értéke - karakterlánc, numerikus vagy logikus: и "Ez egy karakterlánc" 3.14.

Igaz. Riasztás ("Hellow"); // "Hellow" szó szerinti var myVariable = 15; // 15 egy szó szerinti A JavaScript az adattípusok különleges osztálya, a három adattípus egyikének rögzített értéke - karakterlánc, numerikus vagy logikus: Primitív adattípus

Ez egy adott típusú adat, például egy karakterlánc, numerikus, logikus, NULLA meghatározatlan. =2.1. A JavaScript változók A JavaScript Script által feldolgozott adatok változók . A változók olyan konténereknek neveznek, amelyek az adatokat (értékeket) tárolják a számítógép memóriájában, ami a program végrehajtási folyamat során változhat. Változók vannak név egy típus érték Változó neve vagy azonosító <Button onclick = "ChangeColor ();"> Háttér módosítása </ gomb> csak betűket tartalmazhat

A-Z. 

A-Z.

, számok 0-9 (A számjegy nem lehet az első a változó nevében), szimbólum +(talán csak az első karakter a változó vagy a funkciónév) és az aláhúzás karaktere

, A szóközök jelenléte nem megengedett. A változó neve hossza nem korlátozott. Lehetséges, de nem ajánlott rögzíteni az orosz ábécé változók betűinek nevét, ezért unicode-ban kell rögzíteni. 

Nem használhatja a JavaScript kulcsszavakat változó névként. Változó nevek a JavaScript-dioxid-nyilvántartásban, ami azt jelenti, hogy a változó Var üzenet; Var üzenet;

- Különböző változók. 

A változó létrehozása (bejelentett) kulcsszó segítségével var. ezt követi a változó neve, például, . Meg kell adni a változót, mielőtt használná. и Változó ezt követi a változó neve, például, Inicializált .

К Érték a hozzárendelési művelet használatával , például, </ Script> и Var üzenet = "Hellow"; .

. Egy változó létrejön

Üzenet

És megmentésre kerül 

A kezdeti \érték "Hellow" Cikk

. A változó érték nélkül deklarálható, ebben az esetben az alapértelmezett értéket hozzárendeli 

. A változó értéke a forgatókönyv végrehajtása során változhat. A különböző változókat egy sorban lehet bejelenteni, elválasztva őket vesszővel: +VAR Message = "Hellow", Number_msg = 6, Time_msg = 50;

2.2. Az adatváltozók típusai

A Javascript egy inepitizált nyelv, az adott változó adattípusa nem szükséges, ha nem szükséges. Az adatok típusváltozója az általa elvégzett értékektől függ. A változó típusa az adatügyletek végrehajtásának folyamatában változik ( A típusok dinamikus tisztázása ). A típusváltozást automatikusan elvégzik, attól függően, hogy melyik kontextust használják fel. Például olyan kifejezésekben, amelyek tartalmazzák a numerikus és string értékeket az üzemeltetővel , A Javascript numerikus értékeket konvertál: Var üzenet = 10 + "nappal a nyaralás előtt"; // visszatér "10 nappal a nyaralás előtt" 1, 2Kapjon egy olyan adattípust, amely változóval rendelkezik, használhatja az operátort Típusú. , . Ez az operátor visszatér egy olyan karakterláncot, amely azonosítja a megfelelő típusát. 35 típusú; // A "szám" visszatérése 1 и "Szöveg" típusa; // megtartja a "string" TRUE típus; // visszatérés "Boolean"

В Típus [1, 2, 4]; // visszatérés "objektum" Típus meghatározatlan; // megtartja a "nem definiált" Típus NULL; // visszatérés "objektum" .

В A JavaScript összes adattípusa két csoportra oszlik - Egyszerű 0adattípusok 7Primitív adattípusok) 0.

Összetett (Kompozit adattípusok) Egyszerű Az adattípus tartalmaz egy karakterláncot, numerikus, logikus, (alullen. 2.2.1. String típus (string) 0adattípusok 9A kettős vagy egyetlen idézőjelben lévő karakterláncok tárolására szolgál. Egyetlen vagy kettős idézőjelben lévő karakterek üres karakterkészlete üres karakterlánc. Az idézőjelben mellékelt szám is egy karakterlánc. a (AVar pénz = ""; // üres karakterlánc, nulla karakterek f (Fvar munka = "teszt"; Var day = "vasárnap"; adattípusok var x = "150"; .

A kettős idézőjelben lévő karakterláncban egyetlen idézetet is bekapcsolhat, és fordítva. Ugyanezen típusú idézet le van tiltva egy fordított slash szimbólum segítségével 

(úgynevezett eMenekülési sorrend +Dokumentum.Writeln ("" jó reggelt, Ivanovich Ivan! \ "\ N"); // a "jó reggelt, Ivanovich Ivan!" -A sorok összehasonlíthatóak, valamint kombinálhatók egy összekapcsolási művelet segítségével

. A típusok automatikus megtekintésének köszönhetően kombinálhatja a számokat és a vonalakat. A sorok állandóak a karakterlánc létrehozása után, nem módosítható, de egy új vonal létrehozható más sorok kombinálásával. 
2.2.2. Numerikus típus (szám)

Numerikus értékekhez használják. A JavaScript számok kétféle típusúak: egész számok (Egész szám) és lebegőpontos számok (Lebegőpontos szám) . Az egész értékek pozitívak lehetnek például

és negatív, például 

-egy -2. vagy egyenlő nulla. </ Script> 1.0

- ugyanaz a jelentés. A legtöbb JavaScript számát tizedes számrendszerben rögzítik, egy oktális és hexadecimális rendszer is használható. decimális Var üzenet = "Hellow"; A numerikus változók rendszerértékeit arab számok segítségével állítjuk be

1, 2, 3, 4, 5, 6, 7, 8, 9, 0 oktális

A számformátum olyan számok, amelyek számokat tartalmaznak

előtt és az előtaggal kezdődően и -Ért . Hexadecimális A formátum hozzáadja az előtagot 0x 0x.

) követi a számok sorozatát amely a weboldalakhoz csatlakozik, de a programkód közvetlenül beilleszthető az oldalkódba. Mindez a címkével történik vagy betűk. Riasztás ("Hellow"); // "Hellow" szó szerinti ) korábban ) az értékek megfelelnek tíz

15 var a = 120; // egész tizedes jelentés var b = 012; // oktális formátum

var c = 0xfff; // hexadecimális formátum var d = 0xacfe12; // hexadecimális formátum A lebegőpontos számok a frakcionált tizedes rész, vagy ezek számok exponenciális formában vannak kifejezve. A számok exponenciális rekordja a következő űrlapot jelenti: a szám egy frakcionált tizedes rész, majd a levél

amely mind a kis-, mind a kisbetűs, a továbbiakban - opcionális jel

vagy

Новости

Добавить комментарий