Sukurkite atsakingus rūšiuojamus tinklelius pagal šį scenarijų
Pasirinktiniai tinklai yra keletas sunkiausių funkcijų, kurias galite sukurti nuo nulio. Jūs galite rasti daug mūro tinklelio papildinių, bet jie kiekvienas turi savo apribojimus ir reikalavimus.
The Muuri scenarijus yra stipri alternatyva visiems, kuriems reikia rūšiuojami ir reaguojantys tinklelio elementai su palietimu.
Jis pastatytas Velocity.js animacijoms, kartu su „Hammer.js“ biblioteka, skirta mobiliojo ryšio valdymui. Muuri ne reikalauti jQuery, taigi tai vienas iš nedaugelio vanilės „JavaScript“ papildinių tinklinių sąsajų.
Pagrindiniame projekto puslapyje rasite gražus tinklelio demonstravimas su visomis funkcijomis. Animacijos efektai, vilkimo ir nuleidimo palaikymas ir įvairūs skirtingų dydžių tinklelio elementai. Šis demonstravimas parodo, kiek daug valdote su „Muuri“ tinklu.
Jūs galite pasirinkti kuriuos elementus rodyti, pagal klases (t. y. filtravimą), kartu su kaip norite užpildyti tuščias erdves.
Mūriniai tinklai dažnai palieka tuščias vietas, nes tinklelio elementai ne visada puikiai dera. Tai gana tipiška didesnėms svetainėms, tokioms kaip Pinterest. Nors galite pridėkite draggable grid items beveik bet kokią vartotojo valdomą sąsają.
Pagalvok apie socialiniai profiliai su valdikliu ir kaip jie veiktų. Arba pagalvokite pasirinktiniai užduočių sąrašai, naudojami kaip progresyvios žiniatinklio programos „JavaScript“. Iš tikrųjų yra puikus demo apie tai Muuri puslapyje, kuriame pateikiamas pavyzdinis darbų sąrašas ir kaip jis galėtų veikti kaip PWA mobiliajame telefone.
Norėdami pradėti, jūs tiesiog apima visas „JavaScript“ priklausomybes, kartu su „Muuri“ scenarijus. Galite juos nuvilkti per npm arba paimti kopiją iš „GitHub“ repo.
Tada tu sukurti konteinerio tinklelio elementą ir nukreipti ją į naują „ Muuri () metodas. Visa tai gana paprasta ir ypač paprasta naudoti, nukopijuojant kodo fragmentus iš „GitHub“ repo.
Su visapusiškai remti visas šiuolaikines naršykles (IE9 +) ir palaikomą sąsają, šis įskiepis yra vienas iš geriausių „drag & drop“ tinklo funkcijų.
Sužinokite daugiau, perskaitę „Muuri“ pagrindinį puslapį ir tinkdami su gyvais demonstracijomis. Tai yra puiki dinaminių tinklų sistema ir tai vis dar aktyviai vystosi, todėl galite pasitikėti, kad šis įskiepis bus apie ilgą laiką.
