HTML5 болон JavaScript дээр үнэгүй тоглоомын хөдөлгүүрүүд. Үнэгүй HTML5 болон JavaScript тоглоомын хөдөлгүүрүүд Хуваалцсан загварын кэш ашиглан анхны дүрслэлийг хурдасгана

Нийтлэл 2018 оны 1-р сарын 18-нд шинэчлэгдсэн бөгөөд бүрэн шинэчлэгдсэн.
Бараг бүх эхлэгч өөрийн вэбсайт эсвэл блогтоо CMS сонгох асуулттай тулгардаг. Энэ нь ойлгомжтой, учир нь бүх зүйлийг урьдчилан мэдэх боломжгүй юм. Маш олон төрлийн агуулгын удирдлагын системүүд аль хэдийн гарч ирсэн. Энэхүү тойм нь зөвхөн үнэгүй шийдлүүдийг агуулдаг. Тэд цалинтай хамтрагчидаасаа ямар ч дутахгүй, заримдаа бүр тэдэнтэй сайн харьцуулдаг. Эцсийн эцэст, нээлттэй эх кодод нэмэлт, өөрчлөлт оруулах нь илүү хялбар байдаг тул илрүүлсэн бүх сул талуудыг хурдан засдаг. Мөн бүх шинэ, зоримог санаанууд энд хамгийн түрүүнд гарч ирдэг.

Эхлэхийн тулд бид системийг анхаарлаа төвлөрүүлэхийн тулд нөхцөлт хуваах хэрэгтэй. Зөвхөн блог үүсгэхэд зориулагдсан CMS, түүнчлэн бүрэн хэмжээний вэбсайт, медиа портал үүсгэх боломжийг олгодог илүү уян хатан системүүд байдаг. Үүний зэрэгцээ блог хөтлөх системийг бүхэл бүтэн компани, жишээлбэл, бүхэл бүтэн цуврал төслүүдийг бий болгоход зориулагдсан болно. Мөн платформыг хөгжүүлэх хугацааг (удаан байх тусам системийг илүү сайн хөгжүүлж, алдаа багатай), олон нийтийн оролцоог (системийг суулгах, дибаг хийх, ашиглахад хүндрэл гарвал туслах болно) тэмдэглэх нь зүйтэй. , гүйцэтгэл (бүх системүүд өндөр ачаалалтай төслүүдэд тохирохгүй). Тиймээс, одоо CMS бүрийг илүү нарийвчлан авч үзье.

Албан ёсны сайт.

Энэ бол нэлээд хуучин бөгөөд батлагдсан хөдөлгүүрүүдийн нэг юм. Энэ нь цахим худалдаа, онлайн бүтээгдэхүүн борлуулахад маш тохиромжтой. VirtueMart зэрэг олон залгаасууд нь танд маш хурдан бөгөөд богино хугацаанд дэлгүүр нээх боломжийг олгодог. Үнэн бол бүх зүйлийг эхнээс нь ойлгохын тулд гарын авлага уншиж, баримт бичиг, форум уншихад бага зэрэг цаг зарцуулах шаардлагатай болно. Аз болоход Joomla нь маш сайн дэмжлэгтэй бөгөөд хэд хэдэн хэл дээр, тэр дундаа орос хэл дээр асар том нийгэмлэгтэй.

Системийн давуу талууд нь "хайрцагнаас гадуур" дараахь функцуудыг агуулдаг.

  • OpenID-ээр дамжуулан хэрэглэгчийн баталгаажуулалт;
  • харааны нийтлэл редактор;
  • тохиромжтой файлын менежмент;
  • сэтгэгдлийн систем, тэдгээрийн доторх спамаас хамгаалах;
  • залгаасууд болон өргөтгөлүүдийн менежер.

Үнэн хэрэгтээ өөр олон давуу талууд байгаа бөгөөд тэдгээрийг бүгдийг нь нэг нийтлэлд жагсаахад маш хэцүү байдаг. Тийм ч учраас энэ нь CMS-ийн үнэлгээ, тэргүүлэгч байр суурийг эзэлдэг. Гэхдээ зарим сул талууд байдаг: уян хатан байдал, олон тохиргооны ачаар эхлэгч нь энэ олон янз байдлыг ойлгоход нэгээс илүү өдөр зарцуулах шаардлагатай болно. Түүнчлэн, түүний функц нь олон энгийн нэрийн хуудасны сайтуудад шаардлагагүй байж магадгүй юм. Гэхдээ энэ нь онлайн дэлгүүр, бүтээгдэхүүний дэлгэцэнд тохиромжтой.

TYPO3

Албан ёсны сайт.

Тун удалгүй нэлээн хуучин CMS TYPO3 нь интернетэд түгээмэл болж эхэлсэн бөгөөд одоо ТОП 5-т бат бөх орсон байна. Энд сайтын бүтцийг хуудасны модоор төлөөлүүлсэн болно. Тэд тус бүр нь стандарт агуулгын элементүүдийг агуулж болно: текст, зураг, хүснэгт гэх мэт. Энэхүү агуулгын удирдлагын систем нь загвар дээр суурилдаг бөгөөд та бэлэн хэлбэрээр татаж авах эсвэл TypoScript дээр өөрөө бичих боломжтой.

TYPO3-ын давуу талууд:

  • хэрэглэгчийн эрхийг нарийн тохируулах чадвар;
  • хэд хэдэн сайтыг нэгэн зэрэг арчлахад хялбар;
  • TER (TYPO3 өргөтгөлийн репозитор)-ийн өргөтгөлүүдийг ашиглах чадвар;
  • аюулгүй байдлын өндөр шаардлага;
  • алдаа шалгах, урьдчилан харах, өөрчлөлтийн түүх бүхий дэвшилтэт текст засварлагч.

Энэ системийн сул талууд:

  • загвар хөдөлгүүр ашиглан сайтын бүтцийг засварлахад хүндрэлтэй байх;
  • янз бүрийн агуулга бүхий том хуудсуудыг удаашруулах (хүснэгт, зураг);
  • онлайн дэлгүүрүүдэд зориулсан цөөн хэдэн бэлэн шийдэл

Томоохон аж үйлдвэрийн компаниуд болон банкуудад ашиглахыг зөвлөж байна. Энэ нь залуу, жижиг сайтуудад тохиромжгүй байх магадлалтай, эсвэл хөгжүүлэлт, дэмжлэгийн зардал нь ашиглалтын үр өгөөжтэй харьцуулшгүй байх болно.

Друпал

Албан ёсны сайт.

Энэ нь бас маш алдартай, өргөн тархсан CMS бөгөөд маш том аж ахуйн нэгжүүд, жишээлбэл, Sony Music вэбсайт үүсгэхэд ашигладаг. Тэд Drupal-ийг корпорацийн сүлжээний дотоод болон гадаад вэб сайтыг бий болгох өргөн хүрээний функцтэй учраас сонгосон. Нэг хэрэглэгчийн баазыг удирдах хэрэгслүүдийн асар том мэдээллийн сан байдаг. Блог, форумын системийг зохион байгуулахад тохиромжтой. Drupal нь маш идэвхтэй хөгжүүлэгчдийн нийгэмлэг, асар их мэдлэгийн бааз, шууд форумтай. Та сайтууд болон модулиудыг суулгах, байрлуулахтай холбоотой асуултын хариултыг маш энгийнээр олох боломжтой.

Drupal-ийн давуу талууд:

  • хэрэглэгч болон хөгжүүлэгчийн нийгэмлэгийн маш сайн дэмжлэг;
  • функцийг өргөжүүлэхэд тусалдаг 6000 гаруй модуль;
  • Хэрэглэгчийн эрхийг хялбархан удирдах, хамтын блог, форум үүсгэх.

Системийн сул талууд:

  • энгийн сайтуудын хувьд хэтэрхий төвөгтэй байж болно;
  • үзэсгэлэнтэй, ажиллагаатай сэдвүүдийн нийт дутагдал;
  • сургалтгүй хэрэглэгчийн хувьд сурахад хэцүү.

Нэрийн хуудасны вэбсайтуудын хувьд энэ CMS-ийг сонгохыг зөвлөдөггүй, гэхдээ хэрэглэгчид өөрсдийн материалаа нэмж, сэтгэгдэл бичих дунд болон том порталуудыг зохион байгуулахад Drupal бусадтай адил тохиромжтой.

MODX

Албан ёсны сайт.

Вэб 2.0 гэж нэрлэгддэг хамгийн залуу CMS-ийн нэг (хөгжүүлэлт нь 2004 оноос хойш үргэлжилж байна). Энэхүү санаа нь сайтад агуулгыг засварлах, нэмэхэд хэрэглэгчдийг татан оролцуулах явдал байв. Жишээлбэл, тойм, тойм, тэр ч байтугай бүхэл бүтэн нийтлэл бичих. Тиймээс, хэрэглэгчийн бүртгэлийн сайн систем, AJAX ашиглан сайт хайх (хуудсыг дахин ачаалахгүйгээр), та мэдээний хангамжийг хурдан өргөжүүлэх, хамтын блогтой. Сул талууд нь Оросын кодчилолтой холбоотой байнга тохиолддог асуудлуудыг багтаасан бөгөөд энэ нь удаан хугацааны өмнө гарч ирсэн боловч бүрэн шийдэгдээгүй байна; галерей, форум, цахим дэлгүүрийг зохион байгуулахад бэлэн модуль, шийдэл дутмаг.

WordPress

Албан ёсны сайт.

Хэрэв WordPress "блогийн систем"-ийн үе шатыг удаан хугацаанд даван туулсан гэдэгт хэн нэгэн эргэлзэж байгаа бол эдгээр эргэлзээг арилгах хэрэгтэй. Энэхүү CMS дээр нийгмийн сүлжээ, компанийн вэб сайт, онлайн дэлгүүр, бүтээгдэхүүний танилцуулга, форум, түүнчлэн энгийн нэрийн хуудасны сайтууд зэрэг маш олон төрлийн вэбсайтуудыг боловсруулсан болно.

Төрөл бүрийн хэрэгцээнд зориулагдсан мянга мянган бэлэн сэдэв, залгаасууд, тэр ч байтугай бэлэн угсралтын ачаар WordPress нь ТОП 5-д зохих байр суурийг эзэлдэг. Хичээл, мэдээллийн материалыг бий болгодог хөгжүүлэгчдийн идэвхтэй нийгэмлэг байдаг.

WordPress-ийн давуу тал:

  • хөгжүүлэгчдийн томоохон нийгэмлэг, сайн бүтэцтэй баримт бичиг;
  • олон мянган үнэгүй залгаасууд болон сайтын сэдэв;
  • тохиромжтой админ самбар.

WordPress-ийн сул тал

  • суулгасны дараа шууд эхлүүлэх функц нь маш даруухан тул та үүнийг дор хаяж 4-5 залгаасаар нэмэх хэрэгтэй;
  • Энгийн суулгацын дараа аюулгүй байдлын зарим сайжруулалтыг хийх шаардлагатай.

Үнэн хэрэгтээ энэ бол хамгийн энгийн бөгөөд эхлэгчдэд ээлтэй системүүдийн нэг юм. Энэ нь програмчлалын талаар юу ч ойлгохгүйгээр вэбсайт үүсгэх боломжийг олгодог (минийхийг унш). Таны анхны CMS болгон ашиглахыг зөвлөж байна. Ирээдүйд, хэрэв түүний функц нь таны хувьд хязгаарлагдмал бол та сайтыг өөрийн сонгосон өөр хөдөлгүүр рүү хялбархан шилжүүлж болно.
[Ихэнх тохиолдолд хамгийн шилдэг нь эдгээр 5 CMS-д багтдаг бөгөөд үүнийг би энэ нийтлэлд авч үзсэн.

"Вэбсайтад ямар CMS сонгох вэ" гэсэн асуултанд хариулахдаа алдартай хөдөлгүүрүүд байнга халдлагад өртөж байгааг анхаарах хэрэгтэй. Тэдний кодыг хүн бүр ашиглах боломжтой, тэр дундаа үнэнч шударга бус, эмзэг байдлыг хайж, хувиа хичээсэн зорилгодоо ашиглах боломжтой. Хэрэв та хөдөлгүүрийг хамгийн сүүлийн үеийн хувилбарт яаралтай шинэчилбэл аюулаас зайлсхийх боломжтой. Үүний зэрэгцээ, хэрэв та бага түгээмэл агуулгын удирдлагын системийг ашигладаг бол хүндрэл гарвал танд тусламж авах газар байхгүй бөгөөд зөвхөн өөртөө найдаж болно. Энэ хүчин зүйлийг бас анхаарч үзээрэй. Амжилт хүсье!

Сайн уу, Хабр! Би та бүхний анхааралд Лин Кларкийн Inside a super fast CSS engine: Quantum CSS (aka Stylo) өгүүллийн орчуулгыг толилуулж байна.


Project Quantum-ийн талаар та сонссон байх... Энэ бол хөтөчийг хурдасгахын тулд Firefox-ын дотоод хэсгийг мэдэгдэхүйц дахин боловсруулах төсөл юм. Бид туршилтын Servo хөтөчийнхөө хөгжүүлэлтийг хэсэг хэсгээр нь хэрэгжүүлж, хөдөлгүүрийн бусад элементүүдийг мэдэгдэхүйц сайжруулж байна.


Төслийг онгоцны хөдөлгүүрийг шууд солихтой харьцуулсан. Бид Firefox-ийн бүрэлдэхүүн хэсгүүдэд өөрчлөлт оруулж байгаа тул та хөтчийн дараагийн хувилбар дээр бэлэн болмогц тэдгээрийн үр нөлөөг үнэлэх боломжтой.



Анхаарна уу Орчуулагч: Зүссэн доор маш олон чимэглэл бий. Бүгдийг нь товших боломжтой (өндөр нарийвчлалтайгаар үзэхийн тулд). Хэрэв та орчуулгын алдаа болон бусад алдаатай тулгарвал энэ талаар сэтгэгдэл эсвэл хувийн мессежээр мэдээлвэл би талархах болно.


Servo-ийн анхны томоохон бүрэлдэхүүн хэсэг болох шинэ CSS хөдөлгүүр Quantum CSS (өмнө нь Stylo гэгддэг) нь Firefox-ийн шөнийн хувилбарт туршилт хийх боломжтой боллоо. (орчуулагчийн тэмдэглэл: тайлбар дээр тэд аль хэдийн тогтвортой 55 байна гэж санал болгосон). about:config доторх layout.css.servo.enabled сонголт нь үүнийг идэвхжүүлэх үүрэгтэй.


Шинэ хөдөлгүүр нь бусад хөтчүүдийн хамгийн сайн шинэчлэлийг агуулсан.



Quantum CSS нь орчин үеийн техник хангамжийн давуу талыг ашиглан бүх процессорын цөм дээрх ажлыг зэрэгцүүлэн ажиллуулж, хурдыг 2, 4, бүр 18 дахин нэмэгдүүлнэ.


Нэмж дурдахад, энэ нь бусад хөтчүүдийн орчин үеийн оновчлолыг хослуулсан тул параллелжуулалтгүйгээр ч гэсэн маш хурдан ажилладаг.



Гэхдээ CSS хөдөлгүүр яг юу хийдэг вэ? Эхлээд CSS хөдөлгүүр нь ерөнхийдөө юу вэ, түүний хөтөч дээр ямар байр суурь эзэлдэгийг харцгаая, дараа нь Quantum CSS нь бүх зүйлийг хэрхэн хурдасгадаг болохыг харцгаая.

CSS хөдөлгүүр гэж юу вэ?

CSS хөдөлгүүр нь хөтчийн дүрслэх хөдөлгүүрийн нэг хэсэг юм. Үзүүлэн боловсруулах систем нь сайтын HTML болон CSS файлуудыг авч дэлгэцэн дээрх пиксел болгон хувиргадаг.



Хөтөч бүр дүрслэх хөдөлгүүртэй байдаг. Chrome-д Blink, Edge-д EdgeHTML, Safari-д WebKit, Firefox-д Gecko-тэй байна.


Файлуудыг пиксел болгон задлахын тулд тэд бүгд ойролцоогоор ижил зүйлийг хийдэг.


1) Файлуудыг хөтчөөр унших боломжтой объектууд, түүний дотор DOM болгон задлах. Энэ үе шатанд DOM нь хуудасны бүтцийн талаар мэддэг, элементүүдийн хоорондын эх харилцааны талаар мэддэг боловч тэдгээр элементүүд ямар байх ёстойг мэддэггүй.



2) Элементүүдийн харагдах байдлыг тодорхойлох. DOM зангилаа бүрийн хувьд CSS хөдөлгүүр нь ямар CSS дүрмийг хэрэглэхийг тодорхойлдог. Дараа нь энэ нь CSS шинж чанар бүрийн утгыг тодорхойлдог. Тооцоолсон загваруудыг хавсаргаж DOM модны зангилаа бүрийг загварчилна.



3) Зангилаа бүрийн хэмжээ, байрлалыг тодорхойлно. Дэлгэц дээр харуулах шаардлагатай бүх зүйлд зориулж хайрцагнууд үүсдэг. Эдгээр нь зөвхөн DOM зангилаа төдийгүй тэдгээрийн дотор байж болох зүйлсийг төлөөлдөг. Жишээлбэл, текстийн мөрүүд.



4) Блок зурах. Энэ нь хэд хэдэн давхаргад тохиолдож болно. Би үүнийг хэд хэдэн тунгалаг цаасан дээр зурсан хуучин хөдөлгөөнт дүрсүүд шиг төсөөлж байна. Энэ нь нэг давхаргыг дахин зурах шаардлагагүйгээр өөрчлөх боломжийг танд олгоно.



5) Давхаргыг нэг зураг болгон нэгтгэж, шаардлагатай хөгжмийн зохиолчийн шинж чанарыг өмнө нь хэрэглэсэн (жишээлбэл, хувиргалт). Энэ нь давхаргыг нэгтгэсэн зургийг авахтай адил юм. Дараа нь энэ зураг дэлгэцэн дээр гарч ирнэ.



Өөрөөр хэлбэл, хэв маягийг тооцоолж эхлэхээс өмнө CSS хөдөлгүүрийн оролт нь:

  • DOM мод
  • Загварын дүрмийн жагсаалт

Тиймээс энэ нь DOM зангилаа бүрийн хэв маягийг ээлж дараалан тодорхойлдог. Загварын хүснэгтэд тохируулаагүй байсан ч CSS шинж чанар бүрт утга оноодог.


Би үүнийг бүх талбарыг бөглөх маягтыг бөглөх гэж бодож байна. Та DOM зангилаа бүрийн хувьд энэ маягтыг бөглөх хэрэгтэй.



Үүнийг хийхийн тулд CSS хөдөлгүүр нь хоёр зүйлийг хийх ёстой:

  • Зангилаанд хэрэглэх дүрмийг сонгоно уу (сонгогч таарах)
  • Бүх дутуу утгыг стандарт утгуудаар бөглөнө үү эсвэл эх утгыг өвлөнө (каскад)

Сонгогчийн зураглал

Эхлэхийн тулд бид зангилаанд хамаарах бүх дүрмийг жагсаалтад сонгоно. Нэгээс олон тохирох дүрэм байж болох тул ижил өмчийн олон тодорхойлолтыг хийх боломжтой.



Нэмж дурдахад, хөтөч өөрөө зарим стандарт хэв маягийг (хэрэглэгчийн агент загварын хуудас) нэмдэг. Тэгэхээр CSS хөдөлгүүр ямар утгыг ашиглахаа хэрхэн тодорхойлох вэ?


Эндээс л "онцгой байдлын дүрэм" бидэнд туслах болно. CSS хөдөлгүүр нь тодорхойлолтуудын хүснэгтийг үүсгэж, дараа нь өөр өөр багана болгон ангилдаг.



Хамгийн их онцлогтой дүрэм ялна. Ийм хүснэгтэд үндэслэн CSS хөдөлгүүр нь түүнд заасан бүх утгыг маягт руу оруулна.



Үлдсэнийг нь каскадын аргаар тооцдог.

Каскад

Каскад нь CSS-ийг бичих, засварлахад хялбар болгодог. Үүний ачаар та биеийн өнгөний шинж чанарыг тохируулж, p, span, li элементүүдийн текстийн өнгө ижил байх болно (хэрэв та үүнийг өөрөө дарж бичихгүй бол).


CSS хөдөлгүүр нь маягтын хоосон талбаруудыг шалгадаг. Хэрэв өмч нь анхдагчаар өвлөгддөг бол CSS хөдөлгүүр нь модыг дээшлүүлж, энэ өмчийн утгыг эх элемент дээр тохируулсан эсэхийг шалгана. Хэрэв утгын өвөг дээдсийн аль нь ч үүнийг тодорхойлохгүй эсвэл өвлөгдөөгүй бол анхдагч утгыг тохируулна.



Одоо өгөгдсөн DOM зангилааны бүх хэв маягийг тооцоолж, маягтыг бөглөсөн.

Тайлбар: Загварын бүтцийг хуваалцах

Тайлбарласан хэлбэрийг бага зэрэг хялбаршуулсан болно. CSS нь олон зуун шинж чанартай байдаг. Хэрэв CSS хөдөлгүүр нь DOM зангилаа бүрийн шинж чанар бүрийн утгыг хадгалсан бол энэ нь боломжтой бүх санах ойг хурдан ашиглах болно.


Үүний оронд хөдөлгүүрүүд ихэвчлэн хэв маягийн бүтцийг хуваалцах аргыг ашигладаг. Тэд нийтлэг хэрэглэгддэг утгуудыг (фонтын шинж чанарууд гэх мэт) загварын бүтэц гэж нэрлэгддэг өөр объектод хадгалдаг. Цаашилбал, бүх шинж чанарыг нэг объектод хадгалахын оронд тооцоолсон загварын объектууд нь зөвхөн заагчийг агуулна. Үл хөдлөх хөрөнгийн ангилал бүрийн хувьд шаардлагатай утгууд бүхий загварын бүтцийн заагч байдаг.



Энэ нь санах ой, цагийг хоёуланг нь хэмнэдэг. Ижил хэв маягтай зангилаа нь нийтлэг шинж чанаруудын хувьд ижил хэв маягийн бүтцийг зааж өгч болно. Мөн олон шинж чанарууд нь өвлөгддөг тул эцэг эх нь өөрийн гэсэн утгыг үл тоомсорлодог ямар ч хүүхэд зангилаатай өөрийн бүтцийг хуваалцаж болно.

Тэгэхээр бид энэ бүгдийг хэрхэн хурдасгах вэ?

Оновчгүй хэв маягийг тооцоолох үйл явц иймэрхүү харагдаж байна.



Энд маш их ажил хийгдэж байна. Хуудсыг анх ачаалж байгаа үед төдийгүй. Мөн дахин дахин, таныг хуудастай харилцаж байхдаа элемент дээр хулганыг аваачих эсвэл DOM-г өөрчлөх үед хэв маягийг дахин тооцоолно.



Энэ нь CSS загварын хүснэгтийн тооцоолол нь оновчлоход маш сайн нэр дэвшигч юм гэсэн үг юм... Мөн сүүлийн 20 жилийн хугацаанд хөтчүүд олон янзын оновчлолын стратегийг туршиж үзсэн. Quantum CSS нь эдгээрээс хамгийн сайныг нь нэгтгэн шинэ супер хурдан хөдөлгүүрийг бүтээхийг оролддог.


Энэ бүхэн хэрхэн ажилладагийг хамтдаа харцгаая.

Зэрэгцээ байдал

Servo төсөл (Quantum CSS гарсан) нь вэб хуудсуудыг үзүүлэх явцад бүх зүйлийг зэрэгцүүлэхийг оролддог туршилтын хөтөч юм. Энэ нь юу гэсэн үг вэ?


Та компьютерийг тархитай харьцуулж болно. Сэтгэн бодох үүрэгтэй элемент (ALU) байдаг. Түүний ойролцоо богино хугацааны санах ой (регистр) гэх мэт зүйл байдаг бөгөөд сүүлийнх нь төв процессор дээр нэгтгэгддэг. Үүнээс гадна урт хугацааны санах ой (RAM) байдаг.



Эртний компьютерууд нэг удаад зөвхөн нэг л бодлыг бодож чаддаг байсан. Гэвч сүүлийн хэдэн арван жилийн хугацаанд процессорууд өөрчлөгдсөн бөгөөд одоо тэд хэд хэдэн ALU болон цөмд бүлэглэгдсэн бүртгэлтэй болсон. Тиймээс одоо процессорууд хэд хэдэн бодлыг нэгэн зэрэг бодох боломжтой - зэрэгцээ.



Quantum CSS нь өөр өөр цөмд өөр DOM зангилааны загварын тооцооллыг салгах замаар эдгээр давуу талыг ашигладаг.


Энэ нь амархан мэт санагдаж магадгүй ... Модны мөчрүүдийг хувааж, өөр өөр цөм дээр боловсруул. Бодит байдал дээр бүх зүйл хэд хэдэн шалтгааны улмаас илүү төвөгтэй байдаг. Эхний шалтгаан нь DOM мод нь ихэвчлэн тэгш бус байдаг. Өөрөөр хэлбэл, зарим цөм нь бусдаас хамаагүй их ажил авах болно.



Ажлыг жигд хуваарилахын тулд Quantum CSS нь ажил хулгайлах аргыг ашигладаг. DOM зангилааг боловсруулах үед программ нь шууд хүүхдүүдээ авч, тэдгээрийг нэг буюу хэд хэдэн "ажлын нэгж" болгон хуваадаг. Эдгээр ажлын нэгжүүд дараалалд байна.



Цөм нь дараалалд байгаа бүх ажлыг дуусгасны дараа бусад дарааллаар ажил хайж болно. Ингэснээр бид модыг бүхэлд нь дамжих замаар урьдчилсан үнэлгээ хийх шаардлагагүйгээр ажлыг жигд хуваарилдаг.



Үүнийг ихэнх хөтөч дээр зөв хэрэгжүүлэхэд хэцүү байх болно. Зэрэгцээ байдал нь маш хэцүү ажил бөгөөд CSS хөдөлгүүр нь өөрөө нэлээд төвөгтэй байдаг. Энэ нь мөн дүрслэх хөдөлгүүрийн бусад хоёр хамгийн төвөгтэй хэсэг болох DOM ба тэмдэглэгээний хооронд байрладаг. Ерөнхийдөө алдаа гаргах нь амархан бөгөөд параллель байдал нь "өгөгдлийн уралдаан" гэж нэрлэгддэг барихад хэцүү алдаануудыг үүсгэдэг. Би эдгээр алдаануудыг өөр нийтлэлд илүү дэлгэрэнгүй тайлбарласан (орос хэл рүү орчуулсан орчуулга бас байдаг).


Хэрэв та хэдэн зуун мянган хувь нэмэр оруулагчдын засварыг хүлээн авбал хэрхэн айхгүйгээр зэрэгцүүлэн хэрэглэх вэ? Тийм учраас бидэнд Зэв байна.



Rust нь өгөгдлийн уралдаан байхгүй гэдгийг статик байдлаар баталгаажуулах боломжийг олгодог. Өөрөөр хэлбэл, та эхний ээлжинд код руугаа оруулахгүй байх замаар барьж авахад хэцүү алдаанаас зайлсхийх болно. Хөрвүүлэгч танд үүнийг хийхийг зөвшөөрөхгүй. Би энэ талаар цаашдын нийтлэлүүддээ дэлгэрэнгүй бичих болно. Та бас харж болно Rust дахь зэрэгцээ байдлын тухай танилцуулга видеоэсвэл энэ "ажлын хулгай" талаар илүү дэлгэрэнгүй яриа.


Энэ бүхэн нь асуудлыг ихээхэн хялбаршуулдаг. Одоо CSS загварчлалын тооцооллыг зэрэгцүүлэн үр дүнтэй хэрэгжүүлэхэд юу ч саад болохгүй. Энэ нь бид шугаман хурдатгалд ойртож чадна гэсэн үг юм. Хэрэв таны процессор 4 цөмтэй бол параллелжуулалт нь хурдыг бараг 4 дахин нэмэгдүүлэх болно.

Дүрмийн модыг ашиглан дахин тооцооллыг хурдасгах

DOM зангилаа бүрийн хувьд CSS хөдөлгүүр нь бүх дүрмийг давж, сонгогчийг тааруулах ёстой. Ихэнх зангилааны хувьд харгалзах сонгогчид тийм ч их өөрчлөгддөггүй. Жишээлбэл, хэрэв хэрэглэгч хулганаа элемент дээр аваачвал түүнд харгалзах дүрмүүд өөрчлөгдөж болно. Бид түүний бүх хүүхдүүдийн өмчийн өв залгамжлалыг зохицуулах хэв маягийг дахин тооцоолох хэрэгтэй. Гэхдээ эдгээр үр удамд тохирох дүрэм өөрчлөгдөхгүй байх.


Сонгогчидтой дахин тааруулахгүйн тулд тэдгээр хүүхдүүдэд ямар дүрэм таарч байгааг санахад таатай байх болно... Мөн Firefox-ын өмнөх хувилбаруудаас гарсан дүрмийн мод нь үүнийг л хийдэг.


CSS хөдөлгүүр нь тухайн элементэд тохирох сонгогчдыг сонгоод дараа нь онцлог шинжээр нь эрэмбэлдэг. Үр дүн нь дүрмийн холбоотой жагсаалт юм.


Энэ жагсаалтыг модонд нэмж оруулав.



CSS хөдөлгүүр нь модны мөчрүүдийн тоог аль болох багасгаж, боломжтой бол дахин ашиглахыг хичээдэг.


Жагсаалтад байгаа ихэнх сонгогчид одоо байгаа салбартай таарч байвал түүнийг дагаж мөрдөх болно. Гэхдээ жагсаалтын дараагийн дүрэм нь одоо байгаа салбарын дүрэмтэй таарахгүй байх цэгт хүрч магадгүй юм. Зөвхөн энэ тохиолдолд шинэ салбар бий болно.



DOM зангилаа хамгийн сүүлд нэмэгдсэн дүрмийн заагчийг хүлээн авах болно (бидний жишээнд div#warning). Энэ нь хамгийн тодорхой юм.


Загварыг дахин тооцоолохдоо хөдөлгүүр нь эх элементийн дүрмийн өөрчлөлт нь хүүхдийн элементүүдийн дүрэмд нөлөөлж чадах эсэхийг шалгахын тулд хурдан шалгалт хийдэг. Хэрэв тийм биш бол бүх хүүхдэд хөдөлгүүр нь модны харгалзах дүрмийн заагчийг ашиглаж болно. Өөрөөр хэлбэл, сонгогч тааруулах, эрэмбэлэхийг бүхэлд нь алгасах болно.



Тиймээс энэ нь хэв маягийг дахин тооцоолоход цаг хэмнэхэд тусалдаг боловч анхны тооцоолол нь хөдөлмөр их шаарддаг хэвээр байна. Хэрэв 10,000 зангилаа байгаа бол сонгогчийн тохируулгыг 10,000 удаа хийх шаардлагатай. Гэхдээ үүнийг хурдасгах арга бас бий.

Хуваалцсан загварын кэш ашиглан анхны дүрслэлийг хурдасгана уу

Олон мянган зангилаа бүхий хуудсыг төсөөлөөд үз дээ. Тэдний олонх нь ижил дүрмийг баримтлах болно. Жишээлбэл, Википедиагийн урт хуудсыг төсөөлөөд үз дээ... Үндсэн агуулгын догол мөрүүд нь яг ижил загварын дүрмүүдтэй, тооцоолсон хэв маягтай туйлын ижил байх ёстой.


Оновчлолгүйгээр CSS хөдөлгүүр нь сонгогчтой таарч, догол мөр тус бүрийн хэв маягийг тусад нь тооцоолох ёстой. Гэхдээ хэрэв бүх догол мөрийн хэв маяг ижил гэдгийг батлах арга байсан бол хөдөлгүүр нь энэ ажлыг нэг удаа хийж, зангилаа бүрээс ижил тооцоолсон хэв маягийг зааж өгч болно.


Safari болон Chrome-ээс санаа авч, ерөнхий дүрмийн кэш үүнийг хийдэг. Элементийг боловсруулсны дараа тооцоолсон хэв маяг нь кэшэд хадгалагдана. Дараа нь, дараагийн элементийн хэв маягийг тооцоолж эхлэхээс өмнө кэшээс ямар нэгэн зүйл ашиглах боломжтой эсэхийг шалгахын тулд хэд хэдэн шалгалт хийдэг.


Шалгалтууд дараах байдалтай байна.

  • 2 зангилаа ижил ID, анги зэрэгтэй байна уу. Хэрэв тийм бол тэд ижил дүрмийг дагаж мөрдөх болно.
  • Сонгогч дээр суурилаагүй бүх зүйлд ижил утгатай байна уу (шугамын хэв маяг гэх мэт). Хэрэв тийм бол дээрх дүрмийг хүчингүй болгохгүй, эсвэл хоёуланд нь адилхан хүчингүй болно.
  • Тооцоолсон хэв маягийн ижил объект руу хоёулангийнх нь эцэг эхийг зааж өгнө үү. Хэрэв тийм бол удамшсан утга нь мөн адил байх болно.


Эдгээр шалгалтууд нь хуваалцсан загварын кэшийн эхний хувилбаруудад эхнээсээ хэрэгжсэн. Гэхдээ хэв маяг нь тохирохгүй олон жижиг нөхцөл байдал байдаг. Жишээлбэл, хэрэв CSS дүрэм нь:first-child сонгогчийг ашигладаг бол дээрх шалгалтууд өөрөөр заасан ч гэсэн хоёр догол мөрний загвар таарахгүй байж болно.


WebKit болон Blink нь ийм нөхцөл байдалд бууж өгдөг бөгөөд нийтлэг загварын кэш ашигладаггүй. Илүү олон сайтууд эдгээр орчин үеийн сонгогчийг ашиглах тусам оновчлол нь ашиггүй болж, Blink баг үүнийг саяхан бүрмөсөн устгасан. Гэхдээ эдгээр бүх шинэчлэлтүүд болон ерөнхий загварын кэшийг дагаж мөрдөх боломжтой болж байна.


Quantum CSS дээр бид эдгээр бүх хачирхалтай сонгогчдыг цуглуулж, тэдгээр нь DOM зангилаатай холбоотой эсэхийг шалгадаг. Дараа нь бид энэ шалгалтын үр дүнг ийм сонгогч бүрийн хувьд нэг ба тэг хэлбэрээр хадгална. Хэрэв хоёр элемент нь нэг ба тэгийн ижил багцтай бол тэдгээр нь яг таарч байгааг бид мэднэ.



Хэрэв DOM зангилаа нь аль хэдийн тооцоолсон хэв маягийг ашиглаж чадвал бараг бүх ажлыг алгасах болно. Хуудаснууд нь ихэвчлэн ижил хэв маягтай олон зангилаатай байдаг тул хуваалцсан загварын кэш нь санах ойг хэмнэж, ажлыг үнэхээр хурдасгадаг.


Дүгнэлт

Энэ нь Servo-ээс Firefox-д хийсэн анхны томоохон технологийн шилжүүлэг юм. Орчин үеийн, өндөр хүчин чадалтай Rust кодыг Firefox цөмд хэрхэн оруулах талаар бид маш их зүйлийг сурсан.


Төслийн Quantum-ийн томоохон хэсгийг бета хувилбарт ашиглахад бэлэн болгосондоо бид баяртай байна. Хэрэв та үүнийг туршиж үзээд алдаа гарсан тохиолдолд мэдэгдвэл бид талархах болно.

Лин Кларкийн тухай

Лин бол Mozilla Developer Relations багийн инженер юм. Энэ нь JavaScript, WebAssembly, Rust болон Servo програмуудтай ажилладаг. Мөн кодтой хүүхэлдэйн кино зурдаг.

Шошго: шошго нэмэх

Сайн байна уу, блог сайтын эрхэм уншигчид. Өнөөдөр би вэбсайтын хөдөлгүүр эсвэл шинжлэх ухааны үүднээс CMS (агуулгын удирдлагын систем) гэх мэт зүйлийн талаар ярихыг хүсч байна.

Үндсэндээ эдгээр нь вэбсайт үүсгэх, засвар үйлчилгээ хийх ажлыг ихээхэн хялбаршуулдаг вэб серверт зориулсан програмууд юм. За, вэбсайт өөрөө танд (хэрэв та үүнийг өөрөө бүтээж, сурталчилгаанд мөнгө зарцуулахгүй бол) зөвшөөрөх болно.

Хэрэв та энэ үнэлгээнд нөөцөө нэмэхийг хүсвэл хүснэгтийн баруун талд байгаа харгалзах товчлуурыг бүү ашигла.

Дашрамд хэлэхэд танд жаахан хэцүү байх болно гэж бодож байгаа бол харж болно вэб студийн үнэлгээ, ижил нөөц дээр байрладаг. Тэнд та "Ажил" баганын холбоос дээр дарж энэ студийн бүтээсэн төслүүдийг үзэх боломжтой.

CMS-ийн шинэ эсвэл хуучирсан хувилбарын хувьд RuNet хэрэглэгчдийн ашигладаг хөдөлгүүрүүдийн статистик (зөвхөн Joomla гэлтгүй, ерөнхийдөө бүх алдартай CMS) дээрх статистик нь ойролцоогоор ийм байна.

Joomla дээр ердийн вэбсайтуудаас гадна одоо байгаа дэлгүүрийн өргөтгөлийн ачаар нэлээд олон зүйл бий болсон.

Сурахад хамгийн хялбар үнэгүй хөдөлгүүр байж магадгүй юм WordPress. Мэдээжийн хэрэг, энэ нь ихэвчлэн нэлээд нарийхан талбарт ашиглагддаг (блог үүсгэх, нэвтрүүлэх), гэхдээ хэрэв хүсвэл вэбсайт, форум, галерейг хэрэгжүүлэхэд ашиглаж болно. Гэхдээ юуны түрүүнд WordPress бол маш ажиллагаатай блог хөтлөх CMS юм.

сайт нь WordPress-ийн хяналтан дор ажилладаг (гэхдээ энэ нь нууц, учир нь ашигласан хөдөлгүүр, түүний хувилбарыг дээр дурдсан Yandex-ийн зөвлөмжөөс үзэхэд нуусан байх ёстой). Би энэ хөдөлгүүртэй ажиллах нарийн мэдрэмж, нюансын талаар, мөн энэ хэсэгт өргөтгөлийн талаар бичиж, үргэлжлүүлэн бичсээр байна.

Дээрх CMS хурдны графикаас харахад WordPress уралдаж байгаа ч би хувьдаа үүнийг мэдэрсэнгүй. Ерөнхийдөө WordPress-ийг ямар ч аймшигтай зүйл үүсгэхгүйгээр хурдан ажиллуулах боломжтой. Үнэн, үүнд бага зэрэг хугацаа шаардагдах боловч таны блог маш хурдан бөгөөд хялбар болж чадна. Ижил нэртэй баганыг нэмэгдүүлэх талаар би бичсэн.

Одоо миний блог өдөрт 20-25 мянган зочин хүлээн авч байгаа бөгөөд WordPress-ийн хурд, ялангуяа загвараа боловсруулж, оновчтой болгох боломжтой бүх зүйлийг оновчтой болгосны дараа би WordPress-ийн хурдад сэтгэл хангалуун байна. Хэдийгээр нэмэлт оновчлолгүйгээр олон тооны залгаасуудыг ашиглах үед WordPress нь нэлээд хүнд мангас болж хувирдаг.

Янз бүрийн зорилгоор ашигладаг олон тооны үнэгүй CMS-үүд байсаар байгаа нь тодорхой байна. Энэ бол ижил Drupal эсвэл DLE (DataLife Engine) бөгөөд ихэнх тохиолдолд тэдгээрийг ашиглах нь зөвтгөгддөг, учир нь хамгийн тохиромжтой CMS байхгүй, гэхдээ дээр дурдсан WordPress болон Joomla нь хамгийн алдартай. Үүний шалтгаан нь шинэхэн хэрэглэгчдэд зориулсан нэлээд энгийн загвар, ойлгомжтой байдал байж болох юм.

Ямар төлбөртэй хөдөлгүүрүүд хамгийн сонирхолтой вэ?

Өөр нэг жишээ бол тийм ч үнэтэй биш, нэлээд хурдан төлбөртэй CMS юм С.Барилгачин. Энэ хөдөлгүүр дээр вэб сайтыг хэрхэн үүсгэхийг ойлгохын тулд танд тийм ч их цаг хугацаа шаардагдахгүй, учир нь... Энэ нь нэвтрэхэд нэлээд бага саадтай байдаг (тэдний хэлснээр энэ нь зөн совинтой байдаг). Энэ систем нь эцсийн хэрэглэгчдэд зориулагдсан бөгөөд ямар ч бэлтгэлгүй, вэбмастер хийх туршлагагүй (энэ нь Word дээр ажиллах боломжтой бөгөөд энэ нь зүгээр юм).

S.Builder нь нэлээд уян хатан бөгөөд та түүгээр бараг бүх зүйлийг хийж чадна, гэхдээ жишээ нь, Drupal-аас ялгаатай нь (энэ нь бараг бүх зүйлийг хийх боломжтой) S.Builder-ийн тусламжтайгаар та энэ бүгдийг код руу орохгүйгээр хийх боломжтой (байна таны хэрэгцээнд нийцүүлэн хүчирхэг модуль зохион бүтээгч).

За, би аль хэдийн дурдсанчлан энэ CMS юм хамгийн хурдан хөдөлгүүрүүдийн нэг PHP дээр бичигдсэн ч ачааллаа сайн барьдаг. Энэ нь кодын сайн цэвэр байдал (энэ нь эхнээс нь бичигдсэн) болон кэшийн сайн гүйцэтгэлтэй холбоотой байх магадлалтай.

Та S.Builder програмыг онлайн болон офлайнаар үнэгүй туршиж үзэх боломжтой. Эхний тохиолдолд та "Онлайн Демо хувилбар" хуудас руу очих хэрэгтэй бөгөөд тэд энэ CMS дээр түр зуурын сайт үүсгэх бөгөөд тэнд бүх модулиудыг "үзэг туршиж үзэх" боломжтой болно. Хэрэв онлайн тест танд тохирохгүй бол та "CMS-ийг татаж авах" хуудаснаас энэ хөдөлгүүрийн бүрэн ажиллагаатай, үнэ төлбөргүй офлайн хувилбарыг татаж авах боломжтой - "Дотоодын компьютер дээр суулгах CMS-ийн туршилтын хувилбар".

Эцэст нь би танд маш сайн мэддэг SEO компани Ашманов ба Түншүүдийн мэргэжлийн оновчлогчийн саналыг хэлэхийг хүсч байна, тэр асуултанд нэлээд дэлгэрэнгүй хариулт өгсөн. Аль CMS илүү дээр вэ?:

P.S. Заримдаа та мэдэхийг хүсдэг энэ эсвэл тэр сайт ямар хөдөлгүүр дээр ажилладаг вэ?. Үүнийг маш энгийн бөгөөд гоёмсог байдлаар хийж болох нь харагдаж байна. Нийтлэлд би ийм залгаасыг дурьдсан - Wappalyzer. Маш сонирхолтой зүйл.

Онлайн дэлгүүрт ямар хөдөлгүүр сонгох вэ? Энэ бол бизнес эрхлэх хүсэлтэй хүмүүсийн хамгийн их асуудаг асуулт юм. Маш олон платформууд байдаг тул заримдаа удирдахад нэлээд хэцүү байдаг. Энэхүү тойм нь хамгийн сайн CMS-ийг авч үзэх болно. Хэрэглэгч өөрийн вэб нөөцөд хамгийн тохиромжтой хөдөлгүүрийг сонгох боломжтой болно.

Шилдэг CMS системүүд

Ихэнх компаниуд илүү сайн мэддэг, ажиллахад хялбар платформ дээр вэбсайтуудыг санал болгодог. Ихэнхдээ эдгээр хөдөлгүүрүүд нь хэрэглэгчийн шаардлагад нийцдэггүй. Платформын хязгаарлалттай тулгарахгүйн тулд та вэбсайт үүсгэх хамгийн сайн CMS-ийг мэдэх хэрэгтэй. Зөв хөдөлгүүрийг сонгох нь вэб нөөцийн амжилтыг баталгаажуулдаг. Арилжааны болон үнэгүй бүтээгдэхүүн гэсэн 2 төрлийн платформ байдаг.

Эхний төрлийн хөдөлгүүрүүд нь лиценз, нэмэлтүүдийн борлуулалтаас ашиг олох зорилготойгоор бүтээгдсэн. Эдгээр системүүд нь ажлын чанар, алдар нэрээр тэргүүлдэг. Бараг бүх ашигтай модулиуд төлбөртэй байдаг. Эхлэн бизнес эрхлэгчид арилжааны үндсэн дээр хамгийн сайн CMS худалдаж авах боломжгүй. Тэдэнд зориулж үнэгүй хөдөлгүүрүүд бүтээгдсэн.

"1С-Битрикс" систем

Энэ платформ нь онлайн дэлгүүрт зориулсан хамгийн сайн CMS юм. Тэр яагаад ийм алдартай болсон бэ? Хөдөлгүүр нь өргөн цар хүрээтэй 1С мэдээллийн сантай ажилладаг. Хэрэв хүсвэл хэрэглэгч худалдан авагчдад зориулсан урамшууллын хөтөлбөрийг тохируулж, хуулийн этгээдийн хувьд өөр өөр тарифыг зааж өгч болно. Энэхүү платформ нь томоохон портал, мэдээллийн нөөц, түүнчлэн бусад үйлчилгээг бий болгоход ашиглагддаг.

Энэхүү CMS дээр хийгдсэн вэбсайтууд нь ажлын чанар, олон тооны нэмэлт модулиуд, хакерын халдлагаас найдвартай хамгаалалт, хэд хэдэн администраторын хооронд эрхийг хуваалцах чадвараараа бусад вэбсайтуудаас ялгардаг. Систем нь ихээхэн хэмжээний хөрөнгө оруулалт шаарддаг. Тиймээс 1C-Bitrix платформыг зөвхөн томоохон төслүүдийг бий болгоход ашиглахыг зөвлөж байна.

Магенто

Энэ систем нь үнэгүй бүтээгдэхүүнүүдийн дунд онлайн дэлгүүрт зориулсан хамгийн сайн CMS юм. Энэ хөдөлгүүрийг ашиглан интернетэд 150 мянга гаруй вэбсайт бий болсон. Платформыг гурван хувилбараар гаргасан. Олон нийтийн хэвлэл нь үнэ төлбөргүй байдаг. Админ самбар нь маш тохиромжтой.

Хэрэв хүсвэл хэрэглэгчийн эрхийг ялгаж болно. Орос хэл дээрх интерфейс. Таны асуултын хариултыг хөгжүүлэгчийн нийгэмлэгээс олж болно. Хэрэглэгч нарийвчилсан тайлан гаргах, хөнгөлөлтийн купон нэмэх сонголтуудад хандах боломжтой. Үйлчлүүлэгч 1С мэдээллийн сантай ажиллах боломжтой.

Бүтээгдэхүүнийг Yandex.Market руу оруулж ирдэг. Төрөл бүрийн бүтээгдэхүүний шүүлтүүрүүд байдаг. Хэрэв хүсвэл хэрэглэгчдэд сурталчилгааны мессеж илгээж, нийгмийн сүлжээг холбож болно. Хөгжүүлэгчид үйлчлүүлэгчдэдээ онлайн дэлгүүрийнхээ түншлэлийн хөтөлбөрийг бий болгохыг санал болгодог. Администратор нэг бүртгэлээс олон төслийг удирдах боломжтой.

Magento-ийн сул талууд

Сул тал нь ОХУ-ын төлбөрийн систем, хүргэлтийн үйлчилгээтэй нэгдмэл байдаггүй. Төлбөртэй модулиудыг суулгаж, одоо байгаа модулиудыг засах замаар энэ асуудлыг шийдэж болно. Онлайн дэлгүүр нээхдээ та туршлагатай програмистын үйлчилгээг ашиглах хэрэгтэй болно.

Хөдөлгүүр нь серверийн нөөцийг их хэмжээгээр хэрэглэдэг. Энэ платформыг зөвхөн томоохон онлайн дэлгүүрүүдийг бий болгоход ашиглах ёстой. Цахим худалдаанд хэрэгтэй модулиудыг төлбөртэй болгодог. Тэдний зарим нь хэт өндөр үнэтэй байдаг.

Joomla

Энэхүү платформ нь чансааны гуравдугаарт бичигддэг. Бүтээгдэхүүн нь чанараараа ялгагдана. Хэрэв хэрэглэгч хамгийн сайн CMS хөдөлгүүр хайж байгаа бол Joomla-д анхаарлаа хандуулах хэрэгтэй. Үйлчлүүлэгч нэмэлт модулиуд болон залгаасуудын тусламжтайгаар өргөн хүрээний хэрэгслийг өргөжүүлэх боломжтой. Үйлчилгээтэй ажиллах өндөр аюулгүй байдал хангагдсан.

Хэрэглэгч администраторуудын олон түвшний зөвшөөрлийг холбох, зохицуулагчдын эрхийг хуваах сонголтуудад хандах боломжтой. Сайтын гадаад төрхийг өөрчлөх нь өргөн хүрээний каталогоос бэлэн загвар ашиглан хийгддэг. Хэрэв хүсвэл та захиалгат зохион байгуулалтыг үүсгэж болно. Олон үйлчлүүлэгчид үүнийг дэлгүүрийн хамгийн сайн CMS гэж үздэг, учир нь энэ нь танд олон элементийг өөрчлөх боломжийг олгодог. Энэ хөдөлгүүр дээр суурилсан вэбсайтууд нь уян хатан бүтэцтэй байдаг.

Joomla-д зориулсан нэмэлт бүрэлдэхүүн хэсгүүд

Хөгжүүлэгчид шинэчлэлтүүдийг байнга гаргадаг. Эхэндээ уг платформыг корпорацийн вэб эх сурвалж, блог, нэрийн хуудасны хуудсанд зориулан бүтээсэн. Одоо хөдөлгүүр нь онлайн дэлгүүрүүд болон нийгмийн платформуудтай ажилладаг. Сайт руу бүтээгдэхүүн нэмэхийн тулд нэмэлт бүрэлдэхүүн хэсгийг татаж авах шаардлагатай. Хамгийн түгээмэл скрипт бол VirtueMart болон JoomShopping юм.

Шаардлагатай бол нэмэлт модулиудыг суулгана. VirtueMart ашиглан хэрэглэгч сайтыг 1С мэдээллийн сантай нэгтгэж, түгээмэл төлбөрийн системийг холбож, бүтээгдэхүүний импорт/экспортыг тохируулах боломжтой. Нэмэлт бүрэлдэхүүн хэсэг нь жижиг, дунд хэмжээний онлайн дэлгүүр нээхэд тохиромжтой. VirtueMart нь шаардлагатай функц, аюулгүй байдлын зохих системгүй тул том портал үүсгэх үед ашиглагддаггүй.

Друпал

Энэхүү платформ нь нарийн төвөгтэй вэбсайтууд болон мэргэжлийн программистуудад зориулагдсан. Програм хангамжтай ажиллах нь туршлага, зохих сургалт шаарддаг. Систем нь түнш сайтуудтай синхрончлогддог. Хэрэглэгч богино хаяг сонгох, загвар загвар ашиглах, ижил төстэй элементүүдтэй вэб нөөц үүсгэх боломжтой (нэг хэрэглэгчийн суурь). Олон хэлээр орчуулах боломжтой.

Хөдөлгүүр нь томоохон онлайн дэлгүүрүүд болон нийгэмлэгүүдэд тохиромжтой. Бусад тохиолдолд зардлыг зөвтгөхгүй. Платформыг ашиглахын тулд та Ubercart-г суулгах ёстой. Энэхүү нэмэлт бүрэлдэхүүн хэсэг нь VirtueMart скриптээс бараг ялгаатай биш юм. Шилдэг үнэ төлбөргүй CMS Magento болон Joomla нь Drupal-аас арай илүү түгээмэл бөгөөд сурах, өөрчлөхөд хэцүү байдаг тул чансааны нэгдүгээр байрыг эзэллээ.

MODX

Энэ платформ нь бараг бүх сервер дээр ажиллаж, өөр өөр хөтөчтэй ажиллах боломжтой. Програм хангамжийг лицензийн дагуу түгээдэг. Хөдөлгүүрийг янз бүрийн төрлийн вэбсайт үүсгэхэд ашигладаг. Уг платформ нь мөн програм хөгжүүлэх орчин юм. Энэ нь серверийн нөөцийг шаарддаггүй.

Хөдөлгүүрийг суурилуулах, тохируулах нь хэцүү биш юм. Сул тал нь ТУХН-ийн орнуудад тархалт бага, эдгээр нутаг дэвсгэрт бүрэн хэмжээний онлайн дэлгүүр нээхэд шаардлагатай функц байхгүй байна. Олон хэрэглэгчид хөдөлгүүртэй ажиллахдаа вэб нөөцийн аюулгүй байдалд асуудал гардаг гэдгийг харуулж байна.

OpenCart

Арилжааны эсвэл туйлын үнэгүй CMS - аль нь дээр вэ? OpenCart платформ нь үнэ төлбөргүй програм хангамж нь хэрэглэгчдийн хамгийн их хүлээлтээс давж чаддагийн жишээ юм. Энэ хөдөлгүүр нь жижиг төслүүдэд хамгийн тохиромжтой шийдэл юм. Платформыг суулгах, тохируулахад хялбар байдаг. Хөдөлгүүр нь серверийн нөөцийг шаарддаггүй.

Маш олон тооны модулиудыг ашигласнаар та өөрийн онлайн дэлгүүрт шаардлагатай бараг бүх функцийг нэмж болно. Орос хэлээр ярьдаг нийгэмлэгийн хөгжүүлэгчид гарч болзошгүй аливаа асуудлыг шийдвэрлэхэд туслах болно. Хэрэв хүсвэл та суулгасан модуль суулгагчийг ашиглаж болно. Эхэндээ платформ нь ТУХН-ийн зах зээлд төвлөрсөнгүй. Одоо та нэмэлт функц бүхий угсралтыг олох боломжтой.

Хөгжүүлэгчид төлбөр, хүргэлтийн аргыг шинэчилж, янз бүрийн шүүлтүүр нэмсэн. Хамгийн алдартай угсралтууд нь ocStore болон MaxyStore юм. Үйлчлүүлэгч шаардлагатай нэмэлтүүдээс үргэлж өөрийн хувилбарыг үүсгэж болно. Хэрэглэгч бүтээгдэхүүн тус бүрийн түлхүүр үг, мета шошгыг тусад нь зааж өгөх функцэд хандах боломжтой. Сул талууд нь олон тооны бүтээгдэхүүн байх үед системийн хөлдөлт, түүнчлэн олон модулийн өндөр өртөгтэй байдаг.

PrestaShop

Хөгжүүлэгчид энэ платформыг 2007 онд бүтээсэн. Хөдөлгүүр нь жижиг, дунд хэмжээний онлайн дэлгүүрүүдэд тохиромжтой. Яг л OpenCart шиг PrestaShop платформ нь гайхалтай функцтэй. Оросын төлбөрийн системтэй ажиллахын тулд нэмэлт модулиудыг нэмэх шаардлагатай болно. Хөдөлгүүр нь серверийн нөөцөд огт шаардлага тавьдаггүй.

2011 онд PrestaShop шилдэг үнэгүй цахим худалдааны платформоор шалгарчээ. OpenCart-аас ялгаатай нь хөдөлгүүр нь хөгжүүлэгчийн албан ёсны дэмжлэггүй байдаг. Тиймээс хэрэглэгчдийн хүссэнээр нэмэлт модулиуд байдаггүй. Платформын үндсэн хувилбар нь OpenCart-аас илүү их нөөцийг ашигладаг. Нэмэлт модулиудын өртөг нь Magento-ээс хамаагүй бага юм.

UMI.CMS

Энэхүү платформ нь мэдрэмжтэй дизайн, зардлын хэмнэлттэй байдаг. Үйлчлүүлэгч нь ажиллах хэлээ сонгох, загвар загваруудыг тохируулах, дундаж тооцоонд үндэслэн өгөгдөл гэх мэт статистик мэдээллийг хянах боломжтой.

WordPress

"Шилдэг CMS" сэдвийг үргэлжлүүлэхдээ бид энэ хөдөлгүүрийг дурдах хэрэгтэй. Платформ нь энгийн, ойлгомжтой, гэхдээ нэгэн зэрэг ажиллагаатай. Хөдөлгүүрийг ажиллуулахын тулд техникийн мэдлэг шаардагдахгүй. Энгийн интерфэйс нь мэргэжлийн хүмүүс ч гэсэн сэтгэл хангалуун байх болно. Таны асуултын хариултыг зааварчилгаанаас олж болно.

Энэхүү платформ нь мэдээллийг хурдан нэмэх шаардлагатай блог, мэдээллийн эх сурвалж болон бусад порталуудад зориулагдсан болно. Үйл ажиллагааг өргөжүүлэх нэмэлт өргөтгөлүүдийг боломжийн үнээр худалдаж авах боломжтой. Хөгжүүлэгчид WordPress хөдөлгүүрийг ашиглан онлайн дэлгүүр үүсгэх 10 гаруй нэмэлт бүрэлдэхүүн хэсгүүдийг санал болгодог. Хамгийн алдартай нь WooCommerce залгаас юм. Үүн дээр суурилсан бүрэн хэмжээний онлайн дэлгүүр нээх нь маш хэцүү байдаг.

Та шинэчлэх шаардлагагүй 100-аас илүүгүй бүтээгдэхүүний карт нэмж болно. Платформыг сурахад хялбар. Энэхүү систем нь WordPress вэбсайт дээр блогтой эхлэгчдэд тохиромжтой. Алдаа дутагдлуудын дунд 1С, Оросын төлбөрийн систем, хүргэлтийн үйлчилгээтэй уялдаа холбоогүй байгааг тэмдэглэх нь зүйтэй. Залгаасыг суулгасны дараа загвартай зөрчилдөж болзошгүй.

NetCat

Платформ нь гар утасны хувилбарт боломжийг олгодог. Хариуцлагатай дизайн дэмжигдсэн. Шилдэг CMS нь хайлтын системийг сурталчлах, вэбсайтыг ашигтай үйлчилгээтэй нэгтгэх сайн функцтэй байх ёстой. Энэ хөдөлгүүр нь бүх шаардлагыг хангасан. Интерфэйс нь ойлгомжтой.

Платформ нь 1С мэдээллийн сан болон цахим төлбөрийн системтэй ажилладаг. Платформтой ажиллахдаа нарийн төвөгтэй технологийн шийдлүүдийг ашиглах шаардлагагүй болно. Интерфэйсийг хоёр хэсэгт хувааж болно: хэрэглэгчид болон хөгжүүлэгчдэд зориулагдсан.

HostCMS

Хөдөлгүүр нь хостинг болон серверт шаардлага тавьдаггүй. Энэ платформ нь SEO-д зориулсан хамгийн сайн CMS юм. Хэрэглэгчид хуудасны богино хаяг үүсгэх, мета шошго бичих гэх мэт сонголтууд байдаг. Хөдөлгүүр нь ачаалал ихтэй вэб нөөцтэй маш сайн ажилладаг. Платформ нь 1С системтэй ажилладаг.

Лицензийн үнэ 6 мянган рубль байна. Үйлчлүүлэгч нэмэлт модулиудыг суулгах замаар функцийг өргөжүүлэх чадвартай нэлээд ажиллагаатай платформыг хүлээн авдаг.

CS-сагс

Хамгийн сайн CMS-ийг сонгохдоо олон хэрэглэгчид энэ хөдөлгүүрийн давуу талыг тэмдэглэдэг. Програм хангамж бүтээгчид үйлчлүүлэгчдэдээ өргөн хүрээний хэрэгслийг санал болгодог. Энэхүү платформ нь интернет маркетингийн тохиромжтой зохион байгуулалт, захиалгатай ажиллах сайн хэлбэр, нөөцийг SEO оновчтой болгох, 1С болон Yandex.Market үйлчилгээтэй нэгтгэх зэргээрээ ялгагдана. Хэрэглэгч дасан зохицох загвар гаргах, зүгээр л материал нэмэх сонголтуудад хандах боломжтой.

Amira.CMS

Энэ платформыг бүх нийтийн гэж нэрлэдэг. Хөдөлгүүр нь янз бүрийн түвшний нарийн төвөгтэй мэргэжлийн нөөцийг бий болгоход тохиромжтой. Хөгжүүлэгчид функцийг өргөжүүлэх 60 гаруй нэмэлт модулийг санал болгодог. Хэрэглэгч бараг ямар ч төрлийн өндөр чанартай вэбсайт нээх боломжтой.

LP генератор

Онлайн вэб хуудас үүсгэгч нь эхлэгчдэд болон мэргэжилтнүүдэд зориулсан гайхалтай шийдэл юм. Хөдөлгүүрийг ашигласнаар та нэрийн хуудасны вэбсайт эсвэл жижиг дэлгүүр үүсгэж болно. Зарим хэрэглэгчид бүтээгдэхүүн/үйлчилгээг танилцуулахын тулд зүгээр л материал нэмдэг. Үйлчлүүлэгчид LPStore дахь тохиромжтой засварлагч, мөн олон зуун загваруудын давуу талыг ашиглах боломжтой.

Хэрэглэгч шинэ домэйныг холбох, сайтыг ашигтай үйлчилгээтэй синхрончлох сонголтуудтай. Хэрэв хүсвэл байршлыг дахин өөрчилж болно. Хөгжүүлэгчид мөн SEO оновчтой болгох хэрэгслүүдээр хангадаг.

HTML5 нь CSS3 болон JavaScript-ийн хамт хөгжүүлэгчдэд 3D, хөдөлгөөнт дүрс, зураг, математик, өнгө, дуу авиа, WebGL ашиглан тоглоом бүтээх өргөн боломжийг олгодог. HTML5-ийн хамгийн тод давуу талуудын нэг нь платформ болон ерөнхийдөө техник хангамжаас хараат бус байх явдал юм.

Нарийвчилсан шалгалтын дараа та хөдөлгүүрүүдийн нэмэлт боломжуудыг тодорхойлж болно: зарим нийтлэг даалгавруудыг хялбарчлах эсвэл нөөцийг ачаалах, форматласан оролт, физик, дуу чимээ, битмап (мэдээжийн хэрэг, эдгээр нь тийм ч олон биш). Нилээд муу дизайнтай хөдөлгүүрүүд байдаг бөгөөд хөгжүүлэгчийг 2D түвшний засварлагч, дибаг хийх хэрэгслээр хангадаг хөдөлгүүрүүд бас байдаг.

Ихэнх хөдөлгүүрүүд нь бүрэн хэмжээний тоглоомыг хөгжүүлэхэд шаардагдах хугацааг багасгахад зориулагдсан гэж үздэг. Гэсэн хэдий ч олон хөгжүүлэгчид түүний бүтцийг илүү сайн харуулахын тулд төслөө эхнээс нь бүтээхийг илүүд үздэг. Үнэхээр үнэ цэнэтэй JavaScript-HTML5 хөдөлгүүрүүд цөөхөн байдаг, гэхдээ тэдгээр нь бас нэг том сул талтай байж болно: тэдгээр нь цаашид дэмжигдэхгүй эсвэл зогсоход ойрхон байна. Тиймээс хөдөлгүүрийг сонгохдоо дэмжлэг нь нэлээд удаан үргэлжлэх бүтээгдэхүүнийг сонгоорой.

Тэгэхээр, энд үнэндээ хөдөлгүүрүүд өөрсдөө байна.

Зальтай

Судоку зэрэг чимэг маягийн 2D спрайт аркад тоглоом, оньсого тоглоход тохиромжтой. Энэ нь ашиглахад бэлэн өөрөө ажилладаг тоглоомын гогцоотой. Хулгана болон гар дэмждэг. Үүнийг сайн баримтжуулсан бөгөөд цорын ганц сул тал нь дууны дэмжлэг байхгүй гэж үзэж болно.

lycheeJS

Хөтөч хоорондын нээлттэй эх сурвалж, бүхэлдээ JavaScript дээр бичигдсэн. Аль болох уян хатан байх үүднээс анхнаасаа бүтээгдсэн бөгөөд өргөн API-тай бөгөөд орчин үеийн хөтөчүүдийн хамгийн сүүлийн үеийн боломжуудыг ашигладаг. Энэхүү хүрээ нь таны төлөө бүх зүйлийг хийхэд зориулагдсан: таны санаа - хамгийн түгээмэл хэрэглэгддэг хэрэгслүүдийг ашиглан хэрэгжүүлэх.

GameJS

Хуудас үүсгэхийн тулд JavaScript болон CSS ашигладаг. Тэд хамтдаа өөртөө итгэлтэй, эв найртай ажилладаг. Видео тоглоомын програмчлалын үндсийг сурч эхэлж буй хүмүүст зориулагдсан. Хэрэв та CSS-ийн зарим ур чадвартай бол энэ нь танд илүү хялбар байх болно.

ClanFX

iPhone-аас зөөвөрлөсөн JavaScript дахь 2D HTML5 график хөдөлгүүр. Нэмэлт залгаас суулгахгүйгээр орчин үеийн бүх төхөөрөмж дээр ажиллах боломжтой 2D тоглоом, график програмуудыг хурдан бүтээх боломжийг танд олгоно.