Bezmaksas spēļu dzinēji HTML5 un JavaScript. Bezmaksas HTML5 un JavaScript spēļu dzinēji Paātriniet sākotnējo renderēšanu, izmantojot koplietojamo stila kešatmiņu

Raksts tika atjaunināts 2018. gada 18. janvārī un ir pilnībā aktuāls.
Gandrīz katrs iesācējs saskaras ar jautājumu par CMS izvēli savai vietnei vai emuāram. Tas ir saprotams, jo visu iepriekš zināt nav iespējams. Un jau ir parādījies diezgan daudz dažādu satura pārvaldības sistēmu. Šajā pārskatā ir tikai bezmaksas risinājumi. Viņi nekādā ziņā nav zemāki par saviem apmaksātajiem kolēģiem un dažreiz pat labvēlīgi salīdzina ar viņiem. Galu galā ir daudz vieglāk veikt grozījumus atvērtā pirmkoda kodā, tāpēc visas atrastās ievainojamības tiek novērstas ātrāk. Un arī visas jaunās un drosmīgās idejas šeit parādās pirmās.

Sākumā mums vajadzētu nosacīti sadalīt sistēmas atbilstoši to fokusam. Ir gan CMS, kas paredzētas tikai emuāru veidošanai, gan elastīgākas sistēmas, kas ļauj izveidot pilnvērtīgas mājas lapas un mediju portālus. Tajā pašā laikā emuāru veidošanas sistēmas var izveidot, lai izveidotu veselu projektu sēriju, piemēram, visam uzņēmumam. Ir arī vērts atzīmēt platformas izstrādes periodu (jo ilgāks tas ir, jo labāk sistēma ir izstrādāta un tajā ir mazāk kļūdu), kopienas klātbūtne (tas palīdzēs, ja rodas grūtības ar sistēmas instalēšanu, atkļūdošanu vai lietošanu) , veiktspēja (ne visas sistēmas ir piemērotas lielas slodzes projektiem). Tātad, tagad aplūkosim katru SPS sīkāk.

Oficiālā vietne.

Šis ir viens no diezgan vecajiem un labi pārbaudītajiem dzinējiem. Tas ir lieliski piemērots e-komercijai un produktu pārdošanai tiešsaistē. Daudzi spraudņi, piemēram, VirtueMart, ļauj atvērt veikalu ļoti ātri un īsā laikā. Tiesa, lai visu saprastu no nulles, jums būs jāpavada nedaudz laika, lasot rokasgrāmatas, lasot dokumentāciju un forumus. Par laimi Joomla ir ļoti labs atbalsts un milzīga kopiena vairākās valodās, tostarp krievu valodā.

Sistēmas priekšrocības ietver šādu funkciju klātbūtni “no kastes”:

  • lietotāja autentifikācija, tostarp izmantojot OpenID;
  • vizuālo rakstu redaktors;
  • ērta failu pārvaldība;
  • komentāru sistēma un aizsardzība pret surogātpastu tajos;
  • spraudņu un paplašinājumu pārvaldnieks.

Patiesībā ir daudz vairāk priekšrocību, ir ļoti grūti tās visas vienkārši uzskaitīt vienā rakstā. Tāpēc tā ieņem vadošo pozīciju CMS reitingos un topos. Bet ir daži trūkumi: pateicoties tā elastībai un daudziem iestatījumiem, iesācējam būs jāpavada vairāk nekā viena diena, lai saprastu visu šo daudzveidību. Turklāt tā funkcionalitāte var būt lieka daudzām vienkāršām vizītkaršu vietnēm. Bet tas ir piemērots tiešsaistes veikaliem un produktu izstādēm.

TYPO3

Oficiālā vietne.

Pirms neilga laika diezgan veca CMS TYPO3 sāka iegūt popularitāti internetā, un tagad tā ir stingri nostiprinājusies TOP 5. Vietnes struktūru šeit attēlo lapu koks. Katrs no tiem var saturēt standarta satura elementus: tekstu, attēlus, tabulas utt. Šī satura pārvaldības sistēma ir balstīta uz veidnēm, kuras varat lejupielādēt gatavas vai rakstīt pats TypoScript.

TYPO3 plusi:

  • iespēja precizēt lietotāja tiesības;
  • vienlaicīga vairāku vietņu uzturēšanas vienkāršība;
  • iespēja izmantot paplašinājumus no TER (TYPO3 paplašinājumu repozitorija);
  • augstas drošības prasības;
  • uzlabots teksta redaktors ar pareizrakstības pārbaudi, priekšskatījumu, izmaiņu vēsturi.

Šīs sistēmas trūkumi:

  • vietnes struktūras rediģēšanas grūtības, izmantojot veidņu dzinēju;
  • lēna lielu lapu renderēšana ar daudzveidīgu saturu (tabulas, attēli);
  • daži gatavi risinājumi tiešsaistes veikaliem

Ieteicams lietošanai lielos rūpniecības uzņēmumos un bankās. Visticamāk, tas nebūs piemērots jauniem un maziem objektiem, vai arī izstrādes un atbalsta izmaksas būs nesamērīgas ar lietošanas ieguvumiem.

Drupal

Oficiālā vietne.

Tā ir arī ļoti populāra un plaši izplatīta CMS, ko izmanto ļoti lieli uzņēmumi, piemēram, Sony Music, lai izveidotu tīmekļa vietnes. Viņi izvēlas Drupal tā plašā funkciju klāsta dēļ, lai izveidotu gan iekšējās, gan ārējās vietnes korporatīvajam tīklam. Ir milzīga rīku datubāze vienas lietotāju bāzes pārvaldībai. Labi piemērots emuāru un forumu sistēmas organizēšanai. Drupal ir ļoti aktīva izstrādātāju kopiena, milzīga zināšanu bāze un tiešraides forums. Jūs varat atrast atbildes uz jautājumiem par vietņu un moduļu instalēšanu un izvietošanu pavisam vienkārši.

Drupal priekšrocības:

  • lielisks lietotāju un izstrādātāju kopienas atbalsts;
  • vairāk nekā 6000 moduļu, kas veicina funkcionalitātes paplašināšanu;
  • Viegli pārvaldiet lietotāju tiesības, izveidojiet kolektīvus emuārus un forumus.

Sistēmas trūkumi:

  • var būt pārāk sarežģīti vienkāršām vietnēm;
  • pilnīgs skaistu un funkcionālu tēmu trūkums;
  • grūti iemācīties neapmācītam lietotājam.

Vizītkaršu mājaslapām izvēlēties šo CMS kategoriski nav ieteicams, bet vidēju un lielu portālu organizēšanai, kur lietotāji pievienos savu materiālu un komentēs to, Drupal ir piemērots kā neviens cits.

MODX

Oficiālā vietne.

Viena no jaunākajām CMS (izstrāde notiek kopš 2004. gada), kas parādījās tā sauktā Web 2.0 veidošanās pašā sākumā. Ideja bija iesaistīt lietotājus vietnes satura rediģēšanā un pievienošanā. Piemēram, rakstot pārskatus, pārskatus un pat veselus rakstus. Tāpēc ir laba lietotāju reģistrācijas sistēma, vietņu meklēšana, izmantojot AJAX (nepārlādējot lapu), varat ātri paplašināt ziņu plūsmu un kolektīvs emuārs. Trūkumi ietver biežas problēmas ar krievu kodējumu, kas nav pilnībā atrisinātas, lai gan tās parādījās jau sen; gatavu moduļu un risinājumu trūkums galerijas, foruma vai elektroniskā veikala organizēšanai.

WordPress

Oficiālā vietne.

Ja kāds joprojām šaubās, ka WordPress jau sen ir pāraudzis "emuāru veidošanas sistēmas" stadijā, tad šīs šaubas ir jāatmet. Šajā CMS tiek izstrādātas ļoti dažādas tīmekļa vietnes, tostarp sociālie tīkli, uzņēmumu vietnes, tiešsaistes veikali un produktu displeji, forumi, kā arī vienkāršas vizītkaršu vietnes.

Pateicoties tūkstošiem gatavu tēmu, spraudņu un pat gatavu komplektāciju dažādām vajadzībām, WordPress ieņem pelnītu vietu TOP 5. Ir aktīva izstrādātāju kopiena, kas ģenerē nodarbības un informatīvos materiālus.

WordPress priekšrocības:

  • liela izstrādātāju kopiena un labi strukturēta dokumentācija;
  • tūkstošiem bezmaksas spraudņu un motīvu vietnei;
  • ērts administratora panelis.

WordPress trūkumi

  • starta funkcionalitāte uzreiz pēc instalēšanas ir diezgan pieticīga, tā jāpapildina ar vismaz 4-5 spraudņiem;
  • Pēc vienkāršas instalēšanas ir nepieciešami daži drošības uzlabojumi.

Patiesībā šī ir viena no vienkāršākajām un iesācējiem draudzīgākajām sistēmām. Tas ļauj jums izveidot vietnes, neko nesaprotot par programmēšanu (lasiet manu). Ļoti ieteicams kā pirmo SPS. Nākotnē, ja izrādīsies, ka tās funkcionalitāte jums ir ierobežota, varat viegli pārsūtīt vietni uz citu jūsu izvēlētu dzinēju.
[Lielākajā daļā gadījumu augšējos aizņem šīs 5 SPS, par kurām es apskatīju šajā rakstā.

Atbildot uz jautājumu “kuru CMS izvēlēties vietnei”, jums vajadzētu pievērst uzmanību tam, ka populārie dzinēji tiek pastāvīgi uzbrukti. Viņu kods ir atvērts lietošanai ikvienam, arī ne gluži godīgiem cilvēkiem, kuri var meklēt tajā ievainojamības un izmantot tos saviem savtīgiem mērķiem. No briesmām var izvairīties, ja nekavējoties atjaunināsit dzinēju uz jaunāko versiju. Tajā pašā laikā, ja izmantojat mazāk izplatītu satura pārvaldības sistēmu, tad, ja rodas grūtības, jums var nebūt kur meklēt palīdzību un varat paļauties tikai uz sevi. Ņemiet vērā arī šo faktoru. Veiksmi!

Sveiks, Habr! Es piedāvāju jūsu uzmanībai Linas Klārkas raksta Inside a Super fast CSS engine: Quantum CSS (aka Stylo) tulkojumu.


Jūs, iespējams, esat dzirdējuši par projektu Quantum... Šis ir projekts, lai būtiski pārveidotu Firefox iekšējos elementus, lai paātrinātu pārlūkprogrammu. Pa gabalu mēs ieviešam mūsu eksperimentālās Servo pārlūkprogrammas izstrādnes un būtiski uzlabojam citus dzinēja elementus.


Projekts tika salīdzināts ar lidmašīnas dzinēja nomaiņu lidojuma laikā. Mēs veicam izmaiņas Firefox pa komponentiem, lai jūs varētu novērtēt to ietekmi nākamajā pārlūkprogrammas izlaidumā, tiklīdz tas būs gatavs.



Piezīme tulkotājs: zem griezuma ir daudz ilustrāciju. Visi no tiem ir noklikšķināmi (lai skatītu ar augstāku izšķirtspēju). Ja saskārāties ar tulkojumu neprecizitātēm un citām kļūdām, būšu pateicīgs, ja ziņosiet par to komentāros vai personiskā ziņā.


Un pirmais lielais Servo komponents — jaunais CSS dzinējs Quantum CSS (agrāk pazīstams kā Stylo) — tagad ir pieejams testēšanai Firefox nakts versijā. (tulkotāja piezīme: komentāros viņi ieteica, ka tas jau ir stabilā 55). Par tās iespējošanu ir atbildīga opcija layout.css.servo.enabled failā about:config.


Jaunais dzinējs iemieso labākos jauninājumus no citām pārlūkprogrammām.



Quantum CSS izmanto modernās aparatūras priekšrocības, paralēli strādājot visos procesora kodolos, kā rezultātā tiek paātrināts līdz pat 2, 4 vai pat 18 reizēm.


Turklāt tajā ir apvienotas modernas optimizācijas no citām pārlūkprogrammām, tāpēc pat bez paralelizācijas tas ir ļoti ātrs.



Bet ko īsti dara CSS dzinējs? Vispirms apskatīsim, kas vispār ir CSS dzinējs un kāda ir tā vieta pārlūkprogrammā, un tad apskatīsim, kā Quantum CSS visu paātrina.

Kas ir CSS dzinējs?

CSS dzinējs ir daļa no pārlūkprogrammas renderēšanas programmas. Renderēšanas programma ņem vietnes HTML un CSS failus un pārvērš tos ekrāna pikseļos.



Katrai pārlūkprogrammai ir renderēšanas programma. Pārlūkā Chrome ir Blink, Edge ir EdgeHTML, Safari ir WebKit un Firefox ir Gecko.


Lai sagremotu failus pikseļos, tie visi dara aptuveni to pašu:


1) Failu parsēšana pārlūkprogrammā lasāmos objektos, tostarp DOM. Šajā posmā DOM zina par lapas struktūru, zina par vecāku attiecībām starp elementiem, bet nezina, kā šiem elementiem vajadzētu izskatīties.



2) Elementu izskata noteikšana. Katram DOM mezglam CSS dzinējs izdomā, kuri CSS noteikumi jāpiemēro. Pēc tam tas definē vērtību katram CSS īpašumam. Stīl katru DOM koka mezglu, pievienojot aprēķinātos stilus.



3) Nosakiet katra mezgla izmērus un pozīciju. Kastes ir izveidotas visam, kas jāparāda ekrānā. Tie attēlo ne tikai DOM mezglus, bet arī to, kas varētu būt tajos. Piemēram, teksta rindiņas.



4) Zīmēšanas bloki. Tas var rasties vairākos slāņos. Es to iztēlojos kā vecas ar roku zīmētas animācijas uz vairākām caurspīdīga papīra loksnēm. Tas ļauj mainīt vienu slāni, nepārzīmējot citus.



5) Slāņu apvienošana vienā attēlā, iepriekš pielietojot tiem nepieciešamās komponista īpašības (piemēram, transformācijas). Tas ir tāpat kā fotografēt kopā apvienotus slāņus. Pēc tam šis attēls tiks parādīts ekrānā.



Tas nozīmē, ka pirms stilu aprēķināšanas CSS dzinēja ievade ir:

  • DOM koks
  • Stila noteikumu saraksts

Un tā, tas nosaka stilus katram DOM mezglam pēc kārtas, vienu pēc otra. Katram CSS īpašumam tiek piešķirta vērtība, pat ja tā nav iestatīta stila lapās.


Es domāju, ka tā ir veidlapas aizpildīšana, kurā ir jāaizpilda visi lauki. Šī veidlapa ir jāaizpilda katram DOM mezglam.



Lai to izdarītu, CSS dzinējam ir jāveic divas darbības:

  • Atlasiet kārtulas, kas jāpiemēro mezglam (atlases saskaņošana)
  • Aizpildiet visas trūkstošās vērtības ar standarta vērtībām vai mantojiet vecākvērtības (kaskāde)

Atlasītāja kartēšana

Lai sāktu, mēs sarakstā atlasām visus noteikumus, kas attiecas uz mezglu. Tā kā var būt vairāk nekā viens atbilstības noteikums, vienam un tam pašam īpašumam ir iespējamas vairākas definīcijas.



Turklāt pati pārlūkprogramma pievieno dažus standarta stilus (lietotāja aģenta stilu lapas). Tātad, kā CSS dzinējs nosaka, kuru vērtību izmantot?


Šeit mums palīdz “specifiskuma noteikums”. CSS dzinējs izveido definīciju tabulu, ko pēc tam sakārto dažādās kolonnās.



Uzvar noteikums ar visprecīzāko. Pamatojoties uz šādu tabulu, CSS dzinējs formā ievada visas tajā iestatītās vērtības.



Pārējie tiek aprēķināti, izmantojot kaskādes metodi.

Kaskādes

Kaskādes izmantošana atvieglo CSS rakstīšanu un uzturēšanu. Pateicoties tam, jūs varat iestatīt body color īpašību un zināt, ka teksta krāsa elementos p , span , li būs vienāda (ja vien jūs pats to nepārstāsit).


CSS programma pārbauda, ​​vai veidlapā nav tukšu lauku. Ja rekvizīts tiek mantots pēc noklusējuma, CSS programma paceļas kokā un pārbauda, ​​vai šī rekvizīta vērtība ir iestatīta vecākelementā. Ja neviens no vērtības priekštečiem to nedefinē vai tā nav mantota, tiek iestatīta noklusējuma vērtība.



Tātad tagad visi stili konkrētajam DOM mezglam ir aprēķināti, veidlapa ir aizpildīta.

Piezīme. Stila struktūru koplietošana

Aprakstītā forma ir nedaudz vienkāršota. CSS ir simtiem rekvizītu. Ja CSS dzinējs saglabātu katra īpašuma vērtību katram DOM mezglam, tas ātri iztērētu visu pieejamo atmiņu.


Tā vietā dzinēji parasti izmanto stila struktūru koplietošanu. Tie saglabā vērtības, kas parasti tiek izmantotas kopā (piemēram, fontu īpašības) citā objektā, ko sauc par stila struktūru. Turklāt tā vietā, lai saglabātu visus rekvizītus vienā objektā, aprēķinātie stila objekti satur tikai rādītāju. Katrai īpašuma kategorijai ir rādītājs uz stila struktūru ar nepieciešamajām vērtībām.



Tas ietaupa gan atmiņu, gan laiku. Mezgli ar līdzīgiem stiliem var vienkārši norādīt uz vienādām stila struktūrām kopējiem īpašumiem. Un, tā kā daudzi rekvizīti ir mantoti, vecāks var kopīgot savu struktūru ar visiem pakārtotajiem mezgliem, kas nepārspēj savas vērtības.

Tātad, kā mēs to visu paātrināsim?

Šādi izskatās neoptimizēta stila aprēķināšanas process.



Šeit notiek diezgan daudz darba. Un ne tikai tajā brīdī, kad lapa tiek ielādēta pirmo reizi. Atkal un atkal, mijiedarbojoties ar lapu, virzot kursoru virs elementiem vai mainot DOM, stili tiek pārrēķināti.



Tas nozīmē, ka CSS stila lapu aprēķins ir lielisks optimizācijas kandidāts... Un pēdējo 20 gadu laikā pārlūkprogrammas ir pārbaudījušas daudzas dažādas optimizācijas stratēģijas. Quantum CSS mēģina apvienot labāko no tiem, lai izveidotu jaunu īpaši ātru dzinēju.


Apskatīsim, kā tas viss darbojas kopā.

Paralēlizācija

Servo projekts (no kura nāca Quantum CSS) ir eksperimentāls pārlūks, kas mēģina paralēli visu tīmekļa lapu renderēšanas procesā. Ko tas nozīmē?


Jūs varat salīdzināt datoru ar smadzenēm. Ir elements, kas atbild par domāšanu (ALU). Blakus tam ir kaut kas līdzīgs īstermiņa atmiņai (reģistriem), pēdējie ir sagrupēti centrālajā procesorā. Turklāt ir ilgtermiņa atmiņa (RAM).



Agrīnie datori vienlaikus spēja domāt tikai vienu domu. Taču pēdējo desmitgažu laikā procesori ir mainījušies, tagad tiem ir vairāki ALU un reģistri, kas sagrupēti kodolos. Tātad tagad procesori var domāt vairākas domas vienlaikus – paralēli.



Quantum CSS izmanto šīs priekšrocības, atdalot stila aprēķinus dažādiem DOM mezgliem dažādos kodolos.


Tas var šķist vienkārši... Vienkārši sadaliet koka zarus un apstrādājiet tos uz dažādiem serdeņiem. Patiesībā viss ir daudz sarežģītāk vairāku iemeslu dēļ. Pirmais iemesls ir tas, ka DOM koki bieži ir nevienmērīgi. Tas ir, daži serdeņi saņems ievērojami vairāk darba nekā citi.



Lai vienmērīgāk sadalītu darbu, Quantum CSS izmanto paņēmienu, ko sauc par darba zagšanu. Kad tiek apstrādāts DOM mezgls, programma ņem savus tiešos bērnus un sadala tos vienā vai vairākās "darba vienībās". Šīs darba vienības ir rindā.



Kad kodols ir pabeidzis visu darbu savā rindā, tas var meklēt darbu citās rindās. Tādā veidā mēs vienmērīgi sadalām darbu bez iepriekšēja novērtējuma, izejot cauri visam kokam.



To būs grūti pareizi ieviest lielākajā daļā pārlūkprogrammu. Paralēlisms ir ļoti sarežģīts uzdevums, un CSS dzinējs pats par sevi ir diezgan sarežģīts. Tas atrodas arī starp pārējām divām vissarežģītākajām renderēšanas programmas daļām - DOM un iezīmēšanu. Kopumā ir viegli kļūdīties, un paralēlā darbība var izraisīt diezgan grūti uztveramas kļūdas, ko sauc par "datu sacīkstēm". Šīs kļūdas sīkāk aprakstu citā rakstā (ir arī tulkojums krievu valodā).


Ja jūs pieņemat labojumus no simtiem tūkstošu līdzautoru, kā jūs varat bez bailēm piemērot vienlaicīgumu? Tāpēc mums ir Rust.



Rust ļauj statiski pārbaudīt, vai nav datu sacensību. Tas nozīmē, ka jūs izvairīsities no grūti uztveramām kļūdām, vispirms neielaižot tās savā kodā. Kompilators vienkārši neļaus jums to darīt. Par to vairāk rakstīšu nākamajos rakstos. Var arī apskatīties ievada video par vienlaicību Rustā vai šis sīkāka saruna par "darba zādzību".


Tas viss ievērojami vienkāršo lietu. Tagad gandrīz nekas neliedz jums vienlaikus efektīvi īstenot CSS stila aprēķinus. Tas nozīmē, ka mēs varam tuvoties lineāram paātrinājumam. Ja jūsu procesors ir 4 kodolu, tad paralēlizācija palielinās ātrumu gandrīz 4 reizes.

Pārrēķināšanas paātrināšana, izmantojot noteikumu koku

Katram DOM mezglam CSS dzinējam ir jāiziet visi noteikumi un jāveic atlasītāja saskaņošana. Lielākajai daļai mezglu atbilstošie atlasītāji, visticamāk, nemainīsies ļoti bieži. Piemēram, ja lietotājs virza peles kursoru virs elementa, tam atbilstošie noteikumi var mainīties. Mums ir jāpārrēķina stili visiem tās bērniem, lai apstrādātu īpašuma mantojumu. Bet šiem pēctečiem atbilstošie noteikumi, visticamāk, nemainīsies.


Būtu jauki atcerēties, kuri noteikumi atbilst šiem bērniem, lai jums nebūtu vēlreiz jāsaskaņo atlasītāji... Un noteikumu koks, kas nāk no iepriekšējām Firefox versijām, dara tieši to.


CSS dzinējs atlasa atlasītājus, kas atbilst elementam, un pēc tam sakārto tos pēc specifikas. Rezultāts ir saistīts noteikumu saraksts.


Šis saraksts ir pievienots kokam.



CSS dzinējs mēģina samazināt zaru skaitu kokā, izmantojot tos atkārtoti, kad vien iespējams.


Ja lielākā daļa atlasītāju sarakstā atbilst esošai filiālei, tā sekos tai. Taču tas var sasniegt punktu, kurā nākamā kārtula sarakstā neatbilst kārtulai no esošas filiāles. Tikai šajā gadījumā tiek izveidota jauna filiāle.



DOM mezgls saņems rādītāju uz kārtulu, kas tika pievienota pēdējā (mūsu piemērā div#warning). Tas ir visprecīzākais.


Pārrēķinot stilus, dzinējs veic ātru pārbaudi, lai noskaidrotu, vai galvenā elementa noteikumu izmaiņas var ietekmēt pakārtoto elementu noteikumus. Ja nē, tad visiem bērniem dzinējs var vienkārši izmantot rādītāju uz atbilstošo noteikumu kokā. Tas ir, pilnībā izlaist atlasītāja saskaņošanu un kārtošanu.



Tādējādi tas palīdz ietaupīt laiku, pārrēķinot stilus, taču sākotnējais aprēķins joprojām ir darbietilpīgs. Ja ir 10 000 mezglu, atlasītāju saskaņošana ir jāveic 10 000 reižu. Bet ir arī veids, kā to paātrināt.

Paātriniet sākotnējo renderēšanu, izmantojot koplietojamo stila kešatmiņu

Iedomājieties lapu ar tūkstošiem mezglu. Daudzi no viņiem ievēros tos pašus noteikumus. Piemēram, iedomājieties garu Vikipēdijas lapu... Galvenajās satura rindkopās ir jābūt absolūti identiskiem stila noteikumiem un absolūti identiskiem aprēķinātajiem stiliem.


Bez optimizācijas CSS programmai ir jāatbilst atlasītājiem un jāaprēķina stili katrai rindkopai atsevišķi. Bet, ja būtu veids, kā pierādīt, ka visu rindkopu stili ir vienādi, tad dzinējs varētu vienkārši vienu reizi paveikt darbu un no katra mezgla vienkārši norādīt uz to pašu aprēķināto stilu.


To dara vispārīgā noteikumu kešatmiņa, iedvesmojoties no Safari un Chrome. Pēc elementa apstrādes aprēķinātais stils tiek saglabāts kešatmiņā. Pēc tam, pirms sākat aprēķināt nākamā elementa stilus, tiek veiktas vairākas pārbaudes, lai redzētu, vai var izmantot kaut ko no kešatmiņas.


Pārbaudes ir šādas:

  • Vai 2 mezgliem ir vienāds ID, klases utt. Ja jā, viņi ievēros tos pašus noteikumus.
  • Vai tiem ir viena un tā pati nozīme visam, kas nav balstīts uz atlasītāju (piemēram, iekļautajiem stiliem). Ja jā, tad iepriekš minētie noteikumi netiks ignorēti vai tiks ignorēti vienādi abiem.
  • Vai abu vecāki norāda uz vienu un to pašu aprēķināto stilu objektu. Ja jā, tad arī mantotās vērtības būs tādas pašas.


Šīs pārbaudes jau no paša sākuma tika ieviestas koplietojamā stila kešatmiņas agrīnajās versijās. Bet ir daudz mazu situāciju, kurās stili nesakritīs. Piemēram, ja CSS kārtulā tiek izmantots atlasītājs:first-child, divu rindkopu stili var nesakrist, pat ja iepriekš norādītajās pārbaudēs ir norādīts citādi.


WebKit un Blink šādās situācijās atsakās un neizmanto kopīgu stila kešatmiņu. Tā kā arvien vairāk vietņu izmanto šos modernos atlasītājus, optimizācija kļūst mazāk noderīga, tāpēc Blink komanda nesen to pilnībā noņēma. Taču izrādās, ka ir iespējams sekot līdzi visiem šiem atjauninājumiem un kopējai stila kešatmiņai.


Programmā Quantum CSS mēs apkopojam visus tos dīvainos atlasītājus un pārbaudām, vai tie attiecas uz DOM mezglu. Pēc tam mēs saglabājam šīs pārbaudes rezultātu kā vieniniekus un nulles katram šādam atlasītājam. Ja diviem elementiem ir identiska vieninieku un nulles kopa, mēs zinām, ka tie precīzi atbilst.



Ja DOM mezgls var izmantot stilus, kas jau ir aprēķināti, tad būtībā gandrīz viss darbs tiek izlaists. Lapās bieži ir daudz mezglu ar vienādiem stiliem, tāpēc koplietojamā stila kešatmiņa ietaupa atmiņu un patiešām paātrina darbu.


Secinājums

Šī ir pirmā lielākā tehnoloģiju pārnešana no Servo uz Firefox. Mēs esam daudz iemācījušies par to, kā Firefox kodolā iekļaut modernu, augstas veiktspējas Rust kodu.


Mēs esam sajūsmā, ka liela daļa Project Quantum ir gatava lietošanai beta versijā. Būsim pateicīgi, ja izmēģināsiet un kļūdu gadījumā ziņosim.

Par Linu Klārku

Lins ir Mozilla izstrādātāju attiecību komandas inženieris. Tas darbojas ar JavaScript, WebAssembly, Rust un Servo. Viņš arī zīmē kodu karikatūras.

Birkas: pievienojiet atzīmes

Sveiki, dārgie emuāra vietnes lasītāji. Šodien es vēlos runāt par tādu lietu kā tīmekļa vietnes dzinējs vai, zinātniski runājot, CMS (satura pārvaldības sistēma).

Būtībā tās ir tīmekļa servera programmas, kas ievērojami vienkāršo vietnes izveidi un uzturēšanu. Pati vietne jums to ļaus (ja jūs to izveidojat pats un netērējat naudu tās reklamēšanai).

Ja vēlaties šim vērtējumam pievienot savu resursu, neizmantojiet atbilstošo pogu labajā pusē virs tabulas.

Starp citu, ja domā, ka tev būs nedaudz grūti, vari paskatīties tīmekļa studijas vērtējums, kas atrodas tajā pašā resursā. Tur jūs varat redzēt šīs studijas izveidotos projektus, noklikšķinot uz saites kolonnā “Darbi”.

Aptuveni šādi izskatās statistika par RuNet lietotāju izmantotajiem dzinējiem (ne tikai Joomla, bet arī visās populārajās CMS kopumā) kontekstā ar kuru CMS versiju tiek izmantota - jauna vai novecojusi:

Joomla papildus parastajām vietnēm tiek izveidots diezgan daudz, pateicoties esošajam veikala paplašinājumam ar nosaukumu .

Iespējams, visvieglāk ir apgūt bezmaksas dzinēju WordPress. Protams, tas galvenokārt tiek izmantots diezgan šaurai nišai (emuāru veidošanai un ieviešanai), bet pēc vēlēšanās to var izmantot vietņu, forumu, galeriju ieviešanai. Bet, pirmkārt, WordPress ir ļoti funkcionāla emuāru veidošanas CMS.

vietne darbojas WordPress kontrolē (bet tas ir noslēpums, jo izmantotais dzinējs un tā versija ir jāslēpj, spriežot pēc iepriekš paustā Yandex padoma). Sadaļā rakstīju un turpinu rakstīt par smalkumiem un niansēm darbā ar šo dzinēju un sadaļā par tā paplašinājumiem.

Spriežot pēc CMS ātruma diagrammas iepriekš, WordPress darbojas sacīkstēs, bet es personīgi to nejutu. Kopumā WordPress var ātri darboties, neradot nežēlīgu . Tiesa, tas prasīs nedaudz laika, taču jūsu emuārs var kļūt ļoti ātrs un ļoti vienkāršs. Es rakstīju par pieaugumu kolonnā ar tādu pašu nosaukumu.

Tagad mans emuārs tiek mitināts vietnē un ar 20-25 tūkstošu apmeklētāju slodzi dienā, es joprojām esmu apmierināts ar WordPress ātrumu, it īpaši pēc veidnes pabeigšanas un visa optimizējamā optimizācijas. Lai gan, izmantojot lielu skaitu spraudņu, bez un bez papildu optimizācijas, WordPress kļūst par diezgan smagu briesmoni.

Ir skaidrs, ka joprojām ir daudz bezmaksas CMS, kas tiek izmantotas dažādiem mērķiem. Šis ir tas pats Drupal vai DLE (DataLife Engine), un daudzos gadījumos to izmantošana attaisnosies, jo ideālas CMS neeksistē, bet populārākie ir tieši augstāk minētie WordPress un Joomla. Iemesls var būt to diezgan vienkāršais dizains un skaidrība iesācējiem.

Kuri maksas dzinēji ir visinteresantākie?

Vēl viens piemērs, ko var minēt kā ne pārāk dārgu un diezgan ātri apmaksātu CMS, ir S.Celtnieks. Lai saprastu, kā šajā dzinējā izveidot mājas lapas, visticamāk, tas neaizņems ļoti daudz laika, jo... tai ir diezgan zema barjera ienākšanai (kā saka, tas ir intuitīvi). Šī sistēma ir rakstīta gala lietotājam — absolūti nesagatavotai un bez pieredzes tīmekļa pārziņā (tā var darboties programmā Word, un tas ir labi).

S.Builder ir diezgan elastīgs un ar to var izdarīt gandrīz visu, bet, teiksim, atšķirībā no Drupal (kas arī var gandrīz visu), ar S.Builder to visu var izdarīt, nemaz neiekāpjot kodā (ir jaudīgs moduļu dizainers atbilstoši jūsu vajadzībām).

Nu, kā jau minēju, šī CMS ir viens no ātrākajiem dzinējiem un diezgan labi notur slodzi, lai gan rakstīts arī PHP. Visticamāk, tas ir saistīts ar koda labo tīrību (tas tika rakstīts no nulles) un labu kešatmiņas veiktspēju.

Jūs varat bez maksas izmēģināt S.Builder gan tiešsaistē, gan bezsaistē. Pirmajā gadījumā jums būs jāiet uz lapu “Demonstrācijas versija tiešsaistē”, un viņi šajā CMS izveidos pagaidu vietni, kurā būs pieejami visi moduļi, lai “izmēģinātu pildspalvu”. Ja tiešsaistes testēšana jums nav piemērota, no lapas “Lejupielādēt CMS” varat lejupielādēt pilnībā funkcionējošu un absolūti bezmaksas šī dzinēja bezsaistes versiju (it kā jūs būtu) - “CMS izmēģinājuma versija instalēšanai vietējā datorā”.

Visbeidzot, es vēlos sniegt jums profesionāla optimizētāja viedokli no ļoti pazīstamā SEO uzņēmuma Ashmanov un partneri, kurš sniedza diezgan detalizētu atbildi uz jautājumu - Kura CMS ir labāka?:

P.S. Dažreiz jūs vēlaties zināt ar kādu dzinēju darbojas šī vai cita vietne?. Izrādās, ka to var izdarīt pavisam vienkārši un eleganti. Rakstā es tikko pieminēju šādu spraudni - Wappalyzer. Ļoti interesanta lieta.

Kuru dzinēju izvēlēties interneta veikalam? Šo jautājumu uzdod lielākā daļa topošo uzņēmēju. Ir tik daudz platformu, ka dažkārt var būt diezgan grūti orientēties. Šajā pārskatā tiks aplūkota labākā SPS. Lietotājs varēs izvēlēties savam tīmekļa resursam piemērotāko dzinēju.

Labākās CMS sistēmas

Lielākā daļa uzņēmumu piedāvā tīmekļa vietnes uz platformām, kas ir pazīstamākas un ar kurām viņiem ir vieglāk strādāt. Bieži vien šie dzinēji neatbilst klientu prasībām. Lai nesastaptos ar platformas ierobežojumiem, ir jāzina labākā CMS tīmekļa vietnes izveidei. Pareiza dzinēja izvēle nodrošina tīmekļa resursa panākumus. Ir 2 platformu kategorijas: komerciālie un bezmaksas produkti.

Pirmā tipa dzinēji tika radīti ar mērķi gūt peļņu no licenču un papildinājumu pārdošanas. Šīs sistēmas nodrošina darba kvalitāti un popularitāti. Gandrīz visi noderīgie moduļi ir apmaksāti. Iesācēji uzņēmēji ne vienmēr var atļauties komerciāli iegādāties labāko CMS. Viņiem tika izveidoti bezmaksas dzinēji.

Sistēma "1C-Bitrix"

Šī platforma ir labākā CMS tiešsaistes veikalam. Kāpēc viņa kļuva tik populāra? Dzinējs darbojas ar plašu 1C datu bāzi. Ja vēlas, lietotājs var izveidot bonusu programmas pircējiem un norādīt dažādas likmes juridiskām personām. Platforma tiek izmantota lielu portālu, informācijas resursu, kā arī citu servisu veidošanai.

Šajā CMS izveidotās vietnes izceļas citu vietņu vidū ar to darba kvalitāti, lielu skaitu papildu moduļu, uzticamu aizsardzību pret hakeru uzbrukumiem un iespēju koplietot tiesības starp vairākiem administratoriem. Sistēma prasa ievērojamus ieguldījumus. Tāpēc 1C-Bitrix platformu ieteicams izmantot tikai lielu projektu veidošanai.

Magento

Šī sistēma ir labākā CMS tiešsaistes veikalam starp bezmaksas produktiem. Izmantojot šo dzinēju, ir izveidoti vairāk nekā 150 tūkstoši vietņu internetā. Platforma tiek nodrošināta trīs izdevumos. Kopienas izdevums ir bezmaksas. Administratora panelis ir ļoti ērts.

Ja vēlaties, varat atšķirt lietotāja tiesības. Interfeiss krievu valodā. Atbildes uz saviem jautājumiem var atrast izstrādātāju kopienā. Lietotājam ir pieejamas iespējas ģenerēt detalizētus pārskatus un pievienot atlaižu kuponus. Klients var strādāt ar 1C datu bāzi.

Produkti tiek importēti Yandex.Market. Ir dažādi produktu filtri. Ja vēlaties, varat nosūtīt reklāmas ziņojumus klientiem un izveidot savienojumu ar sociālajiem tīkliem. Izstrādātāji piedāvā klientiem izveidot saistīto programmu savam tiešsaistes veikalam. Administrators var pārvaldīt vairākus projektus no viena konta.

Magento trūkumi

Trūkumi ir integrācijas trūkums ar Krievijas maksājumu sistēmām un piegādes pakalpojumiem. Šo problēmu var atrisināt, uzstādot maksas moduļus un rediģējot esošos. Atverot tiešsaistes veikalu, jums būs jāizmanto pieredzējuša programmētāja pakalpojumi.

Dzinējs patērē lielu daudzumu servera resursu. Platformu vajadzētu izmantot tikai lielu tiešsaistes veikalu izveidei. E-komercijai noderīgie moduļi tiek apmaksāti. Dažas no tām ir ļoti pārcenotas.

Joomla

Platforma reitingā ieņem trešo vietu. Produkts izceļas ar tā kvalitāti. Ja lietotājs meklē labāko CMS dzinēju, viņam jāpievērš uzmanība Joomla. Klients var paplašināt plašo rīku komplektu ar papildu moduļu un spraudņu palīdzību. Tiek nodrošināta augsta drošība darbam ar pakalpojumu.

Lietotājam ir pieejamas iespējas pieslēgt daudzlīmeņu autorizāciju administratoriem un sadalīt moderatoru tiesības. Vietnes izskata maiņa tiek veikta, izmantojot gatavu veidni no plaša kataloga. Ja vēlaties, varat izveidot pielāgotu izkārtojumu. Daudzi klienti uzskata, ka šī ir labākā CMS veikalam, jo ​​tā ļauj pielāgot daudzus elementus. Vietnēm, kuru pamatā ir šis dzinējs, ir elastīga struktūra.

Joomla papildu komponenti

Izstrādātāji pastāvīgi izlaiž atjauninājumus. Sākotnēji platforma tika izveidota korporatīvajiem tīmekļa resursiem, emuāriem un vizītkaršu lapām. Tagad dzinējs darbojas ar tiešsaistes veikaliem un sociālajām platformām. Lai vietnei pievienotu produktus, jums ir jālejupielādē papildu komponents. Visizplatītākie skripti ir VirtueMart un JoomShopping.

Ja nepieciešams, tiek uzstādīti papildu moduļi. Izmantojot VirtueMart, lietotājs var integrēt vietni ar 1C datu bāzi, savienot populāras maksājumu sistēmas un konfigurēt produktu importu/eksportu. Papildu komponents ir piemērots mazu un vidēju interneta veikalu palaišanai. VirtueMart netiek izmantots lielu portālu veidošanā, jo tam nav nepieciešamo funkciju un atbilstošas ​​drošības sistēmas.

Drupal

Šī platforma ir paredzēta sarežģītām vietnēm un profesionāliem programmētājiem. Lai strādātu ar programmatūru, ir nepieciešama pieredze un atbilstoša apmācība. Sistēma tiek sinhronizēta ar partneru vietnēm. Lietotājs var izvēlēties īsas adreses, izmantot veidņu motīvus un izveidot tīmekļa resursus ar līdzīgiem elementiem (viena lietotāju bāze). Pieejama vairāku valodu tulkošanas funkcija.

Dzinējs ir piemērots lieliem tiešsaistes veikaliem un kopienām. Citos gadījumos izmaksas nebūs pamatotas. Lai izmantotu platformu, ir jāinstalē Ubercart. Šis papildu komponents praktiski neatšķiras no VirtueMart skripta. Labākās bezmaksas CMS Magento un Joomla ieņēma pirmo vietu reitingā tikai tāpēc, ka tās ir nedaudz izplatītākas un mazāk grūti apgūstamas un pielāgojamas nekā Drupal.

MODX

Šī platforma var darboties gandrīz visos serveros un mijiedarboties ar dažādām pārlūkprogrammām. Programmatūra tiek izplatīta saskaņā ar licenci. Dzinējs tiek izmantots dažādu veidu vietņu izveidei. Platforma ir arī lietojumprogrammu izstrādes vide. Tas nav prasīgs servera resursiem.

Dzinēja uzstādīšana un konfigurēšana nav grūta. Trūkumi ir zemā izplatība NVS valstīs un nepieciešamo funkciju trūkums, lai šajās teritorijās atvērtu pilnvērtīgu interneta veikalu. Daudzi lietotāji norāda, ka, strādājot ar dzinēju, rodas problēmas ar tīmekļa resursu drošību.

OpenCart

Komerciāla vai pilnīgi bezmaksas CMS — kas ir labāks? OpenCart platforma ir piemērs tam, kā bezmaksas programmatūra var pārsniegt klientu visdrosmīgākās cerības. Šis dzinējs ir vispiemērotākais risinājums maziem projektiem. Platformu ir viegli uzstādīt un konfigurēt. Dzinējs nav prasīgs servera resursiem.

Izmantojot milzīgu skaitu moduļu, jūs varat pievienot gandrīz jebkuru nepieciešamo funkcionalitāti savam tiešsaistes veikalam. Izstrādātāji no krievvalodīgo kopienas palīdzēs atrisināt visas iespējamās problēmas. Ja vēlaties, varat izmantot iebūvēto moduļu instalētāju. Sākotnēji platforma nebija orientēta uz NVS tirgu. Tagad jūs varat atrast komplektus ar papildu funkcionalitāti.

Izstrādātāji ir atjauninājuši maksājumu un piegādes metodes un pievienojuši dažādus filtrus. Populārākie komplekti ietver ocStore un MaxyStore. Klients vienmēr var izveidot savu versiju no nepieciešamajiem papildinājumiem. Lietotājam ir pieejama funkcija norādīt atslēgvārdus un metatagus katram produktam atsevišķi. Trūkumi ietver sistēmas sasalšanu, ja ir liels produktu skaits, kā arī daudzu moduļu augstās izmaksas.

PrestaShop

Izstrādātāji šo platformu izveidoja 2007. gadā. Dzinējs ir piemērots maziem un vidējiem interneta veikaliem. Tāpat kā OpenCart, arī PrestaShop platformai ir iespaidīga funkcionalitāte. Lai strādātu ar Krievijas maksājumu sistēmām, jums būs jāpievieno papildu moduļi. Dzinējs absolūti nav prasīgs servera resursiem.

2011. gadā PrestaShop tika atzīts par labāko bezmaksas e-komercijas platformu. Atšķirībā no OpenCart dzinējam nav oficiāla izstrādātāju atbalsta. Tāpēc papildu moduļu nav tik daudz, cik lietotāji vēlētos. Platformas pamata versija izmanto vairāk resursu nekā OpenCart. Papildu moduļu izmaksas ir daudz zemākas nekā Magento.

UMI.CMS

Platformai ir atsaucīgs dizains un rentabilitāte. Klients var izvēlēties valodu, ar kuru strādāt, iestatīt veidņu tēmas un izsekot statistikas informāciju, piemēram, datus, pamatojoties uz vidējo rēķinu.

WordPress

Turpinot tēmu “labākā CMS”, mums vajadzētu pieminēt šo dzinēju. Platforma ir vienkārša, saprotama, bet tajā pašā laikā funkcionāla. Lai darbinātu dzinēju, nav nepieciešamas tehniskas zināšanas. Pat profesionāļi būs apmierināti ar vienkāršu interfeisu. Atbildes uz saviem jautājumiem var atrast instrukcijās.

Platforma tika izveidota blogiem, ziņu resursiem un citiem portāliem, kur ātri jāpievieno informācija. Spraudņus funkcionalitātes paplašināšanai var iegādāties par pieņemamu cenu. Izstrādātāji piedāvā vairāk nekā 10 papildu komponentus interneta veikala izveidei, izmantojot WordPress dzinēju. Vispopulārākais ir WooCommerce spraudnis. Uz tā bāzes izveidot pilnvērtīgu interneta veikalu ir ļoti grūti.

Varat pievienot ne vairāk kā 100 produktu kartes, kurām nav nepieciešama atjaunināšana. Platformu ir viegli apgūt. Sistēma ir piemērota iesācējiem, kuriem ir emuārs WordPress vietnē. Starp trūkumiem jāatzīmē integrācijas trūkums ar 1C, Krievijas maksājumu sistēmām un piegādes pakalpojumiem. Pēc spraudņa instalēšanas var rasties konflikts ar veidni.

NetCat

Platforma nodrošina iespēju mobilajā versijā. Atbalstīts atsaucīgs dizains. Labākajai CMS jābūt labai funkcionalitātei meklētājprogrammu reklamēšanai un vietņu integrācijai ar noderīgiem pakalpojumiem. Šis dzinējs atbilst visām prasībām. Interfeiss ir intuitīvs.

Platforma darbojas ar 1C datubāzi un elektronisko maksājumu sistēmām. Strādājot ar platformu, nav nepieciešams izmantot sarežģītus tehnoloģiskos risinājumus. Interfeisu var iedalīt divās daļās: lietotājiem un izstrādātājiem.

HostCMS

Dzinējs nav prasīgs pret mitināšanu un serveriem. Šī platforma ir labākā CMS SEO. Lietotājam ir iespējas izveidot īsas lapu adreses, norādīt metatagus utt. Dzinējs lieliski darbojas ar tīmekļa resursiem ar lielu trafiku. Platforma darbojas ar 1C sistēmu.

Licences cena ir 6 tūkstoši rubļu. Klients saņem diezgan funkcionālu platformu ar iespēju paplašināt funkcionalitāti, uzstādot papildu moduļus.

CS-Cart

Izvēloties labāko CMS, daudzi lietotāji atzīmē šī dzinēja priekšrocības. Programmatūras veidotāji piedāvā klientiem plašu rīku klāstu. Platforma izceļas ar ērtu interneta mārketinga organizēšanu, labu formu darbam ar pasūtījumiem, SEO resursu optimizāciju, integrāciju ar 1C un Yandex.Market pakalpojumu. Lietotājam ir pieejamas iespējas izveidot adaptīvu dizainu un vienkārši pievienot materiālu.

Amiro.CMS

Šo platformu sauc par universālu. Dzinējs ir piemērots dažādas sarežģītības pakāpes profesionālu resursu radīšanai. Izstrādātāji piedāvā vairāk nekā 60 papildu moduļus, kas paplašina funkcionalitāti. Lietotājs var atvērt gandrīz jebkura veida augstas kvalitātes vietni.

LP ģenerators

Tiešsaistes tīmekļa lapu ģenerators ir lielisks risinājums iesācējiem un ekspertiem. Izmantojot dzinēju, varat izveidot vizītkartes vietni vai nelielu veikalu. Daži lietotāji vienkārši pievieno materiālus, lai prezentētu produktu/pakalpojumu. Klienti var izmantot ērta redaktora priekšrocības, kā arī simtiem veidņu pakalpojumā LPStore.

Lietotājam ir iespējas pievienot jaunu domēnu un sinhronizēt vietni ar noderīgiem pakalpojumiem. Ja vēlaties, izkārtojumus var pārtaisīt. Izstrādātāji nodrošina arī rīkus SEO optimizācijai.

HTML5 kopā ar CSS3 un JavaScript sniedz izstrādātājam plašas iespējas izveidot spēles, izmantojot 3D, animāciju, Canvas, matemātiku, krāsas, skaņu, WebGL. Viena no acīmredzamākajām HTML5 priekšrocībām ir tā neatkarība gan no platformas, gan kopumā no aparatūras.

Rūpīgāk izpētot, var identificēt dzinēju sniegtās papildu iespējas: dažu izplatītu uzdevumu vienkāršošana vai resursu ielāde, formatēta ievade, fizika, skaņa, bitkartes (tādu, protams, nav daudz). Ir arī diezgan slikti izstrādāti dzinēji, un ir arī tādi, kas nodrošina izstrādātāju ar 2D līmeņa redaktoru un atkļūdošanas rīkiem.

Tiek pieņemts, ka lielākā daļa dzinēju kalpo, lai samazinātu laiku, kas nepieciešams pilnvērtīgas spēles izstrādei. Tomēr daudzi izstrādātāji dod priekšroku sava projekta izveidei pilnīgi no nulles, lai labāk atspoguļotu tā struktūru. Ir daži JavaScript-HTML5 dzinēji, kas patiešām ir kaut ko vērti, taču tiem var būt viens liels trūkums: tie vairs netiek atbalstīti vai ir gandrīz pārtraukti. Tāpēc, izvēloties dzinēju, izvēlieties tos produktus, kuru atbalsts ilgs diezgan ilgu laiku.

Tātad, patiesībā, šeit ir paši dzinēji.

Izveicīgs

Ideāli piemērots retro stila 2D sprite arkādes spēļu un mīklu, piemēram, Sudoku, ieviešanai. Tam ir gatava lietošanai pašdarbojoša spēles cilpa. Atbalstīta pele un tastatūra. Tas ir labi dokumentēts, un par vienīgo trūkumu var uzskatīt saprātīga atbalsta trūkumu.

ličīJS

Vairāku pārlūkprogrammu atvērtais avots, pilnībā rakstīts JavaScript. Tas ir izveidots no paša sākuma, lai būtu pēc iespējas elastīgāks, tam ir plašs API, un tajā tiek izmantotas jaunākās mūsdienu pārlūkprogrammu funkcijas. Šis ietvars ir izstrādāts, lai darītu visu jūsu vietā: jūsu ideja - tās īstenošana, izmantojot visbiežāk izmantotos rīkus.

GameJS

Lapas izveidošanai tiek izmantots JavaScript un CSS. Kopā viņi strādā diezgan pārliecinoši un harmoniski. Paredzēts iesācējiem, kuri apgūst videospēļu programmēšanas pamatus. Jums būs vieglāk, ja jums jau ir dažas CSS prasmes.

ClanFX

2D HTML5 grafiskais dzinējs JavaScript versijā, kas pārnests no iPhone. Ļauj ātri izveidot 2D spēles un grafiskās lietojumprogrammas, kas var darboties visās mūsdienu ierīcēs, neinstalējot papildu spraudņus.