زرب ، صانعي المؤسسة ، لديهم سمعة في بناء أدوات قوية يحبها مطورو الويب. فهم يصنعون حلولًا فعالة لأنهم يبدأون في حل المشكلات التي يواجهونها بأنفسهم.
engine called الآن عادوا مع محرك جديد تماما ، مفتوحة المصدر ، ES6 JavaScriptmention يسمى 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 هو حل جافا سكريبت أصلي ، مما يعني أنه يتجنب الاعتماد على المكوّنات الإضافية أو البرامج النصية التابعة لجهات خارجية. من خلال تجنب المكتبات مثل jQuery و Angular وما إلى ذلك ، قلل Zurb من فرص التعارضات الناشئة بين Tribute.js والنصوص التي تعمل بالتزامن معها ؛ مما يجعل Tribute.js أداة قابلة للاستخدام بشكل كبير والتي يمكن تنفيذها باستمرار عبر العديد من التطبيقات المختلفة ، بغض النظر عن التبعيات الأخرى التي قد تختار استخدامها.
Tribute.js بسيطة حقا للتنفيذ. أولاً ، يمكنك استيراد CSS Tribute.js و JS:
: بعد ذلك ، تحتاج إلى عنصر في الترميز الذي سيعرض mention :
وأخيرًا ، يمكنك تهيئة Tribute بمجموعة من الكائنات التي تمثل المستخدمين لديك ثم إرفاق Tribute بعنصر الصفحة:
عندما يكتب المستخدم رمز @ ، سيتم عرضه بأسماء المستخدمين استنادًا إلى خاصية المفتاح ، عند تحديد واحد ، سيتم إدراج خاصية القيمة المقابلة.
تستطيع تحميل تحية مجانا من جيثب ، أو تثبيتها عبر npm ، وستجد قائمة كاملة بالخيارات في الوثائق.