Ábhar
- 01. Tá sé in am crochadh amach
- 02. $ (‘solas’). FadeIn ();
- 03. Déantar do lámha don bhrabhsálaí
- 04. Cluichí 3D rialaithe le do gamepad
- 05. Flash a rith ar do iPad
- 06. Aipeanna a scríobh do d’fhón cliste
- 07. Ruby agus Python a rith i do bhrabhsálaí
- 08. Cláir deisce neamhspleácha OS a scríobh
- 09. Láithreán gréasáin a rith
- 10. Scáileán Gréasáin agus screenshotting
- Fan! Tá níos mó ...
Tá JavaScript imithe i bhfad ó rugadh é i 1995. Bealach crua cinnte, lán le míthuiscint, mí-úsáid agus aineolas. Ach tá cúrsaí athraithe, le cúig bliana anuas tá aird níos mó agus níos mó á tabhairt ar JavaScript. Le níos mó airde, tá níos mó forbróirí ag úsáid JavaScript i ndáiríre, á úsáid chun go leor críocha éagsúla agus ag baint taitneamh as a áilleacht. Scéal clasaiceach "Ugly Duckling", má chuireann tú ceist orm.
San alt seo a leanas, gheobhaidh muid amach 10 gcás úsáide le haghaidh JavaScript atá difriúil leis na cásanna coitianta “sa bhrabhsálaí”, a raibh tú cleachtaithe leo.
01. Tá sé in am crochadh amach
An cuimhin leat fís na 80í maidir le cumarsáid físe cosúil le Facetime?
Níor ghlac sé ach 20 bliain sula ndeachaigh sé seo chun príomhshrutha mar gheall ar an idirlíon leathanbhanda atá ar fáil beagnach i ngach áit agus an úsáid throm a bhaintear as bogearraí beaga darb ainm Skype.
Le cumais Adobe’s Flash agus iarracht Google líonra sóisialta a thógáil, tá cumais na cumarsáide físe inár mbrabhsálaí cheana féin. Nach mbeadh sé gleoite na cumais sin a bheith agat gan breiseán tríú páirtí mar Flash a úsáid?
Ar ámharaí an tsaoil, cheap díoltóirí an bhrabhsálaí an rud céanna agus chuir siad an API “getUserMedia” i bhfeidhm ina mbogearraí. Ba é seo an chéad chéim chun rochtain a fháil ar ghléasanna cosúil le ceamaraí nó micreafóin go díreach ó do bhrabhsálaí.
Agus Node.js á n-úsáid mar fhreastalaí i gcúl feidhmchláir den sórt sin, is iontach an rud é an comhartha físe a iompar thar an aer chuig cliant amháin nó níos mó. Go mí-ámharach, faoin am seo a scríobh, níl ach Chrome agus Opera ag tacú leis an API, ach beidh daoine eile ag teacht suas go gasta.
Is é an cur chuige níos glaine le haghaidh cumarsáide dhá bhealach ná Chrome amháin i láthair na huaire, ar a dtugtar WebRTC. Mar gheall ar WebRTC, cuirtear ar chumas cliaint bealaí cumarsáide piara go piaraí a oscailt, ag nascadh an cliant go díreach leis an gcliant.
Ar mhaithe le spraoi, féach ar chur i bhfeidhm Botha Grianghraf Sindre Sorhus ’déanta i 121 beart!
var video = document.getElementsByTagName (‘video’) [0],
navigator.getUserMedia (‘físeán’, successCallback, errorCallback);
feidhm successCallback (sruth) {
video.src = sruth;
}
error errorCallback (error) {
console.log (earráid);
}
02. $ (‘solas’). FadeIn ();
Is sampla grád A é an t-ardán micrea-rialaitheoir Arduino do chás úsáide JavaScript “lasmuigh den bhosca”. Dóibh siúd agaibh, nach bhfuil cur amach acu ar ardán Arduino, seo luachan iontach cáiliúil óna shuíomh Gréasáin:
"Is ardán fréamhshamhlú leictreonaice foinse oscailte é Arduino atá bunaithe ar chrua-earraí agus bogearraí solúbtha, éasca le húsáid. Tá sé beartaithe d’ealaíontóirí, dearthóirí, caitheamh aimsire, agus d’aon duine ar spéis leo rudaí nó timpeallachtaí idirghníomhacha a chruthú."
Ní thacaíonn an Arduino féin ach le cód atá scríofa i C, rud nach bhfuil mórán fós ann. Le cúpla líne de C (seachas go ndearna daoine eile an obair seo ar do shon), is féidir leis an Arduino orduithe a fháil trína phort USB tríd an bprótacal sraitheach calafoirt.
Ach conas is féidir leat rochtain a fháil ar an bport sraitheach trí JavaScript? Is léir nach ón mbrabhsálaí.
Node.js chun an tarrthála!
Mar gheall ar iarrachtaí an abhcóide pobail Chris Williams, tá leabharlann sraitheach calafoirt nód againn, áit ar féidir linn sonraí a sheoladh thar an seanphrótacal SP. Ba é seo an dul chun cinn tosaigh, bunaithe ar an leabharlann a cheap daoine eile cur chuige níos teibí maidir le cumais Arduino. Mar shampla na leabharlanna nód-arduino agus duino.
Is í an leabharlann is teo agus is fuaire timpeall an bhloc do chláir Arduino faoi thiomáint JS anois ná jonny-five. Amharc ar bhlag Bocoup le haghaidh roinnt cac te atá déanta acu leis an ardán Arduino agus neart breiseán. Chomh maith leis sin d’fhéadfadh an físeán JSConf ó Nicolai Onken agus Jörn Zaefferer casadh a thabhairt duit ar a bhfuil indéanta inniu gan mórán cód.
03. Déantar do lámha don bhrabhsálaí
Tagann fís an Tuarascáil do Mionlaigh sa todhchaí (an ceann ina rialaíonn siad ríomhairí lena lámha, ní na gluaisteáin ghránna) níos gaire gach lá. Céim mhór sa treo seo ba lú an iarracht a rinne rialtóir Microsoft, Kinect, ar Microsoft. Cluicheplay iontach a cheapfá, ach cén bhaint atá aige seo le JavaScript?!
Le scaoileadh Microsoft’s Kinect SDK, thrasnaigh dornán daoine an droichead in úsáid brabhsálaí don Kinect. Ar an gcéad dul síos na guys de ChildNodes a bhfuil leabharlann iomlán kinect.js oibre tógtha acu, a chuireann ar chumas Microsoft’s Kinect a úsáid i do bhrabhsálaí.
Molaim go mór a gcuid taispeántas agus físeáin a sheiceáil, is soinneáin é. Míbhuntáiste mór amháin den leabharlann kinect.js, áfach, is ea go gcaithfidh clár freastalaí WebSocket a bheith ar siúl i gcúl an chliaint (sin é an gliú Kinect -> C # -> JS i ndáiríre).
Tá cúpla mac léinn a bhfuil cáil MIT orthu ag obair ar réiteach chun an balla seo, ar a dtugtar DepthJS, a chuimilt.
breiseán i mbrabhsálaí a chumasaíonn úsáid Kinect do Chrome agus Safari, fiú amháin i gcás suíomhanna nach bhfuil optamaithe le haghaidh úsáide bunaithe ar Kinect i bhfoirm ar bith. Tá DepthJS i gcéim luathfhorbartha faoi láthair, ach is cinnte gur fiú súil a choinneáil air.
04. Cluichí 3D rialaithe le do gamepad
An ndearna tú iarracht riamh cluiche brabhsálaí neamh-Flash a imirt inniu? Tá na cumais ghrafacha iontach, go háirithe nuair a fheiceann tú Cluain Eois cluiche mar Quake.
Ach nuair a bhíonn tú ag imirt an stuif seo bíonn tú ceangailte i gcónaí le do mhéarchlár agus leis an luch clunky (den chuid is mó). Is míbhuntáiste mór é seo, go háirithe i gcás cluichí gníomhaíochta, coimeádann sé siar iad ón mbrabhsálaí i ndáiríre.
Nach mbeadh sé gleoite dá bhféadfá do rialtóir Xbox a phlugáil isteach i do ríomhaire agus tosú ag imirt an chluiche brabhsálaí is fearr leat? Ní fís don todhchaí í seo níos mó, abair hello leis an Gamepad API!
Má tá gamepad agat timpeall do dheasc, breiseán isteach anois é agus bain taitneamh as roinnt cluichí, atá ag baint úsáide as an API Gamepad cheana féin. Is píosa cáca é na rialuithe ionchuir a chlárú freisin, féach ar an gcipín cód seo nó níos fearr fós, rith leat féin é:
div id = "gamepads"> / div>
script>
feidhm gamepadConnected (imeacht) {
var gamepads = document.getElementById ("gamepads"),
gamepadId = event.gamepad.id;
gamepads.innerHTML + = "Gamepad Ceangailte (id =" + gamepadId + ")";
}
window.addEventListener ("MozGamepadConnected", gamepadConnected, bréagach);
/ script>
Más mian leat tuilleadh a fháil amach faoi chumais 3D brabhsálaithe, féach ar Ascent inneall insamhlóir 3D foinse oscailte Three.js agus Jens Arps ’tógtha ar a bharr. Bí ag faire amach do Mark Hammil, b’fhéidir go mbeidh seicheamh eile de Cheannasaí Sciatháin uait!
05. Flash a rith ar do iPad
Mar leannán caighdeáin oscailte agus mar bhuachaill Apple caithfidh mé a admháil gur mhaith liom buíochas a ghabháil le Apple as gan Flash a chur ar an iPad agus iPod, chuir sé seo tús le gluaiseacht chun glacadh le teicneolaíochtaí oscailte mar HTML5, CSS3 agus JavaScript.
Mar fhostaí gníomhaireachta, caithfidh mé a rá gur droch-staid í seo dár gcustaiméirí.
Caithfidh an chuid is mó acu íoc faoi dhó as fógra nó feachtas simplí atá á sheoladh acu chun ábhar idirghníomhach a bheith ar siúl i sean IE7 nó IE8 trí Flash agus ar bhrabhsálaithe nua-aimseartha chomh maith le iDevices trí HTML5.
Tá a theorainneacha ag polarú na ngnéithe sean-bhrabhsálaithe, feidhmíocht ainmnithe den chuid is mó. Mar sin nach bhfuil sé ar a chumas Flash a reáchtáil ar na iDevices Flashless sin?
Ar ndóigh tá ceann ann, agus ar ndóigh tá sé tógtha i JavaScript.
Píosa staire: Sa bhliain 2010 d’eisigh Tobias Schneider leabharlann bheag darb ainm Gordon
a thug deis do chomhaid SWF rith go díreach sa bhrabhsálaí. D'oibrigh sé seo go maith i gcás comhaid bheaga Flash cosúil le fógraí nár úsáid ach feidhmiúlachtaí suas go leagan 2 de Flash, ach níor áiríodh feidhmiúlacht ardleibhéil ar chor ar bith.
Nuair a chuaigh Tobias isteach sa chuideachta ueberJS UXEBU, tháinig smaoineamh nua orthu.
Agus mar sin, rugadh Bikeshed. Is cineál de chreat beochana JavaScript é Bikeshed féin, ach is JavaScript go Flash é freisin do gach rud a theastaíonn uait a thiomsú (tá sé bunaithe ar oiriúntóir, ionas gur féidir leat oiriúnaitheoirí a scríobh d’aon rud a theastaíonn uait, cé go bhfuil an t-iompar caighdeánach ag tiomsú Flash go JavaScript) . Tá sé comhoiriúnach le Flash 10 agus ActionScript 3. Féach ar a leathanach gréasáin chun níos mó a fhoghlaim faoina neart gnéithe seachas an tiomsaitheoir.
06. Aipeanna a scríobh do d’fhón cliste
Is bóthar creagach é feidhmchláir dhúchasacha a scríobh do thimpeallachtaí fón póca. Tosaíonn sé leis an gcinneadh cén t-ardán ar mhaith leat tacú leis. Dá rithfeadh d’iarratas ar iPhone agus iPad, gléas soghluaiste faoi thiomáint Android, Windows Mobile, gairis Blackberry, pla bunaithe ar webOS ... agus mar sin de.
Tá a APIanna féin ag gach ceann de na hardáin seo agus úsáideann siad teangacha cláir éagsúla den chuid is mó.
Má tháinig tú slán ó chogaí an bhrabhsálaí, lig dom a rá leat gur bealach níos deacra é seo chun dul isteach. Tá sé beagnach dodhéanta d’fhorbróir feidhmchlár a thógáil do na hardáin sin go léir in am agus i mbuiséad.
Mar sin, cad atá le déanamh? Níos mó forbróirí a fhostú? Níos mó a ghearradh ar aipeanna? Nó faigh cur chuige níos fearr chun a chinntiú go ritheann bonn do chód ar gach feiste? Mar an duine is mó agaibh, b’fhearr liom an cur chuige deireanach.
Ach cad ba cheart na feidhmchláir seo a thógáil? Céard atá i gcoiteann ag na hardáin seo go léir? B’fhéidir go mbeadh an freagra ar eolas agat, brabhsálaí gréasáin atá ann agus inneall JavaScript dá bhrí sin.
Sin an smaoineamh atá taobh thiar de Apache Cordova, mar is fearr aithne air faoina sean-ainm PhoneGap.
Is creat JavaScript é Cordova a tharraingíonn APIanna gach timpeallacht soghluaiste agus a nochtann API JavaScript néata chun iad go léir a rialú. Ligeann sé seo duit bonn cód amháin a choinneáil, a thógann tú agus a úsáideann tú ansin ar ghléasanna soghluaiste éagsúla.
Amharc ar na hacmhainní anseo chun a fháil amach conas Cordova a úsáid chun aipeanna soghluaiste kick ass a thógáil a thógann tú uair amháin agus a rithfidh i ngach áit.
07. Ruby agus Python a rith i do bhrabhsálaí
Fostaíonn Mozilla, an chuideachta atá taobh thiar den bhrabhsálaí cáiliúil Firefox, a lán geeks, tá sin cinnte. Ceann de na daoine is ea Alon Zakai, innealtóir ag Foireann Taighde Mozilla, a thóg uirlis freaky darb ainm Emscripten.
Ligeann Emscripten duit bitcode LLVM a thógáil - is féidir a ghiniúint ó leabharlanna bunaithe ar C / C ++, go JavaScript. Déanann sé é seo trí na leabharlanna a thiomsú i gcód giotán agus ansin, an cód giotán sin a thógáil agus é a athrú go JavaScript. Neat, ach cad is féidir liom a dhéanamh leis seo i ndáiríre, d'fhéadfá a iarraidh ort féin?
Tá frithcheist agam duit: ar chuala tú riamh an abairt "Is é Ag baint úsáide as CoffeeScript agus Fréamhshamhail an ceann is gaire is féidir leat a fháil chun Ruby a rith sa bhrabhsálaí"? Níl? Ná bíodh imní ort, mar níl sé sin fíor níos mó.
Le Emscripten is féidir leat na foinsí Ruby a thógáil, iad a athrú go JavaScript agus voilà, an Ruby fíor a bheith ag rith i do bhrabhsálaí! Ach ní bhaineann sé seo le Ruby amháin, mar shampla, scríobhadh Python mar shampla.
Nó féach ar an díchódóir h.264 sa bhrabhsálaí Broadway. Is leabharlann ríomh-scríofa C ++ í sin i ndáiríre!
Téigh chuig repl.it chun cúpla teanga cláir (Ruby agus Python san áireamh) a fheiceáil ag rith i do bhrabhsálaí!
08. Cláir deisce neamhspleácha OS a scríobh
Labhraíomar faoi dhíriú ar ardáin soghluaiste iomadúla le cabhair ó Apache Cordova roimhe seo. Ní nach ionadh, ní amháin gur féidir JavaScript a úsáid chun díriú ar ardáin soghluaiste, is féidir dul i ngleic lenár seanchara leis an ríomhaire deisce freisin.
Tháinig na chéad réitigh ó bhuachaillí Appcelerator leis an Suite Deisce Tíotáiniam agus ó Adobe an t-ardán Aeir a úsáidtear go forleathan.
Ach mar is breá leis na foinse oscailte go bhfuilimid uile, teicneolaíocht atá níos oscailte agus bunaithe ar Node.js atá á lorg againn. Téigh in aithne ar app.js! Is éard atá i app.js ná tógálaí clár deisce oscailte bunaithe ar theicneolaíocht agus Node.js, a ligeann dúinn fíorchláir deisce a scríobh le rochtain ar chórais chomhad, rialuithe fuinneoige agus níos mó. Is féidir linn a bheith ag brath ar APIs tras-ardán cobhsaí Nód agus ár UI softwares a thógáil le HTML agus CSS. Díreach cosúil leis na rudaí nua is teo ar an liosta seo anseo.
Is tionscadal an-óg é app.js agus dá bhrí sin ní thacaíonn sé ach le Windows agus Linux faoin am seo, ach de réir an liosta seoltaí, tá tacaíocht Mac ar a bhealach.
09. Láithreán gréasáin a rith
Sa lá atá inniu ann, ní chuireann tú iontas ar dhuine ar bith nuair a insíonn tú dó go bhfuil suíomh Gréasáin bunaithe ar JavaScript ag freastal ar do shuíomh Gréasáin. Má smaoiníonn tú siar dhá nó trí bliana ó shin, agus má d’inis tú d’fhorbróirí gréasáin díreach mar an gcéanna, is dócha go mbeidh siad ag magadh fút nó níos measa fós.
Ach le rath dochreidte Node.js tá an t-ádh air i bhfad ó anois. Ní amháin nach gcuireann sé iontas ar dhaoine níos mó, mar gheall ar a nádúr asincrónach tá Node.js ina wunderkind i bhfeidhmíocht, go háirithe nuair a bhaineann sé le fadhb a lán nasc comhthreomhar a sheasamh. Ní amháin gur pléasc é a fheidhmíocht, meallann an API fíor-simplí a lán forbróirí, freisin. Déanaimis seiceáil ar an sampla "Hello World" ó shaol an nód, ní hamháin gur cló "Hello World" é ar an sampla scáileáin, is webserver http é freisin!
var http = a cheangal (‘http’);
http.createServer (feidhm (req, res) {
res.writeHead (200, {‘Cineál Ábhar’: ‘téacs / plain’});
res.end (‘Dia duit an Domhan n’);
}). éist (1337, ’127.0.0.1’);
Mura gcuireann an tsimplíocht seo as duit, bhuel, ní féidir liom cabhrú leat ach an oiread.
Ceann de na codanna is fearr den tóir (nó hype) nód, ná go bhfuil cuideachtaí móra mar Microsoft ag tacú leis i ndáiríre, ie ina gcuid Seirbhísí Azure Cloud!
10. Scáileán Gréasáin agus screenshotting
Mar sin, go deireanach ach ní a laghad, déanaimis féachaint ar thionscadal is breá liom go pearsanta as ligean dom mo thástálacha QUnit a reáchtáil gan cheann ar an líne ordaithe. Is brabhsálaí gan cheann bunaithe ar WebKit é PhantomJS le API néata bunaithe ar JavaScript (nó CoffeScript).
Ach ní hé do JavaScript agus DOM a thástáil an t-aon chás úsáide do Phantom. Rud a thaitníonn go mór liom ná a chumais chun láithreáin ghréasáin a scrabhadh agus ligean duit scáileáin scáileáin a thógáil de!
Sea, tá tú ag léamh i gceart, le Phantom is féidir leat leathanaigh ghréasáin a aschur i bhformáidí grafacha éagsúla agus, ar ndóigh, tá sé chomh furasta milseáin a ghoid ó leanbh.
Breathnaímid ar script a dhéanann é seo go díreach:
var page = WebPage nua ();
page.open (’http://google.com’, feidhm (stádas) {
leathanach.render (‘google.png’);
phantom.exit ();
});
Sin uile a theastaíonn uait chun pictiúr a dhéanamh agus toisc go bhfuil sé bunaithe ar JavaScript, d’fhéadfá jQuery a úsáid agus ábhar an leathanaigh a ionramháil sula ndéantar é a scagadh!
Fan! Tá níos mó ...
Mar sin, tá súil agam go bhfuil an oiread iontais ort agus a bhí mé, nuair a fuair mé amach gach ceann de na huirlisí seo. Ní dhearna an t-alt seo ach dromchla an méid is féidir a scríobadh le JavaScript sa lá atá inniu ann. Tá i bhfad níos mó cosúil le IDEanna atá scríofa go hiomlán i JS Cloud9 nó rudaí ardshlándála déanta leis (Rinneadh do Chárta Creidmheasa le JavaScript).
Tá súil agam go mbraitheann tú spreagtha, go dtógfaidh tú roinnt ama agus spraoi timpeall le cuid de na tionscadail a luaitear anseo, nó níos fearr fós cuid de na huirlisí seo a thógáil agus rudaí nua a thógáil timpeall orthu. Tá an chuid is mó de seo anseo foinse oscailte agus tá forbróirí amuigh ansin, ag lorg tú chun cabhrú leo a gcuid oibre a fheabhsú, fiú mura bhfuil ann ach na huirlisí a úsáid, fabhtanna a fhionnadh agus iad a thuairisciú.
