Zurb, tvůrci nadace, mají pověst vybudování robustních nástrojů, které weboví vývojáři milují. Vyvíjejí účinná řešení, protože začínají řešit problémy, s nimiž se setkávají.

engine called Nyní se vrátili s novým otevřeným zdrojovým kódem ES6 JavaScript @mention engine Tribute.js .

is a user interface technique for addressing someone directly. @mention je technika uživatelského rozhraní pro přímou přímou komunikaci s někým. someone, they are tagged into a conversation. Když @ jmenujete někoho, jsou označeni do konverzace. 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. Nomenklatura byla poprvé popularizována prostřednictvím webů sociálních médií, jako je Twitter, ale zjistíte, že se dostává do mnoha aplikací, a to díky přijetí začínajícími firmami jako Slack.

V roce 2014 začal Zurb sloučit několik svých návrhových aplikací do jedné nové platformy nazvané Pozoruhodný . system, but failing to find a reliable 3rd party option, they decided to build their own. Potřebovali systém @mention , ale nedokázali najít spolehlivou možnost třetí strany, rozhodli se stavět vlastní. Výsledkem je Tribute.js.

Tribute.js je nativní řešení JavaScriptu, což znamená, že se vyhýbá spoléhání na pluginy nebo skripty třetích stran. Vynecháním knihoven, jako je jQuery, Angular a další, Zurb snížil šance na vznik konfliktů mezi Tribute.js a skripty, které s ním probíhají; což činí Tribute.js vysoce použitelný nástroj, který může být implementován konzistentně v mnoha různých aplikacích bez ohledu na jiné závislosti, které byste se mohli rozhodnout použít.

Jak funguje tribute.js

Tribute.js je velmi jednoduché implementovat. Nejprve import CSS a JS Tribute.js:

: Poté budete potřebovat prvek, který bude zobrazovat @mention :

Nakonec inicializujte položku Tribute s polem objektů, které reprezentují uživatele a poté přiložte položku Tribute k prvku stránky:

Pokud uživatel zadá symbol @, zobrazí se seznam uživatelských jmen založených na vlastnostech klíče a při jejich výběru se vloží odpovídající hodnota .

Můžeš stáhnout Tribute zdarma od společnosti Github nebo instalujte pomocí npm a v dokumentaci naleznete úplný seznam možností.

Doporučený obrázek, Konverzace přes Steve McClanahan .