وجدت مشروع مفتوح المصدر مذهل في مجال الواجهة الأمامية، 44 ألف نجمة، وهذا ليس مجرد كلام!


pretext حل مشكلة تخطيط النصوص التي لم يتمكن مهندسو الواجهة الأمامية من حلها لمدة عشرين عامًا.
يعتمد التصفح التقليدي للويب على DOM، وكل مرة يتم فيها تعديل النص يتعين إعادة حساب التخطيط، مما يستهلك أداءً كبيرًا. هذا الشيء يتجاوز DOM مباشرة، ويستخدم Canvas للحسابات الحسابية فقط لعرض عرض وارتفاع الأحرف، **بدون إعادة تدفق التخطيط**، وتحسن الأداء من 30 مللي ثانية إلى 0.05 مللي ثانية، بزيادة 600 مرة!
إليك بعض العمليات المذهلة:
✦ مربع الحوار الفقاعي يتكيف تلقائيًا بشكل مثالي، بدون هدر بكسل واحد (CSS لا يمكنه تحقيق ذلك)
✦ رسوم متحركة فنية ASCII في الوقت الحقيقي، تتغير الأحرف مع تغير السطوع
✦ حساب ارتفاع مكون الأكورديون تلقائيًا، بدون حيل CSS
✦ تخطيط تدفق الشلال متعدد الأعمدة سلس وسلس
في السابق، كان يتطلب تحقيق هذه التأثيرات تقنيات تقنية متقدمة وتضحيات في الأداء، الآن يتم حسابها مسبقًا، وتوفير على محرك عرض المتصفح.
المؤلف chenglou (عضو رئيسي سابق في ReasonML) حقًا أبدع في تصميم تخطيط النصوص. إذا كنت تعمل على الواجهة الأمامية، أو التصور، أو التفاعل الإبداعي، فهذا المكتبة ضرورية، تفتح لك باب عالم جديد.
رابط المشروع موجود في قسم التعليقات 👇
شاهد النسخة الأصلية
قد تحتوي هذه الصفحة على محتوى من جهات خارجية، يتم تقديمه لأغراض إعلامية فقط (وليس كإقرارات/ضمانات)، ولا ينبغي اعتباره موافقة على آرائه من قبل Gate، ولا بمثابة نصيحة مالية أو مهنية. انظر إلى إخلاء المسؤولية للحصول على التفاصيل.
  • أعجبني
  • تعليق
  • إعادة النشر
  • مشاركة
تعليق
إضافة تعليق
إضافة تعليق
لا توجد تعليقات
  • تثبيت