Zurb, twórcy Fundacji, mają reputację budowania solidnych narzędzi, które kochają programiści. Tworzą skuteczne rozwiązania, ponieważ zaczynają rozwiązywać problemy, które napotykają.
engine called Teraz wracają z nowym, open-source, silnikiem JavaScript E7 ES6 o nazwie Tribute.js .
is a user interface technique for addressing someone directly. @mention jest techniką interfejsu użytkownika służącą do bezpośredniego zwracania się do kogoś. someone, they are tagged into a conversation. Kiedy @ twoja osoba jest oznaczona tagami do rozmowy. 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 został po raz pierwszy spopularyzowany przez serwisy społecznościowe, takie jak Twitter, ale znajdziesz go we wszystkich aplikacjach dzięki adopcji przez takie firmy jak Slack.
W 2014 roku Zurb zaczął scalać kilka aplikacji do projektowania w jedną nową platformę o nazwie Znaczny . system, but failing to find a reliable 3rd party option, they decided to build their own. Potrzebowali systemu @mention , ale nie znaleźli wiarygodnej opcji trzeciej, więc postanowili zbudować własną. Rezultatem jest plik Tribute.js.
Tribute.js jest natywnym rozwiązaniem JavaScript, co oznacza, że unika korzystania z wtyczek lub skryptów innych firm. Unikanie bibliotek takich jak jQuery, Angular i tak dalej, Zurb zmniejszyło szanse na konflikty powstające między Tribute.js a skryptami działającymi w połączeniu z nim; co sprawia, że Tribute.js jest wysoce użytecznym narzędziem, które może być konsekwentnie wdrażane w wielu różnych aplikacjach, niezależnie od innych zależności, z których możesz skorzystać.
Tribute.js jest naprawdę prosty w implementacji. Najpierw zaimportuj CSS i JS Tribute.js:
: Następnie potrzebujesz elementu w swoim znaczniku, który wyświetli @mention :
Na koniec zainicjuj Tribute z tablicą obiektów reprezentujących twoich użytkowników, a następnie dołącz Tribute do elementu strony:
Kiedy użytkownik wpisze symbol @, wyświetli mu się lista nazw użytkowników na podstawie właściwości klucza , po wybraniu odpowiedniej właściwości wartości zostanie wstawiona.
Możesz pobierz Tribute za darmo z Github lub zainstalować przez npm, a znajdziesz pełną listę opcji w dokumentacji.