لا توجد كلمات للتعبير عن سعادتي عندما رأيت أداة تطوير IxEdit JavaScript هذه. إليك مثال: لقد كنت تتنزه في الصحراء لمدة يومين أو ثلاثة أيام دون شرب أي ماء. عندما تكون على وشك الانهيار وتعتقد أنك على وشك الموت، ترى فجأة شجرة بها جناح أخضر تحت الشجرة وفتاة عارية جميلة ترقد على السجادة . وهي تريد أن تلوح لك بإغراء، مثل فتاة في صالون تجميل على جانب الطريق.
لكي تتمكن من تجربة هذا الشعور الرائع، أقترح عليك مشاهدة هذا الفيديو هنا، وهو فيديو قمت بتسجيله للتو. يشرح هذا الفيديو بإيجاز ما هو IxEdit، وما يمكن أن يفعله، بالإضافة إلى برنامج تعليمي بسيط.
نعم، كما ترون في الفيديو، IxEdit هي أداة تطوير JavaScript مضمونة (في الواقع مكتبة أكواد JavaScript). لا حاجة لإتقان أي أساسيات JavaScript، يمكنك استخدام IxEdit لإنشاء بعض ديناميكيات الصفحة الرائعة شائعة الاستخدام والتأثيرات التفاعلية.
فكر في الأمر: إذا أمضيت ساعتين في تقديم هذه الأداة للفنانين ومصممي الويب في شركتك (بشكل عام، على الرغم من أن لديهم قدرات تصميم قوية وقدرة على كتابة صفحات ثابتة، إلا أن مهاراتهم في JavaScript ضعيفة)، أخبرهم بكيفية استخدامها. بمجرد إتقانها، لن يضطروا إلى إزعاجك ببعض أكواد JavaScript البسيطة بعد الآن. مع الأخذ في الاعتبار أن مصممي الفن والويب بشكل عام هم فتيات جميلات، سيكونون سعداء للغاية ومتحمسين عندما يتقنون إنشاء تأثيرات JavaScript. في هذا الوقت، يمكنك أن تقول لهم: "هذه الأداة لها بالفعل استخدامات متقدمة. أنا مشغول عندما أكون في العمل، لذلك قد لا أتمكن من تعليمكم، لذلك دعونا نفعل ذلك! تعال إلى مسكني في الساعة 12 ظهرًا" الساعة في المساء، وسأعلمك." (ملاحظة: عندما تقول هذا، يجب أن تكون هادئًا جدًا، وليس مذعورًا، وتتصرف بأدب شديد ومثل الوحش. وإلا فلن يكون هناك فائدة مهما كان حجم سريرك يكون!)
لذا، من هذا المنظور، فإن IxEdit هي في الحقيقة أداة تشبه الإله. سواء كنت أحمق جافا سكريبت أو محترفًا في جافا سكريبت، يمكنك استخدامه للعمل أو اصطحاب الفتيات! قطعة أثرية! إنها حقا قطعة أثرية!
حسنًا، فلنجرب IxEdit عمليًا. ومع ذلك، فإن هذا الشيء مزعج بعض الشيء، لأن الموقع الرسمي لـ IxEdit: http://www.ixedit.com/ يبدو أنه ليس مكتملًا تمامًا. على الرغم من وجود تعليمات وأمثلة، أولاً، كلها باللغة الإنجليزية، وثانيًا، لا تتوافق تمامًا مع العادات الصينية، ولا توجد حزمة أمثلة كاملة نسبيًا، لذلك سأتبع عاداتنا الصينية خطوة بخطوة. وأخيرًا أعطِ مثالًا كاملاً للحزمة المضغوطة. هناك كل شيء في الحقيبة. وهذا سيسهل عليك البحث محليًا. حسنا، دعونا نبدأ!
إذا كنت تريد استخدام IxEdit، وهي أداة تطوير JavaScript، فيجب عليك أولاً إعداد بعض الأشياء وسأشرح لك الغرض من استخدامها بعد قليل.
حسنًا، دعونا نتحدث عن المتطلبات الأساسية لتكرار التنوع! [قص الصفحة]
على الرغم من أن IxEdit يُقال إنها أداة تطوير JavaScript، إلا أنها في الواقع مجرد مكتبة نصوص JavaScript تعتمد على jQuery وjQuery UI. لذلك، مطلوبة jQuery وjQuery UI. لكن IxEdit عبارة عن مكتبة JavaScript رائعة للغاية وتتطلب أيضًا استخدام قاعدة بيانات محلية، لذلك يتطلب هذا الشيء برنامج Google Gears الرائع للغاية.
على الرغم من أنني ضحكت على نفسي عندما كنت أترجم إلى اللغة الصينية، إلا أنني بعد جهود لا حصر لها في مراحل مختلفة، ما زلت غير قادر على تنزيل حزمة التثبيت الرسمية لـ Google Gears من Google وتثبيتها بنجاح (التنزيل عبارة عن حزمة تثبيت عبر الإنترنت، واتصال بالإنترنت) مطلوب للتثبيت)). لقد جعلني أشعر بقوة أن النشأة داخل أسوار الوطن الأم كانت آمنة للغاية.
ولذلك، فإن الطريق إلى تثبيت Google Gears معطل. ومع ذلك، لا يهم. على الرغم من عدم وجود طريقة لمتابعة Google Gears، إلا أنه يمكننا إنقاذ البلاد من خلال المنحنيات. أليس Google Gears من إنتاج Google؟ إذن يجب أن يأتي متصفح Google Chome بالتأكيد مع هذا الشيء. ولحسن الحظ، هذا صحيح، لذلك إذا كنت تستخدم متصفح Chome، فسيكون لديك Google Gears تلقائيًا. أيضًا: يأتي متصفح Apple Safari أيضًا مع هذا الشيء. وهكذا، تم حل مشكلة Google Gears المزعجة.
قد يتساءل بعض الأصدقاء: هل تحتاج صفحات الويب التي تم إنشاؤها أيضًا إلى Google Gears؟ في الواقع، لا يهم. ما تحتاجه هو Google Gears لبيئة التطوير فقط. ولم تعد صفحات الويب المطورة بحاجة إلى Google Gears . وهذا يشبه تمامًا موقع الويب الذي قمنا بتطويره باستخدام VS2008، ولكن عندما يتصفح المستخدمون موقع الويب الذي أنشأناه، فإنهم لا يحتاجون إلى تثبيت VS2008.
IxEdit js، يبدو أنه لا يوجد شيء يمكن قوله حول هذا الأمر، إذا لم يكن هناك شيء من هذا القبيل، فما عليك سوى إنشاء ملف P.
يبدو مصطلح "نشر بيئة التطوير" مصطلحًا احترافيًا للغاية، ولكنه يعني في الواقع تنزيل حزمة مضغوطة ثم فك ضغطها. السبب وراء استخدامك لهذه الكلمة الرائعة هو أنه يمكنك أن تظهر لنفسك للفتيات الصغيرات في الشركة أنك رائع ووسيم ورائع بما فيه الكفاية، حتى تتمكن من التغلب على وعيهن المتعجرف في المجال المهني.
حسنًا، فلنقم بتنزيل هذه الحزمة المضغوطة الرائعة التي يمكنها "نشر بيئة التطوير"!
قم بفك ضغط هذا الشيء، وسيتم نشر بيئة التطوير المحلية الرائعة! بالطبع، إذا كنت تشعر أن مجرد النقر بزر الماوس الأيمن واختيار "استخراج إلى..." أمام الفنان الصغير ليس أمرًا رائعًا بما فيه الكفاية، فيمكنك إدراج بعض أوامر Dos الرائعة المظهر ولكنها عديمة الفائدة في المنتصف. في الظروف العادية، عندما يرى الفنانون الصغار نافذة مظلمة ويحتاجون إلى إدخال بعض الأوامر غير المفهومة، ثم تتغير النافذة بشكل كبير، فسوف يربطونها دائمًا بالمتسللين، مما يخلق شعورًا بالغموض والإعجاب. إذا لم تكن على دراية بـ Dos، فإليك تأثيرًا ودودًا، والتأثير جيد جدًا، وستتغير النافذة المظلمة بشكل جذري، أي: dir /w囧rz~
استخدم EditPlus لفتح ملف المثال في الحزمة المضغوطة (أنا شخصيًا من أشد المعجبين بـ EditPlus، لذا باستخدام هذا، يمكنك استخدام أي محرر لفتح هذا الملف). ثم سترى بعض الأمثلة وطبقة منبثقة داكنة. هذه الطبقة المنبثقة هي روح IxEdit بأكمله. ومن خلاله، يمكنك إكمال المهمة ببضع نقرات فقط بالماوس. ملف مثال (أنا شخصيًا من أشد المعجبين بـ EditPlus، لذا باستخدام هذا، يمكنك فتح هذا الملف باستخدام أي محرر). ثم سترى بعض الأمثلة وطبقة منبثقة داكنة. هذه الطبقة المنبثقة هي روح IxEdit بأكمله. ومن خلاله، يمكنك إكمال المهمة ببضع نقرات فقط بالماوس.
الواجهة الرئيسية لـ IxEdit هي الطبقة المنبثقة المظلمة داخل الصفحة. فيما يتعلق بإصدار اللغة، أحتاج إلى التحدث عنها بشكل عام: سيحدد IxEdit اللغة التي سيتم استخدامها بناءً على إصدار اللغة في متصفحك . اللغة الافتراضية الرسمية هي الإنجليزية واليابانية، ولم أكن سعيدًا بعض الشيء لأنه تم توفير اللغة اليابانية بالمناسبة ، لذلك استغرق الأمر بعض الوقت، وقمت ببعض توطين الواجهة الرئيسية. ومع ذلك، في هذه المرحلة، لم أقم إلا ببعض الترجمة الصينية البسيطة للواجهة الرئيسية، ولا يزال بعض محتوى المساعدة غير صيني، علاوة على ذلك، فإن مستواي في اللغة الإنجليزية ضعيف جدًا، والترجمة جيدة جدًا. إذا كنت تريد مساعدتنا في توطين هذا البرنامج الرائع، يرجى زيارة مجموعة Blog Park IxEdit . دعونا نحسن النسخة الصينية تدريجيًا ونعمل بجد!
طريقة استخدام أداة معينة ليست مباشرة مثل الشرح الطويل + لقطات الشاشة، لذلك قررت أن أشرحها على شكل فيديو. إذا لم تتمكن من مشاهدة مقاطع الفيديو عبر الإنترنت، يمكنك تنزيل ملفات الفيديو أسفل المقالة وتنزيلها محليًا للعرض.
استخدم IxEdit لتشغيل DOM بسهولة، بما في ذلك:
سيشرح الفيديو بعض تطبيقات معالجة DOM الشائعة.
باستخدام IxEdit يمكنك بسهولة تحقيق بعض تأثيرات الرسوم المتحركة الرائعة جدًا، بما في ذلك:
سيشرح الفيديو تطبيق بعض تأثيرات الرسوم المتحركة الشائعة الاستخدام.
يمكن أن يؤدي استخدام IxEdit إلى تحقيق بعض التأثيرات الخاصة بسهولة، بما في ذلك:
سيشرح الفيديو تطبيق بعض المؤثرات الخاصة شائعة الاستخدام.
البعض الآخر لا يزال تأثيرات بسيطة للغاية، لذلك لن أضيع وقت الجميع في شرحها. سوف يفهمها الجميع بعد القليل من الاستكشاف.
في الواقع، يحتوي IxEdit على وضع متقدم (استخدم ixedit.advancedMode=true;). سيؤدي تشغيل الوضع المتقدم إلى فتح بعض الوظائف التي لا يستخدمها الخبراء عادةً. سيوضح لك الفيديو أدناه كيفية تشغيل الوضع المتقدم في IxEdit.
بعد العمل لفترة طويلة، سيتم تغطية هذه الخطوة إذا تم تطبيق النتائج على الصفحة النهائية. بعد النشر، ليست هناك حاجة إلى Google Gears ومتصفح chome وملفات مكتبة IxEdit js والأشياء الفوضوية الأخرى. أما بالنسبة لكيفية استخدام الكود الذي تم إنشاؤه بواسطة IxEdit، يرجى مشاهدة الفيديو التعليمي أدناه!
نظرًا لأن IxEdit يستخدم Google Gears، فيمكن حفظ إعداداتك وعملك وفتحها في المرة القادمة لمواصلة العمل. يشبه نوعًا ما وظيفتي "حفظ" و"فتح". يتم حفظه تلقائيًا بشكل افتراضي. إذا كنت بحاجة إلى "حفظ باسم"، فيمكنك النقر فوق قائمة IxEdit في الزاوية اليسرى العليا وتحديد أمر "إعدادات التصدير/الاستيراد" لتحقيق ذلك.
يعد IxEdit أمرًا جيدًا حقًا، حيث يسمح للأشخاص الذين لا يعرفون JavaScript بتنفيذ تأثيرات JavaScript الشائعة بسهولة. يتيح لك التعاون مع jQuery وjQuery UI تحقيق تأثيرات رائعة بسهولة.
ومع ذلك، لا يزال IxEdit في الإصدار التجريبي في الوقت الحالي، لذلك لا يزال هناك مجال كبير للتحسين. دعونا نتطلع إلى ذلك!
الأصدقاء الذين يرغبون في المشاركة في النسخة الصينية من IxEdit، يرجى الحضور إلى مجموعة IxEdit في Blog Park. دع IxEdit لا يحتوي على إصدارات رسمية باللغتين الإنجليزية واليابانية فحسب، بل يحتوي أيضًا على نسخة صينية!
العنوان الأصلي: http://www.cnblogs.com/JustinYoung/archive/2009/11/18/ixedit.html
IxEdit_pack_cn.rar