Thart ar 15 bliain ó shin, bhí mé ag obair i gcuideachta inar thógamar aipeanna do ghníomhairí taistil, oibrithe aerfoirt, agus cuideachtaí aerlínte. Thógamar freisin ár gcreat intí féin le haghaidh comhpháirteanna Chomhéadain agus cumais aipeanna aon leathanaigh. Bhí comhpháirteanna againn do gach rud: réimsí, cnaipí, cluaisíní, raonta, táblaí sonraí, biachláir, roghnóirí dáta, roghnóirí agus ilroghanna. Bhí comhpháirt div againn fiú. Bhí ár gcomhpháirt div iontach dála an scéil, thug sé deis dúinn coirnéil chothromaithe a dhéanamh ar gach brabhsálaí, rud nach raibh, creid é nó ná creid, rud éasca le déanamh ag an am.

Tharla ár gcuid oibre ag pointe inár stair nuair a chonacthas JS, Ajax, agus HTML dinimiciúil mar réabhlóid a thug isteach sa todhchaí sinn. Go tobann, d'fhéadfaimis leathanach a nuashonrú go dinimiciúil, sonraí a fháil ó fhreastalaí, agus a sheachaint go mbeadh orainn nascleanúint a dhéanamh chuig leathanaigh eile, rud a measadh a bheith mall agus a chumhdaigh dronuilleog mór bán ar an scáileán idir an dá leathanach. Bhí frása ann, a raibh tóir ag Jeff Atwood (bunaitheoir StackOverflow air), a léigh: “Scríobhfar i JavaScript ar deireadh aon iarratas is féidir a scríobh i JavaScript.” - Jeff Atwood

Dúinn ag an am, bhraith sé seo mar leomh dul i ndáiríre agus na haipeanna sin a chruthú. Mhothaigh sé mar cheadú iomlán gach rud a dhéanamh le JS. Mar sin rinneamar gach rud le JS, agus níor thógamar an t-am i ndáiríre le taighde a dhéanamh ar bhealaí eile chun rudaí a dhéanamh. Níor bhraitheamar i ndáiríre an dreasacht chun foghlaim i gceart cad a d’fhéadfadh HTML agus CSS a dhéanamh. Níor bhraitheamar i ndáiríre an gréasán mar ardán aipe a bhí ag teacht chun cinn ina iomláine. Chonaic muid é den chuid is mó mar rud a theastaigh uainn oibriú timpeall, go háirithe nuair a bhain sé le tacaíocht brabhsálaí. D'fhéadfaimis níos mó JS a chaitheamh air chun rudaí a chur i gcrích. An gcabhródh an t-am le tuilleadh a fhoghlaim faoin gcaoi ar oibrigh an gréasán agus cad a bhí ar fáil ar an ardán? Cinnte, is dócha go bhféadfainn braon cód nach raibh ag teastáil go fírinneach a bheith bearrtha agam. Ach, ag an am, b'fhéidir nach bhfuil an oiread sin. Feiceann tú, bhí difríochtaí brabhsálaí suntasach go leor ag an am sin. Ba é seo an t-am nuair a bhí Internet Explorer fós ar an mbrabhsálaí ceannasach, le Firefox mar an dara gar, ach ag tosú ag cailleadh sciar den mhargadh mar gheall ar Chrome a bheith ag éirí níos coitianta. Cé go raibh Chrome agus Firefox sách maith ag aontú ar chaighdeáin ghréasáin, chiallaigh na timpeallachtaí ina raibh ár gcuid apps ag rith go raibh orainn tacú le IE6 ar feadh i bhfad. Fiú nuair a ceadaíodh dúinn tacú le IE8, bhí orainn fós déileáil le go leor difríochtaí idir brabhsálaithe. Ní hamháin sin, ach ní raibh an oiread sin cumais curtha isteach san ardán ar ghréasán an ama.

Go tapa ar aghaidh go dtí an lá inniu. Tá rudaí athraithe go mór. Ní hamháin go bhfuil níos mó de na cumais seo againn ná riamh, ach tá méadú tagtha freisin ar an ráta a chuirtear ar fáil iad. Lig dom an cheist a chur arís, mar sin: An gcabhródh an t-am le tuilleadh a fhoghlaim faoi conas a oibríonn an gréasán agus a bhfuil ar fáil ar an ardán leat inniu? Cinnte tá. Má fhoghlaimíonn tú conas an t-ardán gréasáin a thuiscint agus a úsáid sa lá atá inniu ann beidh buntáiste ollmhór agat thar fhorbróirí eile. Cibé an bhfuil tú ag obair ar fheidhmíocht, inrochtaineacht, freagrúlacht, iad go léir le chéile, nó díreach ag seoladh gnéithe Chomhéadain, más mian leat é a dhéanamh mar innealtóir freagrach, a fhios agam na huirlisí atá ar fáil duit cabhraíonn sé leat a bhaint amach do spriocanna níos tapúla agus níos fearr. Roinnt Rudaí B'fhéidir nach mbeadh Leabharlann de Dhíth ort A Dhéanamh Níos Mó Agus fios a bheith agat cad a thacaíonn brabhsálaithe inniu, is í an cheist, mar sin, ná: Cad is féidir linn a fhágáil? An bhfuil comhpháirt div de dhíth orainn chun coirnéil chothromaithe a dhéanamh in 2025? Ar ndóigh, ní dhéanaimid. Tá an mhaoin ga teorann ag gach brabhsálaí a úsáidtear faoi láthair le breis agus 15 bliana ag an bpointe seo. Agus tá cruth cúinne ag teacht go luath freisin, le haghaidh coirnéil fiú níos fancier. Breathnaímis ar ghnéithe réasúnta nua atá ar fáil anois i ngach mórbhrabhsálaí, agus is féidir leat a úsáid chun spleáchais atá ann cheana féin i do bhunachar cód a athsholáthar. Ní hé an pointe ná do leabharlanna ionúin go léir a dhíog láithreach agus do bhunachar cód a athscríobh. Maidir le gach rud eile, beidh ort tacaíocht brabhsálaí a chur san áireamh ar dtús agus cinneadh a dhéanamh bunaithe ar fhachtóirí eile a bhaineann go sonrach le do thionscadal. Cuirtear na gnéithe seo a leanas i bhfeidhm sna trí phríomh-inneall brabhsálaí (Cróimiam, WebKit, agus Gecko), ach d'fhéadfadh go mbeadh riachtanais éagsúla tacaíochta brabhsálaí agat a chuireann cosc ​​ort iad a úsáid ar an bpointe boise. Is tráth maith é anois le foghlaim faoi na gnéithe seo, áfach, agus b’fhéidir pleanáil chun iad a úsáid ag am éigin. Popovers Agus Dialogs Is féidir leis an Popover API, an eilimint HTML

, agus an eilimint bhréige :: chúlra cabhrú leat fáil réidh le spleáchais ar aníos aníos,leid uirlisí, agus leabharlanna dialóige, mar Chomhéadain ar Snámh, Tippy.js, Tether, nó React Tooltip. Láimhseálann siad inrochtaineacht agus bainistíocht fócas duit, lasmuigh den bhosca, is féidir iad a shaincheapadh go mór trí CSS a úsáid, agus is féidir iad a bheochan go héasca. Accordions Cuireann an eilimint
, an t-ainm a tréith d’eilimintí comheisiatach, agus an eilimint bhréagach ::details-content deireadh leis an ngá atá le comhpháirteanna bosca ceoil mar an Bootstrap Accordion nó an chomhpháirt React Accordion. Má úsáideann tú an t-ardán anseo beidh sé níos éasca do dhaoine a bhfuil eolas acu ar HTML/CSS do chód a thuiscint gan a bheith ag foghlaim conas leabharlann ar leith a úsáid ar dtús. Ciallaíonn sé freisin go bhfuil tú saor ó athruithe sa leabharlann nó scor den leabharlann sin. Agus, ar ndóigh, ciallaíonn sé níos lú cód a íoslódáil agus a rith. Níl gá le JS le heilimintí sonraí comheisiatach a oscailt, a dhúnadh nó a bheochan. Comhréir CSS Cuidíonn sraitheanna cascáideacha, le haghaidh bunachar cód CSS níos eagraithe, neadú CSS, CSS níos dlúithe, feidhmeanna datha nua, dathanna coibhneasta, agus meascán dathanna, feidhmeanna Matamaitice nua cosúil le ABS(), sign(), pow() agus eile le spleáchais ar réamhphróiseálaithe CSS, leabharlanna fóntais mar Bootstrap agus Tailwind, nó fiú leabharlanna CSS-in-JS am rite a laghdú. Cuireann an changer cluiche :has(), ceann de na gnéithe is mó a iarrtar le fada an lá, deireadh leis an ngá atá le réitigh níos casta bunaithe ar JS. Fóntais JS Is féidir le modhanna Eagar nua-aimseartha cosúil le findLast(), nó ag(), chomh maith le modhanna Set like difference(), intersection(), union() agus cinn eile spleáchais ar leabharlanna mar Lodash a laghdú. Ceisteanna Coimeádán Mar gheall ar cheisteanna coimeádáin freagraíonn comhpháirteanna Chomhéadain do rudaí seachas méid an amhairc, agus mar sin is féidir iad a ath-inúsáidte i gcomhthéacsanna éagsúla. Ní gá leabharlann Chomhéadain JS-trom a úsáid chuige seo a thuilleadh, agus ní gá polyfill a úsáid ach an oiread. Leagan Amach Tá greille, subgrid, flexbox, nó ilcholún thart le fada an lá anois, ach ag féachaint ar thorthaí na suirbhéanna ar Staid CSS, is léir go mbíonn claonadh ag forbróirí a bheith an-aireach maidir le rudaí nua a ghlacadh, agus fanacht ar feadh i bhfad sula ndéanann siad. Tá na gnéithe seo mar Bhunlíne le fada an lá agus d’fhéadfá iad a úsáid chun fáil réidh le spleáchais ar rudaí cosúil le córas eangaí Bootstrap, fóntais bosca flex an Fhorais, greille seasta Bulma, greille Materialize, nó colúin Tailwind. Níl mé ag rá gur cheart duit do chreat a scaoileadh. Ghlac d'fhoireann leis ar chúis, agus d'fhéadfadh gur tionscadal mór é a bhaint. Ach má fhéachtar ar an méid is féidir leis an ardán gréasáin a thairiscint gan fillteán tríú páirtí ar an mbarr, tagann go leor buntáistí leis. Rudaí a B’fhéidir nach mbeidh de dhíth ort a thuilleadh go luath amach anseo Anois, breathaimis go gasta ar chuid de na rudaí nach mbeidh leabharlann de dhíth ort go luath amach anseo. Is é sin le rá, níl na rudaí thíos réidh go leor le haghaidh mais-ghlacadh, ach is féidir go mbeadh sé ina chuidiú a bheith feasach orthu agus pleanáil le haghaidh úsáide féideartha níos déanaí. Suíomh Ancaire Láimhseálann suíomh ancaire CSS suíomh popovers agus leideanna uirlisí i gcoibhneas le heilimintí eile, agus déanann sé cúram iad a choinneáil in amharc, fiú agus an leathanach á bhogadh, á scrollú nó á athrú. Is comhlánú iontach é seo ar an Popover API a luadh cheana, rud a fhágfaidh go mbeidh sé níos éasca fós aistriú ó réitigh JS atá níos déine ar fheidhmíocht. Navigation API Is féidir an API Nascleanúna a úsáid chun nascleanúint a láimhseáil in aipeanna aon-leathanaigh agus d’fhéadfadh sé a bheith ina chomhlánú iontach, nó fiú mar athsholáthar, ar an Ródaire Imoibríoch, ar ródú Next.js nó ar thascanna ródaithe uilleacha. Féach ar Transitions API Is féidir leis an View Transitions API beocht idir stáit éagsúla leathanach. Ar fheidhmchlár aon leathanach, déanann sé seo aistrithe míne idir stáit an-éasca, agus is féidir leis cabhrú leat fáil réidh le leabharlanna beochana mar Anime.js, GSAP, nó Motion.dev. Níos fearr fós, is féidir an API a úsáid le feidhmchláir il-leathanaigh. Cuimhnigh níos luaithe, nuair a dúirt mé gurb é an chúis a thógamar aipeanna aon-leathanach ag an gcuideachta inar oibrigh mé 15 bliain ó shin ná an flash bán athlódála leathanach a sheachaint agus mé ag nascleanúint? Dá mbeadh an API sin ar fáil ag an am, bheimis in ann éifeachtaí aistrithe leathanach álainn a bhaint amach gan creat aon-leathanach agus gan íoslódáil tosaigh ollmhór ar an aip iomlán. Beochan scrollaithe Ritheann beochan scrollaithe ar shuíomh scrolla an úsáideora, seachas le himeacht ama, rud a fhágann gur réiteach iontach iad le haghaidh scéalaíochta agus turais táirge. Tá roinnt daoine imithe thar barr leis, ach nuair a úsáidtear go maith é, is féidir leis seo a bheith ina uirlis dhearaidh an-éifeachtach, agus is féidir leis cabhrú le fáil réidh le leabharlanna mar: ScrollReveal, Scroll GSAP, nóWOW.js. Roghnaithe Incheaptha Is gnátheilimint

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free