Οι Zurb, κατασκευαστές του Ιδρύματος, έχουν τη φήμη για την οικοδόμηση ισχυρών εργαλείων που αγαπούν οι προγραμματιστές ιστού. Κατασκευάζουν αποτελεσματικές λύσεις επειδή ξεκινούν να λύσουν τα προβλήματα που αντιμετωπίζουν οι ίδιοι.
engine called Τώρα είναι πίσω με ένα ολοκαίνουργιο, open-source, ES6 JavaScript @ μενού μηχανή που ονομάζεται Tribute.js .
is a user interface technique for addressing someone directly. Το @mention είναι μια τεχνική διεπαφής χρήστη για άμεση επικοινωνία με κάποιον. someone, they are tagged into a conversation. Όταν κάνετε @mention κάποιον, έχουν επισημανθεί σε μια συνομιλία. 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 διαφημίστηκε για πρώτη φορά από ιστότοπους κοινωνικής δικτύωσης όπως το Twitter, αλλά θα το βρούμε να μπαίνει σε κάθε είδους εφαρμογές χάρη στην υιοθεσία από νεωτεριστές όπως το Slack.
Το 2014, ο Zurb άρχισε να συγχωνεύει μερικές από τις εφαρμογές σχεδίασης σε μια καινούρια πλατφόρμα που ονομάζεται Αξιοσημείωτος . system, but failing to find a reliable 3rd party option, they decided to build their own. Χρειαζόταν ένα σύστημα @mention , αλλά απέτυχαν να βρουν μια αξιόπιστη επιλογή τρίτου μέρους, αποφάσισαν να δημιουργήσουν τη δική τους. Το αποτέλεσμα είναι Tribute.js.
Το Tribute.js είναι μια εγγενής λύση JavaScript, που σημαίνει ότι αποφεύγει να βασίζεται σε plugins ή σενάρια τρίτου μέρους. Αποφεύγοντας τις βιβλιοθήκες όπως το jQuery, το γωνιακό, και ούτω καθεξής, ο Zurb μείωσε τις πιθανότητες των συγκρούσεων που προκύπτουν μεταξύ του Tribute.js και των σεναρίων που τρέχουν σε συνδυασμό με αυτό. η οποία καθιστά το Tribute.js ένα εργαλείο υψηλής χρησιμότητας που μπορεί να εφαρμοστεί με συνέπεια σε μια πληθώρα διαφορετικών εφαρμογών, ανεξάρτητα από τις άλλες εξαρτήσεις που μπορείτε να επιλέξετε να χρησιμοποιήσετε.
Το Tribute.js είναι πραγματικά απλό στην εφαρμογή. Πρώτον, εισάγετε το CSS και το JS του Tribute.js:
: Στη συνέχεια, χρειάζεστε ένα στοιχείο στο markup που θα εμφανίζει ένα @mention :
Τέλος, αρχικοποιήστε το Tribute με μια σειρά αντικειμένων που αντιπροσωπεύουν τους χρήστες σας και στη συνέχεια επισυνάψτε το στοιχείο Tribute στο στοιχείο της σελίδας:
Όταν ένας χρήστης πληκτρολογεί ένα σύμβολο @, θα εμφανιστεί μια λίστα με ονόματα χρηστών που βασίζονται στην ιδιότητα κλειδιού , όταν επιλέξουν ένα, θα εισαχθεί η αντίστοιχη ιδιότητα τιμής .
Μπορείς κατεβάστε το αφιέρωμα δωρεάν από το Github, ή να εγκαταστήσετε μέσω npm, και θα βρείτε έναν πλήρη κατάλογο επιλογών στην τεκμηρίωση.