طقم بداية الويب المتقدمة
للذهاب بجرأة حيث لم يذهب أي رجل من قبل
كيفية استخدام
- استنساخ أو تنزيل وتفريغ الموقع المطلوب
- قم بتنزيل وتثبيت أحدث إصدار من Node.js
- تثبيت GraphicsMagick (موصى به) أو ImageMagick لنظام التشغيل الخاص بك. ملاحظة: من الضروري تثبيت أحدهم قبل تشغيل
npm install - اضبط متغيرات البيئة الخاصة بك [دليل]
- تثبيت تبعيات المشروع:
npm install - (اختياري) أضف مستودعك إلى Travis لإجراء اختبارات تلقائية
- (اختياري) إعداد النشر المستمر مع Circleci أو Werker Docker بعد دليلنا
- الكود Live مع:
npm start أو npm start -- --hmr إذا كنت بحاجة إلى إعادة تحميل الوحدة النمطية الساخنة - بناء مع:
npm run build - نشر حياتك واستمتع بها
ماذا في الداخل؟
- هيكل معقول لمشاريع الواجهة الأمامية
- توليد صفحات ثابتة
- تكوينات معدّة للنشر المستمر السريع وإعداد الاختبارات التلقائية
- نخر مع المهام التي تم تكوينها مسبقا
- Nunjucks ، محرك تمثيل كامل مميز
- نونجوكس غلوبال ومرشحات في تنسيق الأرقام ، والتواريخ ، والحصول على عنوان URL للصفحة الحالية ، والطلي ، والخبز ، إلخ.
- عناوين URL القابلة للقراءة البشرية
- ملفات Boilerplate بناءً على أفضل الممارسات
- i18n مع node-getText وتخطيطات تكوينها لإعلان الموقع الحالي وعناوين عناوين URL البديلة بشكل صحيح
- برنامج التحويل البرمجي Sass مع توليد خرائط المصدر ، وإنشاء تشريح الجثة ، والتحسين ، والتصنيع ، والضغط
- إطار Ekzo Sass
- WebPack مع دعم ES6 ، وإدارة وتجميع تبعيات JavaScript والوحدة الساخنة الاختيارية إعادة تحميل أو حرق المشاهدة السريعة
- معيار لبطني وتنسيق جافا سكريبت
- إعادة التحميل المباشر مدعومًا من خادم Webpack-Dev-Server
- التعليق التوضيحي نوع وقت التشغيل والتحقق من صحة البيانات من خلال التحقق من صحة
tcomb و tcomb-validation ، وتحسينات سهلة الاستخدام. - علامات التعريف المسبقة لبطاقات الرسم البياني المفتوح وبطاقات Twitter
- شائع الاستخدام من قبل مقدمي خدمات البحث بيانات منظمة على أساس RDFA
- توليد
sitemap.xml التلقائي مع Grunt-sitemap-xml - توليد العفاريت الأوتوماتيكي مع spritesmith
- ضغط الصور التلقائي عبر tinypng
- توليد الصور التلقائي المستجيب مع صور مستجيبة
- فصل الملفات غير المحسنة في التطوير ، و
- تم تجميع الملفات المصغرة للإنتاج
وأكثر من ذلك بكثير تحت غطاء محرك السيارة. لم يكن لدينا وقت لتوثيق جميع الميزات. حتى الآن.
الوثائق
العمل قيد التقدم
- بناء
- متغيرات البيئة
- بيانات
- البيانات المنظمة
- عناوين URL
- توصيل مستمر
- وصفات
أمثلة
يمكن العثور على نسخة منشورة من Kotsu من Master Branch هنا.
لاحظ أن قسم الأمثلة حتى الآن لا يتميز إلا بجزء أقل من العناصر والميزات المحددة مسبقًا.
دعم المتصفحات
جافا سكريبت
| أي | حافة | الكروم | Firefox | سفاري | الأوبرا | أوبرا موبايل | IOS Safari | Android |
|---|
| 9+ | 12+ | 21+ | 28+ | 6.1+ | 12.1+ | 12.1+ | 7+ | 4+ |
لتمكين ميزات ES6 في IE11 وأسفل ، import 'babel-polyfill' في main.js انظر التفاصيل هنا.
تم شحن Build Default مع JQuery 3.1.0+ والذي لا يدعم IE8. استبدله بإصدار ما قبل 3.0.0 إذا كنت بحاجة إلى دعم من IE8.
CSS
| أي | حافة | الكروم | Firefox | سفاري | الأوبرا | أوبرا موبايل | IOS Safari | Android |
|---|
| 10+ | 12+ | 21+ | 28+ | 6.1+ | 12.1+ | 12.1+ | 7.1+ | 4.4+ |
ارجع إلى قسم دعم متصفحات Ekzo للحصول على تفاصيل حول الانحدار الرشيق لـ IE9 وأسفل ، والذي تم تضمينه في Kotsu بشكل افتراضي.
لتعطيل الانحدارات الرشيقة للـ IE الأقدم ، قم بإزالة مكالمة الماكرو IE() من التصميم الأساسي.
رسالة متصفح عفا عليها الزمن
في IE9 وأسفل المستخدمون سيشاهدون Banner قبل محتوى الصفحة مع رسالة حول المتصفح الذي عفا عليه الزمن والربط إلى المتصفح الذي عفا عليه الزمن.
لتعطيل رسالة المتصفح عفا عليها الزمن ، قم بإزالة مكالمة ماكرو OutdatedBrowser() من التصميم الأساسي.
رخصة
حقوق الطبع والنشر 2014 LOTUSTM. مرخصة بموجب ترخيص Apache 2.0.
