الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

نيزك غلاية

تطبيق Meteor جاهز للاستخدام لـ Blaze + FlowRouter مع مجموعة من الوظائف المفيدة ، Writen في ES6

مستودع github: https://github.com/fen747/meteor-boilerplate

بقلم ديفيد بانارت الملقب. FEN747

الإصدار 1.1.3

انظر تغييرات الإصدار

لا تتردد في شوكة هذا المستودع.
لا تنس دوره أيضًا إذا وجدت أنه رائع!

المشاريع العامة باستخدام هذا الغلاية:

  • https://talkalang.com

تثبيت

  • استنساخ هذا الريبو: git clone https://github.com/fen747/meteor-boilerplate
  • دليل التغيير: CD Meteor-Boilerplate
  • تثبيت تبعيات NPM: تثبيت NPM Meteor
  • يتمتع !
  • انظر History.md لمزيد من المعلومات
  • موضوع منتديات النيزك

مستند

الحزم (/.meteor/packages)

  • يتم تثبيت مجموعة من الحزم المفيدة جدًا أو تحتاج إلى تثبيت في تطبيقك فقط

التغييرات على Globals (/both/_globals.js)

لوداش

  • هذا التطبيق يحتوي بالفعل
  • من المعروف أن Lodash لديها نفس API مثل undescorejs ، ولكن مع عروض أفضل ، والمزيد من الميزات

meteor.user ()

  • لقد قمت بتحسين وظيفة meteor.user ()
  • يمكن الآن استخدامه مع سلسلة كمعلمة لتعيين findone على مستخدم معين
  • بالإضافة إلى ذلك ، يمكنك تمرير مجموعة من السلسلة لتصفية الحقول التي تحتاجها تلقائيًا من أجل تقليل عدد عمليات إعادة البيع غير المجدية / إبطال Autorun
  • في الواقع ، فإن وظيفة meteor.user () الافتراضية () تُرجع مستند المستخدم بأكمله ، مما يعني أنه سيتم إبطال أي حساب تفاعلي إذا كان أي حقل من تغيير المستند ، والذي يمكن أن يكون سيئًا للغاية لتصحيح الأخطاء والعروض ، وخاصةً على الهواتف المحمولة
  • استخدمه مثل هذا:
    • meteor.user () // إرجاع مستند المستخدم الحالي بالكامل
    • meteor.user ("auseridstring") // إرجاع مستند المستخدم المحدد بالكامل
    • meteor.user (['field1' ، 'field2' ، ...]) // إرجاع مستند المستخدم الحالي المصفى
    • meteor.user ("auseridstring" ، ['field1' ، 'field2' ، ...])

API ( /الواردات /API)

الطرق (/الواردات/واجهة برمجة التطبيقات/المسارات)

  • config.js - قم بتعيين مساراتك Hierachy ومشغلات هنا. استخدم UpdateView بدلاً من blazelayout.render للتعامل مع الرسوم المتحركة الانتقالية الخاصة بك
  • triggers.js - تحديد المشغلات هنا
  • ROUTES.JS - حدد طرقك هنا

مجموعات (/واردات/API/مجموعات)

  • قم بتخزين مجموعاتك العالمية على/واردات/API/المجموعات
  • تخزين عميلك فقط مثيلات Minimongo في ./client
  • قم بتخزين مجموعاتك الخاصة في ./Server

الطرق (/الواردات/API/الأساليب)

  • قم بتخزين أساليبك المتفائلة على/everss/API/المجموعات
  • قم بتخزين طرق الخادم الخاصة بك فقط على ./Server

مكتبة ( /واردات /مكتبة)

سياق التطبيق (/الواردات/المكتبة/AppContext)

  • استخدام الجلسة أو أي متغير محدد عالميًا ليس شيئًا جيدًا. يجب عليك بدلاً من ذلك استخدام AppContext باعتبارها عبارة عن جلسة

مرافق التطبيق (/emports/library/apputilies.js)

  • getemailfromuid (userId) - استخدم هذا للحصول على البريد الأول من مستخدم
  • Secure (Collection) - استخدم هذا لإنكار جميع أذونات الكتابة تلقائيًا للمستخدم في الإنتاج
  • endloadingscreen - رائع لإزالة شاشة التحميل التي يمكن أن تكون قد حقنها عبر حزمة الحقن الأولية لـ Arunoda
  • PlayAnimation (AnimationName ، elementId ، AnimationTime = 1000) - قم بتشغيل الرسوم المتحركة على عنصر بإضافتها فئة وإزالتها تلقائيًا بعد "AnimationTime" MS

مساعدون Blaze (/emports/laibrary/blazehelpers.js)

  • UserConned - استخدم هذا المساعد المقود للتحقق مما إذا كان معرف المستخدم موجودًا
  • LineBreakText - تلقائيًا tranform n من سلسلة كعناصر BR في DOM. استخدم مع الأقواس الثلاثية
  • URLIFY (STR) - اجعل سلسلة صالحة كعنوان URL. رائع لتمرير العناوين في عنوان URL على سبيل المثال
  • MobileViewsize - تحقق مما إذا كان عرض النافذة أقل من 601 (استنادًا إلى استعلامات الوسائط القياسية المادية)
  • GetUsername (UID) - احصل على اسم مستخدم بناءً على UID له
  • يساوي (أ ، ب) - الإرجاع الحقيقي هو أن كلا الوسيطين متساوين
  • Nequals (A ، B) - Return True هل كلتا الوسيطتين لا يساويان
  • logContext (السياق = هذا) - سجل السياق الذي تم تمريره أو هذا
  • getemailfromuid (userId) - استخدم هذا للحصول على البريد الأول من مستخدم
  • Iscordova - العودة صحيحًا إذا كان على جهاز Cordova

مرافق السياق (/emports/library/contextutilies.js)

  • حفنة من الوظائف التي تعيد علامة نيزك وأخذ رد اتصال خياري لتنفيذ ما إذا تم تعيين العلامة على صحيح
  • Isclient ، Isserver ، Iscordova ، Isdevelopment ، isproduction

معالجة DOM

  • CreateDomElement ({tag ، classlist ، id ، dataset ، innerhtml}) - استخدم هذا التمرير كمعلمة كائن يحتوي على السمات التي تريد تعيينها للعنصر الذي تم إنشاؤه (من فضلك ، قراءة توقيع الوظيفة للحصول على التفاصيل)

البرمجة الوظيفية (/emports/library/funcprog.js)

  • حفنة من وظائف ES6 والأسماء المستعارة للبرمجة الوظيفية
  • مفيد حقًا من أجل الحفاظ على جفاف وسهل القراءة وسهل تصحيح رمز

المرافق (/emports/library/Utability.js)

  • MobileViewsize - تحقق مما إذا كان عرض النافذة أقل من 601 (استنادًا إلى استعلامات الوسائط القياسية المادية)
  • URLIFY (STR) - اجعل سلسلة صالحة كعنوان URL. رائع لتمرير العناوين في عنوان URL على سبيل المثال
  • tryreach (كائن ، 'ntedattribute1' ، 'ntedattribute2' ، ...) - وظيفة مفيدة للغاية للبحر في الكائنات المتداخلة دون إلقاء أخطاء إذا تم استدعاء سمة على قيمة غير كائن
  • BuildRegexp (Str) - منشئ regexp بسيط
  • المعيار (رد الاتصال) - وظائف أساسية للتحقق من أداء رد الاتصال
  • unblock (اتصال DDP) - اسم مستعار لـ DDP.
  • isValidImageurl (url) - تحقق مما إذا كان عنوان URL يشير إلى صورة

وحدات ( /واردات /وحدات)

نافذة رد الفعل

  • Window.size - قول تفاعلي لجعل تغيير حجم النافذة التفاعلية
  • تم استيراده للعميل افتراضيًا

تسجيل DDP

  • استخدم الكائن العالمي ddplogging لتبديل وإيقاف الاستماع إلى رسائل DDP على العميل
  • تم استيراده للعميل افتراضيًا

Disconnect Smart (/emports/modules/smartdisconnect.js)

  • الحفاظ على الجلسات على قيد الحياة في نيزك مكلفة للغاية. استخدم SmartDisconnect.start () لتعيين Meteor.status ().
  • SmartDisconnect.start () يأخذ معلمتين اختياريتين:
  • أولاً ، كائن مثل هذا: {timebeforedisconnect = 300 ، activateOncordova = true}
  • ثانياً ، رد اتصال يسمى قبل حدوث اتصال
  • اعتمادات ل mixmaxhq

بدء التشغيل ( /الواردات /بدء التشغيل)

العميل (/emports/startup/client.js)

  • إضافة طريقة removeElement (حسب المعرف) إلى متغير المستند
  • أضف وظيفة السجل إلى النطاق العالمي. من المفيد تسجيله وإرجاع متغير دون إضافة خطوط جديدة إلى ملفاتك عند تصحيح الأخطاء
  • يحتوي رد الاتصال على بدء التشغيل على الكثير من الميزات حفنة للتعامل مع شاشات التحميل التي تم حقنها على Cordova ، وتأجيل جهاز التوجيه init بعد تحميل الأدوار ، واتباع حالة الاتصال في AppContext

واجهة المستخدم ( /الواردات /واجهة المستخدم)

المكونات (/الواردات/واجهة المستخدم/المكونات)

  • أضف مكوناتك المعاد استخدامها هنا

تخطيطات (/واردات/واجهة المستخدم/التخطيطات)

  • أضف قوالب التخطيطات الخاصة بك هنا

ضياع (/واردات/واجهة المستخدم/وسيط)

  • أضف قوالب الوسائط الخاصة بك هنا

الصفحات (/الواردات/واجهة المستخدم/الصفحات)

  • أضف قوالب صفحاتك هنا

أوراق الأنماط (/الواردات/واجهة المستخدم/أوراق الأنماط)

  • أضف ملفات CSS / SCSS / SASS / أقل
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل