25 parasta JavaScript-sovellusliittymää

Tässä on valikoima parhaita JavaScript-sovellusliittymiä tällä hetkellä sekä opas niiden käytön aloittamiseen. Nämä auttavat sinua lisäämään uusia ja mielenkiintoisia toimintoja sivustoihisi ja sovelluksiisi. Varoituksen sana: Monet näistä sovellusliittymistä ovat edelleen kehitteillä, joten tarkista selaimen tuki ennen kuin aloitat niiden käytön, ja anna tarvittaessa palautuksia.

Jos haluat tutustua mahtavampiin laajennuksiin, katso parhaat oppaamme HTML-sovellusliittymät ja Google-sovellusliittymät . Tai voit rakentaa sivuston tyhjästä (ilman koodia) käyttämällä a verkkosivujen rakentaja . Lisäksi on tärkeää harkita valintasi sivujen ylläpito palvelun avulla varmistaaksesi, että sivustosi toimii haluamallasi tavalla.

01. Muokkaa selaimen asetuksia

Vaikka selain on yleensä '' sen päällä olevan koodin yläpuolella '', Mozilla-johdettu sovellusliittymä sallii JavaScriptin rajoitetun pääsyn selaimen asetuksiin. Ajattele esimerkiksi käyttäjän kotisivun lukemista, kirjanmerkkien käsittelyä ja uusia välilehtiä.



02. Tiedoston sovellusliittymät

Suurten pysyvien tietojen käsittely oli aina ongelma verkkosovelluksissa. W3C-tiedosto-sovellusliittymä yhdistää joitain eri toimittajien käyttämiä käsitteitä - muista, että tiedostojärjestelmälle ei yleensä myönnetä täydellistä käyttöoikeutta, lähinnä turvallisuussyistä.

03. Microsoftin kognitiiviset palvelut

JavaScript-sovellusliittymät: Microsoftin kognitiiviset palvelut

(Kuvan luotto: Microsoft)

Tekoäly vaatii erittäin paljon koulutustietoja - loogisesti, toimittajat eivät ole motivoituneita tarjoamaan näitä malleja asiakkailleen. Sen sijaan kehittäjät saavat lähettää hyötykuormia palvelimelle, joka analysoidaan sitten verkossa.

Vaikka kaikki suuret pilvimyyjät tarjoavat enemmän tai vähemmän kehittyneitä tekoälypalveluja, Microsoft erottuu keskittymällä tekoälyn ominaisuuksiin. API-tarjoukset kuuluvat termiin kognitiiviset palvelut; voit käyttää ominaisuuksia, kuten kehittyneitä kuvantunnistuspalveluja. Esimerkiksi tämän ruudun mukana tulevassa tilannekuvassa näkyy tekoäly, jota käytetään tunnistamaan Microsoftin toimitusjohtaja lehdistökuvasta - muut ominaisuudet liittyvät videoihin, käsinkirjoitukseen, äänentunnistukseen ja transkriptioon.

Vaikka tuotannon laatu on yleensä erittäin korkea, pidä mielessä, että jatkuva käyttö on kaikkea muuta kuin halpaa - ajan myötä käyttömaksut voivat kasvaa ja kasvavat. (Jos haluat varmuuskopioida mediatiedostoja, käytä paras pilvitallennustila .)

04. Open Government APIs

Demokraattisesti valitut edustajat osoittavat yleensä suurta taitoa rahan muuntamisessa. Avoimen hallinnon käsite tarkoittaa, että näiden teosten tulokset asetetaan saataville (yleensä avoimen) API: n kautta, jolloin kolmannen osapuolen kehittäjät voivat suorittaa kaikenlaista tiedonkeruuta.

Yksi erityisen mielenkiintoinen alue koskee liikennettä: julkisen liikenteen palvelut tarjoavat yleensä API: ille ajoneuvojensa sijaintipaikat ja reittiverkossa näkyvät taajuudet.

suorittaa naarmuuntumisen taidon

Tätä ei tehdä puhtaasta altruismista: kun se tehdään oikein, tietyn kaupungin 'paikallisen liikenteen' sovellus voi nousta nopeasti paikallisen sovelluskaupan joukkoon. Hallituksen ei tarvitse investoida resursseja palvelun luomiseen, kun taas kehittäjä - yleensä - tekee siistin rahan myymällä mainostilaa paikallisesti rajoitetun yleisön vuoksi.

Näiden sovellusliittymien lisäksi kehittäjät päästetään yleensä irti muista asioista. Esimerkiksi Ranskan hallitus tarjoaa suhteellisen yksityiskohtaiset valmiudet osoitteiden etsimiseen.

05. TÄSTÄ kartoitus-sovellusliittymä

JavaScript-sovellusliittymät: TÄSTÄ

(Kuvan luotto: TÄSTÄ)

Kilpailu on määritelmän mukaan hyvä. Tässä on Nokian entinen kartoitusosasto, joka tarjoaa kehittäjille 'kolmannen osapuolen' vaihtoehdon kolmen suuren karttapalveluille. Yksi mielenkiintoinen näkökohta on erittäin yksinkertainen sovellusliittymä, joka tekee ruutujen lataamisesta helppoa.

06. OpenStreetMap-sovellusliittymä

OpenStreetMap ei tarjoa näyttövalmiita karttoja. Sen sijaan tarvitaan renderointipalvelua, kuten CartoType. Kun työskentelet verkkosivustolla, omistetun renderointijärjestelmän luominen on vähän työtä - MapBox tarjoaa kätevän vaihtoehdon pay-per-use.

07. Kielitieteen maisteri

Käyttäjien luomaa sisältöä käsittelevät ohjelmat voivat saada brownie-pisteitä tarjoamalla integroidun käännöspalvelun. Twitter- tai Gab-asiakas voi esimerkiksi kääntää englanninkielisiä tekstejä venäjäksi, jotta niitä olisi helpompi käsitellä kyseiselle yleisölle.

Vaikka 'konepohjaiset käännösjärjestelmät' ovat tietotekniikan vanhimpia tutkimusaloja, toimivan konekääntäjän kehittäminen käsin on vaikeaa. Microsoftin käännös-sovellusliittymä päivitettiin äskettäin versioon 3.0, ja se on yhden luukun ratkaisu kaikkiin babelin kielen ongelmiin. Sen lisäksi, että käännöksiä tehdään kieliparien välillä, palvelua voidaan käyttää myös selvittämään, millä kielellä tietty teksti on. Voit sitten käyttää näitä tietoja pienempien sovellusliittymien, kuten oikeinkirjoituksen tarkistuksen, määrittämiseen.

Lopuksi sanastot ja yksittäiset sanat voidaan lähettää myös sanakyselyyn. Palautetut tiedot ovat tilanteesta riippuvaisia ​​- joissakin tapauksissa Microsoft voi jopa palauttaa kymmeniä idioomeja ymmärtämisen helpottamiseksi.

08. Näytön ulkopuolinen kangas-sovellusliittymä

Kehittäjät käyttivät kerran tekniikkaa, jota kutsutaan kaksoispuskuriksi, grafiikan renderoimiseksi välkkymättä. Google on ottanut käyttöön jotain vastaavaa - se luo näytön ulkopuolisen ikkunan, jossa grafiikkaa voidaan 'lavastaa' korkealla suorituskyvyllä.

09. NASA

JavaScript-sovellusliittymät: NASA

(Kuvan luotto: Microsoft)

Microsoftin päätös tarjota Windows Phone 7 -käyttäjille satunnaista kuratoitua taustakuvaa ajoi väreilyä läpi teollisuuden. Kun otetaan huomioon, että avaruuskuvat ovat aina suosittuja, miksi et menisi suoraan lähteeseen ja nappaa itsesi muutaman NASAn loputtomasta myymälästä?

10. Hanki löysät tiedot

Slack vakiinnutti itsensä 'modernin projektinhallinnan' työkaluksi. Jos haluat joskus käyttää tällaisen projektin sisältämää tietoa, hanki itsellesi API-tunnus ja hakkeri pois. Kun se tehdään oikein, verkkosovelluksesi voi jopa integroitua Slack-käyttöliittymään.

11. YouTube-sovellusliittymä

JavaScript-sovellusliittymät: YouTube

(Kuvan luotto: Microsoft)

YouTube-kanava on vain yhtä hyvä kuin sen takana oleva analytiikka. Googlen YouTube Data -sovellusliittymä ei ehkä ole erityisen hämärä, mutta tarjoaa muun muassa arvokkaita oivalluksia yleisösi käyttäytymisestä.

12. Maksupyynnön sovellusliittymä

JavaScript-sovellusliittymät: Maksupyyntö-sovellusliittymä

Ensimmäinen JavaScript-sovellusliittymä, jota tarkastelemme, on Maksupyyntö-sovellusliittymä. Kun luot verkkokaupan verkkosivusto , paljon ajatuksia menee kassavirran parantamiseen varmistaaksesi, että kokemus on mahdollisimman tasainen ja kivuton. Maksutietojen antaminen on toistuva prosessi. Jos jokin kenttä on hieman väärä, koko prosessi rikkoutuu ja se on aloitettava uudelleen. Kehittäjän puolella on aikaa vievä prosessi varmistaa, että kullekin maksutavalle on olemassa oikeat tarkistustarkistukset.

Maksupyyntö-sovellusliittymä poistaa tämän osan kassakokemuksesta. Sivu voi pyytää tarvitsemiaan tietoja, ja selain tarjoaa käyttäjälle kentät syötettäväksi.

Käyttäjän on annettava tietonsa vain kerran, ja niitä voidaan käyttää eri verkkosivustoilla ja tapahtumissa. Laitteesta riippuen he voivat käyttää jopa käyttäjätiliin linkitettyjä maksutapoja, kuten Google ja Apple Pay.

const request = new PaymentRequest( [{ supportedMethods: 'basic-card' }], { total: { label: 'Total', amount: { currency: 'GBP', value: 6.5 } } } );

Kohde ottaa muutaman parametrin, jotka kuvaavat suoritettavaa maksua. Ensimmäisessä kerrotaan hyväksytyistä maksutavoista. Nämä voivat olla erityyppisiä maksukortteja, samoin kuin yksityiskohtia integroitaviksi muiden kolmansien osapuolten maksuratkaisujen kanssa. On jopa mahdollista sisällyttää toinen verkkosovellus maksutavaksi käyttämällä maksunkäsittelijän sovellusliittymää.

Toinen on erittely siitä, mitä ostetaan. Tämä voi olla missä tahansa muodossa, joka on järkevää tapahtumalle. Tämä sisältää myös lähetyskustannusvaihtoehdot, jotka voidaan laskea muiden tekijöiden, kuten toimitusosoitteen, perusteella. On myös kolmas valinnainen argumentti, jolla määritetään kaikki kerättävät lisätiedot, kuten sähköpostiosoite tai yhteyshenkilönumero.

13. CSS Layout -sovellusliittymä

JavaScript-sovellusliittymät: CSS Layout -sovellusliittymä

Pääsääntöisesti sinun verkkosivujen asettelu tulisi jättää CSS: n tehtäväksi. JavaScriptiä käytettäessä ulkoasun muutosten käsittely on alhainen suorituskyvylle ja paljon manuaalista ylläpitoa. Mutta mitä tapahtuu, jos sivusto vaatii epätyypillisen asettelun? CSS: n tarjoama perinteinen ruudukkomainen sijoittelu ei välttämättä toimi luovempien suunnitteluideoiden kannalta.

Layout-sovellusliittymän avulla kehittäjät voivat luoda omia layout-moduuleja, aivan kuten nykyiset ruudukko- tai flex-moduulit. Määrittämällä säännöt, joiden pitäisi toimia, API voi sijoittaa kohteita mihin tahansa sen sisältävään elementtiin. Se on toinen Houdini-sovellusliittymä, joka on tehnyt sen selaimille.

Houdini esitteli käsitteen 'työpisteet', jotka toimivat samankaltaisesti kuin verkkotyöntekijät, mutta ovat erikoistuneet yhteen toimintaan. Layout-sovellusliittymä toimii tietyn asettelutyökalun kautta. Nämä rekisteröidään selaimeen, mikä mahdollistaa niiden noutamisen CSS: ään.

class MasonryWorklet { *layout(children, edges, constraints, styleMap) {} } registerLayout('masonry', MasonryWorklet);

Asettelulomakkeessa on yksi menetelmä, jota kutsutaan layout , joka käsittelee elementtien sijoittelua. Se toimii generaattoritoimintona, jonka avulla se voi toimia rinnakkain muun sivun kanssa, jotta kaikki toimii sujuvasti.

Ensimmäinen parametri on viittaus asettelun välittömiin alielementteihin. Kokotiedot ovat saatavana toisesta ja kolmannesta parametrista. Yksi tarjoaa tyylitetyn elementin sijainti- ja mittatiedot, ja toinen määrittelee rajoitukset, joiden sisällä elementin on toimittava. Viimeinen parametri kuvaa muut elementin tyylit, mukaan lukien kaikki mukautetut ominaisuudet, joista se voi olla kiinnostunut.

.el { display: layout(masonry); }

Mukautettua moduulia käytetään käyttämällä tavallista näyttö ominaisuus elementille. Se käyttää layout -toiminto sekä työlehden nimi.

14. Tunnustenhallinnan sovellusliittymä

JavaScript-sovellusliittymät: Credential Management API

Sen sijaan, että heidän tarvitsisi muistaa paljon yksittäisiä kirjautumistietoja, käyttäjät voivat kirjautua sisään selaimeen tallennetuilla tunnistetiedoilla. Tällä tavoin useiden laitteiden käyttäjien yksityiskohdat voidaan seurata ilman sisäänkirjautumista joka kerta.

Vaikka selaimen automaattinen täydennysominaisuus voi vähentää kitkaa itse salasanan syöttämisessä, Credential Management -sovellusliittymä voi kirjautua käyttäjän sisään heti, kun he saapuvat sivulle. Se voi myös kirjautua sisään käyttämällä muita todennusmuotoja, kuten julkista avainta, tai todennustarjoajan, kuten OpenID, kautta.

mitä trompin öljykaari tarkoittaa?

15. CSS Paint -sovellusliittymä

JavaScript-sovellusliittymät: CSS Paint -sovellusliittymä

CSS: ää ja JavaScriptiä pidetään usein erillisinä verkkosivuston osina - ne tulevat aina yhteen vain pienin tavoin, kuten lisäämällä luokan nimi. Kehittäjillä on vain vähän mahdollisuuksia muuttaa tapaa, jolla selain päättää renderoida muun sivun kuin DOM: n päivittäminen suoraan.

Kaikki on muuttunut ensi vuonna, kun uudet määritykset alkavat laskeutua selaimiin. Ne tarjoavat pääsyn renderiputkistoon selaimessa JavaScriptin avulla, jotta kehittäjät voivat hienosäätää selaimen toiminnot tarpeisiinsa.

Houdini-työryhmä koostuu joukosta ihmisiä selain- ja teknologiayrityksistä. Niiden tavoitteena on avata selaimen kaikki renderöintityypit tavalla, joka tekee siitä helposti lähestyttävän kehittäjille. Tämä sisältää asettelut, fontit ja animaatiot.

Ensimmäinen selaimiin jo kohdistuva määritys on CSS Paint -sovellusliittymä (tunnetaan myös nimellä CSS Custom Paint). Tämän sovellusliittymän avulla voit luoda kuvan ohjelmallisesti aina, kun CSS-ominaisuus odottaa sitä. Käytä JavaScriptiä luodaksesi dynaamisia taustoja, reunuksia ja kuvamaskeja ja käytä niitä CSS: ssä ilman kovaa suorituskykyä. Se on oletusarvoisesti käytössä Chrome-vakaa.

class MyPaintWorklet { static get inputProperties() { return []; } paint(ctx, size, properties) { } } registerPaint('my-paint', MyPaintWorklet);

Paint-sovellusliittymä määrittää maalityötaulukon, mitä selaimen tulisi tehdä joka kerta, kun se on päivitettävä näyttö. Jokainen maali voi käyttää uutta versiota laskentataulukosta, mikä tarkoittaa, että kaikki pysyvät tiedot tulisi tallentaa muualle.

maali- takaisinsoittomenetelmä välittää kolme arvoa. Ensimmäinen on konteksti, joka toimii aivan kuten kangas konteksti. Sitä voidaan käyttää samalla tavalla ja sillä on suurin osa samoista ominaisuuksista, mutta koska sitä voidaan kutsua useita kertoja sekunnissa, sen tulisi olla yksinkertainen.

Toinen arvo antaa tietoja maalattavasta elementistä, kuten sen korkeudesta ja leveydestä. Tällä voidaan varmistaa, että lopputulos sopii täydellisesti joka kerta, kun se tottuu.

Lopullinen arvo sisältää kaikki objektin tyylin ominaisuudet. Tämä sisältää kaikki getterissä määritetyt mukautetut syötteen ominaisuudet. Nämä käyttävät kirjoitettua objektimallia - toista uutta Houdini-ominaisuutta, joka helpottaa CSS-arvojen sulattamista JavaScriptissä.

Viimeinen puhelu rekisteröi työkirjan selaimella ja avaa sen CSS-puolelle.

ero wd-passin ja passin ultra välillä
.el { background-image: paint(my-paint); }

CSS: ssä käyttäminen edellyttää yhden rivin toimintoa. Välitetty arvo on tehosteen nimi, joka annettiin laskettaessa työlehteä. Sovellusliittymä ja siihen liittyvä työkirja on saatavana Chromessa ja Operassa, mutta se on edelleen keskeinen painopiste Safarin, Firefoxin ja Samsungin Internet-selaimissa. Vaikka määritys on valmistumassa, odota sen näkevän pian näissä selaimissa.

Myöhemmät spesifikaation iteraatiot tarjoavat mekanismin argumenttien toimittamiseksi CSS-funktiota vastaan, samalla tavalla kuin gradientit määritetään tällä hetkellä. Tämä mahdollistaa helpomman räätälöinnin tarvitsematta käyttää mukautettuja ominaisuuksia. Harkitaan myös muita vaihtoehtoja, kuten alfakanavan määrittäminen kerrostamista varten.

16. Web-animaatioiden sovellusliittymä

JavaScript-sovellusliittymät: Web-animaatioiden sovellusliittymä

JavaScript-animaatiolla on historiallisesti ollut huono rap. Elementtien siirtäminen muuttamalla sijaintiarvoja aiheuttaa paljon uudelleenmaalauksia ja johtaa huonoon suorituskykyyn. CSS-animaatiot ovat parempi valinta, mutta niitä on vaikea käsitellä lennossa.

Web-animaatioiden sovellusliittymä tarjoaa pääsyn samaan animaatiomoottoriin, joka käyttää CSS-puolta.

Const animation = el.animate( [ { transform: 'rotate(0)' }, { transform: 'rotate(360deg)' } ], 1000 );

Jokaisella elementillä on Animoitu menetelmä, joka vie sarjan avainkehyksiä sekä joko asetusobjektin tai keston. Tämä palauttaa animaatio-objektin, joka voidaan sitten päivittää toistamaan, keskeyttämään ja säätämään toistonopeutta.

Houdinin animaatiotehtävät tarjoavat lisäetua. Nämä toimivat samanlaisella syntaksilla kuin API, mutta mahdollistavat tarkemman hallinnan. Niitä voidaan ohjata muilla tuloilla kuin ajalla, kuten vieritys tai kosketusasento. Tämä on vielä kehitteillä - saadaksesi lisätietoja, siirry Chromen kehittäjäblogi .

Itse Web-animaatioiden sovellusliittymän tuki on pieni, mutta kasvaa nopeasti. Ominaisuuden tunnistuksen avulla ne, joilla on tukea sille, voivat tuntea hyödyt heti.

17. Kirjoitettavien tiedostojen sovellusliittymä

JavaScript-sovellusliittymät: Kirjoitettavien tiedostojen sovellusliittymä

Verkkosovellusten pitkän aikavälin tavoitteena on saada ne olemaan samalla tasolla kuin alkuperäiset kollegansa. Jotkut toiminnot ovat kuitenkin edelleen puuttuvat - etenkin paikallisten tiedostojen hallinnassa.

Tiedostojen kirjoittaminen edellyttää tällä hetkellä latauksen luomista ja tallentamista tiettyyn hakemistoon. Iteraatioiden tallentaminen tietylle tiedostolle luo useita kopioita, mikä ei ole aina hyvä kokemus.

Writable Files -sovellusliittymä tarjoaa kehittäjille enemmän joustavuutta ja antaa käyttäjille mahdollisuuden päättää, mihin tiedostot tulisi tallentaa. Tämä avaa oven täysin varustelluille projekteille verkossa, kuten online-koodieditorille tai monimutkaisille grafiikkasovelluksille.

Tämä sovellusliittymä on tällä hetkellä osa Googlen kykyprojekti . Se kerää parhaillaan palautetta mahdollisista ominaisuuksista, ennen kuin se osuu selaimeen alkuperätutkimuksessa. Tietoturvaongelmat ja millaiset tiedostot voidaan kirjoittaa mihin, on silitettävä, ennen kuin sovellusliittymästä voidaan tehdä virallinen.

18. Yleinen anturin sovellusliittymä

Päivittäin kuljettamiemme laitteiden anturit ovat hieno tapa tuottaa lisäetua sovellukselle. Fyysisen ympäristön käyttö, esimerkiksi kiihtyvyysmittarin kanssa, voi lisätä uppoutumista luovaan kokemukseen.

Jos meillä on jo tapahtumia tällaisille asioille, miksi on olemassa uusi sovellusliittymä? Laitteet muuttuvat jatkuvasti ja lisäävät uusia ja monipuolisia antureita. Jotta jokaiselle uudelle anturille ei tarvitse luoda uusia sovellusliittymiä, Generic Sensor -sovellusliittymä luo yksinkertaistetun käyttöliittymän kaikille.

Vaikka sovellusliittymää kehitetään edelleen, Chrome ja Firefox molemmat sisällyttävät sen lippujen taakse pelaamiseen. Muilla selaimilla sitä harkitaan tulevaisuudessa.

19. Paint Timing -sovellusliittymä

JavaScript-sovellusliittymät: Paint Timing API

Suorituskyky on suuri painopiste tänä vuonna. Tiedostokokojen pienentäminen voi auttaa, mutta suorituskyvyssä on enemmän kuin mitä selaimeen ladataan. Selain maalaa sisällön näytölle aina, kun jokin muuttuu. Kunnes tämä ensimmäinen maali tapahtuu, käyttäjät jäävät tuijottamaan tyhjää näyttöä. Kun se ripustetaan muihin yksityiskohtiin, kuten resurssien lataamiseen tai JavaScriptin käsittelyyn, aika ensimmäiseen maaliin voi kestää kauemmin.

Paint Timing -sovellusliittymä pitää yksityiskohtaista tietoa kahdesta tapahtumasta - ensimmäisestä maalista ja ensimmäisestä 'sisällöllisestä' maalista, joka viittaa muuhun kuin pelkään muotoiluun, kuten tekstiin tai kuvaan.

PerformanceObserver käyttöliittymä kuvaa mitä tehdä, kun nämä tapahtumat tapahtuvat. Tätä voidaan sitten käyttää tietojen lähettämiseen palvelimelle analysointia varten myöhemmin.

kuinka piirtää 3d-hevonen

Tällä hetkellä tämä on saatavilla vain Chromessa ja Operassa, mutta muut selaimet, kuten Edge ja Safari, ovat molemmat osoittaneet kiinnostusta ja mahdollisesti sisällyttävät sen tulevaisuudessa.

20. Web Speech -sovellusliittymä

Tämä sovellusliittymä koostuu kahdesta osasta - synteesistä ja tunnistamisesta. Puhesynteesi ottaa siihen toimitetun tekstin ja lukee sen käyttäjän valitsemalla äänellä. Puhesynteesi object tarjoaa pääsyn kaikkiin eri vaihtoehtoihin, mukaan lukien mitä sen pitäisi sanoa. Tunnistamiseen kuuluu mikrofonitulon ottaminen ja sanojen ymmärtäminen. Puheentunnistus esinettä käytetään puheen havaitsemiseen, mikä laukaisee 'tuloksen' käyttäjän mielestä käyttäjän sanoilla ja luottavaisuudella.

API: n synteesipuolta tuetaan kaikissa tärkeimmissä selaimissa. Puheentunnistustuki on tällä hetkellä rajoitettu Chromeen etuliitteellä tai Firefoxiin, jossa lippu on käytössä.

Käydään keskusteluja tunnistuspuolen laajentamisesta muihin tuloihin, mukaan lukien WebRTC, jotta videoneuvottelut voidaan lähettää reaaliaikaisesti. Vaikka nämä ovat vielä alkuvaiheessa, se voi auttaa tekemään verkkoseminaareista ja online-esityksistä helpommin saatavissa olevia ja helpommin viittaavia tulevaisuudessa.

21. Risteysvalvoja

Tätä JavaScript-sovellusliittymää voidaan käyttää ymmärtämään DOM-elementtien (tunnetaan nimellä 'kohteet) näkyvyys ja sijainti suhteessa sisältävään elementtiin (' root '). Käytä sitä soittamaan takaisinsoitto aina, kun elementti tulee tietylle alueelle ja poistuu siitä. Tämä sovellusliittymä on paras laiska lataamiseen tai äärettömiin vieritysefekteihin.

22. Raportoiva tarkkailija

Osa Reporting API: sta Reporting Observers tarkkailee tietyntyyppisiä raportteja JavaScriptistä. Käytä niitä ilmoitusten saamiseen, kun selaimen on puututtava asiaan - esimerkiksi jos sen on tarjottava varavara hitaasti latautuvalle fontille.

23. Näytön ulkopuolinen kangas

Piirustus a on kallis tehtävä selaimelle. Tämän uuden sovellusliittymän avulla voit tehdä grafiikan pois pääkehyksestä osumatta DOM: iin.

24. API: n kansainvälistyminen

Nimitila tunnetaan Intl , ECMAScript Internationalization API tarjoaa kieliherkän merkkijonojen vertailun, numeroiden muotoilun sekä päivämäärän ja kellonajan muotoilun. Käytä sitä välttääksesi raskaiden kirjastojen lähettämistä ja näyttämästä päivämääriä, numeroita ja merkkijonoja muodossa, joka on järkevää käyttäjän sijainnissa.

25. GraphQL

Vaikka tämä ei ole sovellusliittymä tiukimmassa merkityksessä, GraphQL on asia, joka ansaitsee aina maininnan API-keskusteluissa.

Menetelmä hulluuteen liittyy kyselyihin, jotka suoritetaan objektivarastoa sisältäviä palvelimia vastaan. Sen sijaan, että pakotettaisiin kehittäjiä luomaan käyttöliittymä jokaiselle elementille, perustetaan 'yleinen' kyselykieli. API: n kehittäjän on sitten annettava standardoitu kuvaus kohteista, jotka sisältyvät:

type Query { me: User } type User { id: ID name: String }

Käynnistä seuraavassa vaiheessa yksi tai useampi kysely näitä virallisia kuvauksia vastaan. Esimerkki (kuvitteellisesta) ihmistietokannasta näyttää tältä:

{ human(id: '1000') { name height } }

GraphQL-yhteensopivat palvelimet reagoivat palauttamalla halutut kentät sisältävän JSON-objektin. Tilarajoitusten vuoksi emme voi käsitellä tätä aihetta tarkemmin - tämä opetusohjelma tarjoaa kuitenkin mielenkiintoisen yleiskatsauksen.

Tämä on muokattu versio artikkeleista, jotka ilmestyivät alun perin Nettisivujen suunnittelija aikakauslehti.

Lue lisää: