Izveidojiet atsaucīgus sakārtojamus režģa izkārtojumus ar šo skriptu
Pielāgoti režģi ir dažas no visstingrākajām iezīmēm, kas jāizveido no nulles. Jūs varat atrast daudz mūra režģa spraudņu, bet tās katram ir savi ierobežojumi un prasības.
The Muuri skripts ir spēcīga alternatīva ikvienam, kam tas nepieciešams sakārtoti un atsaucīgi režģa elementi ar pieskārienu atbalstu.
Tas ir uzbūvēts Velocity.js animācijām, kopā ar Hammer.js bibliotēka mobilo sakaru apstrādei. Muuri nav nepieciešama jQuery, tāpēc tas ir viens no nedaudzajiem vaniļas JavaScript spraudņiem tīkla saskarnēm.
Galvenajā projekta lapā jūs atradīsiet a skaista režģa demonstrācija ar visām funkcijām. Animācijas efekti, atbalsta un nomešanas atbalsts un dažādi dažāda lieluma režģa elementi. Šī demonstrācija parāda, cik daudz kontroles jums ir ar Muuri tīklu.
Tu vari izvēlēties kurus attēlojamos elementus, pamatojoties uz klasēm (t.i., filtrēšanu) kā vēlaties aizpildīt tukšas vietas.
Mūra režģi bieži vien atstāj tukšas vietas, jo režģa elementi ne vienmēr perfekti sakrīt. Tas ir diezgan tipisks lielākām tīmekļa vietnēm, piemēram, Pinterest. Lai gan, jūs varat pievienot draggable režģa vienumus diezgan daudz jebkuru lietotāja kontrolētu interfeisu.
Domāt par sociālie profili ar widgetizētiem izkārtojumiem un kā viņi strādātu. Vai arī padomājiet par to pielāgoti uzdevumu saraksti, kas darbojas kā progresīvas tīmekļa lietotnes JavaScript. Muuri lapā ir patiešām lieliska demonstrācija, kurā parādīts uzdevumu saraksts un kā tas varētu darboties kā PWA mobilajā ierīcē.
Lai sāktu darbu, jūs vienkārši ietver visas JavaScript atkarības kopā ar Muuri skriptiem. Jūs varat tos izvilkt pa npm vai paņemt kopiju no GitHub repo.
Tad tu izveidojiet konteinera režģa elementu un mērķēt to ar jaunu. \ t Muuri ()
metodi. Tas viss ir diezgan vienkāršs un īpaši viegli lietojams, kopējot koda fragmentus no GitHub repo.
Ar pilnīgs atbalsts visām mūsdienu pārlūkprogrammām (IE9 +) un pieskārienu nodrošinošai saskarnei, šis spraudnis ir viens no labākajiem vilkšanas un nomešanas režģa funkcijām.
Uzziniet vairāk, lasot caur Muuri mājas lapu un apmeklējot dzīvo demonstrāciju. Tas ir lieliska sistēma dinamiskiem tīkliem un tas ir joprojām aktīvi attīstās, lai jūs varētu uzticēties, ka šis spraudnis būs garām garām.