Säätiön päättäjät, Zurb, ovat maineen rakentaneet vankat työkalut, joita web-kehittäjät rakastavat. He luovat tehokkaita ratkaisuja, koska he alkavat ratkaista itseään kohtaavat ongelmat.
engine called Nyt he ovat taas nähneet uuden, avoimen lähdekoodin, ES6 JavaScript @mention -mallin Tribute.js .
is a user interface technique for addressing someone directly. @mention on käyttöliittymätekniikka, jolla käsitellään jokua suoraan. someone, they are tagged into a conversation. Kun valitset jonkun, ne merkitään keskusteluun. was first popularized by social media sites like Twitter, but you'll find it making its way into all manner of applications thanks to adoption by startups like Slack. @Mention suositteli suosituimpia sosiaalisen median sivustoja, kuten Twitter, mutta huomaat sen menevän kaikenlaisiin sovelluksiin, koska Slack on aloittanut toimintansa.
Vuodesta 2014 Zurb alkoi sulauttaa useat suunnittelutyökalunsa yhdeksi uudeksi alustaksi kutsutuksi huomattava . system, but failing to find a reliable 3rd party option, they decided to build their own. He tarvitsivat @mention- järjestelmän, mutta eivät löytäneet luotettavaa kolmannen osapuolen vaihtoehtoa, he päättivät rakentaa omia. Tulos on Tribute.js.
Tribute.js on natiivi JavaScript-ratkaisu, joten se välttää luottaa kolmansien osapuolten laajennuksiin tai komentosarjoihin. Välttämällä kirjastot, kuten jQuery, Angular ja niin edelleen, Zurb vähensi Tribute.js: n ja skriptien välisiä ristiriitaisuuksia, jotka liittyvät siihen; mikä tekee Tribute.jsistä erittäin hyödyllisen työkalun, jota voidaan toteuttaa johdonmukaisesti useiden erilaisten sovellusten kautta, riippumatta muista riippuvuuksista, joita voit käyttää.
Tribute.js on todella helppo toteuttaa. Ensinnäkin tuoda Tribute.js: n CSS ja JS:
: Seuraavaksi tarvitset merkinnän elementin, joka näyttää @mention :
Lopuksi aloita Tribute joukko esineitä, jotka edustavat käyttäjiäsi ja liitä sitten Tribute sivun elementtiin:
Kun käyttäjä kirjoittaa @ -merkin, hänelle annetaan luettelo käyttäjätunnuksista, jotka perustuvat avainominaisuuteen , kun he valitsevat yhden, vastaava arvo- ominaisuus lisätään.
Sinä pystyt lataa Tribute ilmaiseksi Githubista tai asenna npm avulla, ja löydät täydelliset luettelot oppaista.