2008 13 سبتمبر 2008

جافا سكريبت: تحرير صفحة ويب في المستعرض

كذلك، يجب أن أقول، وليس مثل قطعة مفيدة من العلم، ولكن إذا كنت مطور ويب، قد تأتي في متناول يدي، ويوما ما (أو سيتم ذلك؟). هنا بووكمركلت الصغيرة، والتي تسمح لتحرير صفحات الويب عن أي موقع.
وعذرا! يمكنك حفظ النتائج على الجهاز المحلي فقط.

جافا سكريبت: document.body.contentEditable = 'صحيح'؛ document.designMode = 'على'؛ باطل 0


2008 15 مايو 2008

أفضل الممارسات: العمل مع وجافا سكريبت

وتشمل لجافا سكريبت في أسفل المستند HTML

إذا لم يكن لديك document.write (أو أي جيل ديناميكي من محتويات الصفحة باستخدام جافاسكريبتس) لإدراج جزء من محتوى الصفحة في البرامج النصية، نقل سيناريو يتضمن البيان إلى أسفل الصفحة، قبل نهاية العلامة BODY.
مواصفات HTTP/1.1 تشير إلى أن برامج التصفح تحميل ما لا يزيد عن عنصرين في نفس الوقت لكل اسم المضيف. إذا كنت تستخدم الصور الخاصة بك من أسماء المضيفين متعددة، يمكنك الحصول على أكثر من عقدين من التنزيلات تحدث في نفس الوقت. في حين أن السيناريو هو تحميله، ومع ذلك، فإن المتصفح لا تبدأ أي تنزيلات أخرى، وحتى على أسماء المضيفين مختلفة.
وهناك أيضا وسائل لخلق ديناميكية العقد النصي وتحميل البرامج النصية البعيد بعد أن يتم تحميل الصفحة باستخدام أجاكس.

الخارجى كنت في جافا سكريبت

وسوف تستخدم ملفات جافا سكريبت خارجي يؤدي إلى سرعة تحميل صفحات لأن الملفات جافا سكريبت يتم مؤقتا من قبل المتصفح. الحصول على تحميل "جافا سكريبت مضمنة في مستندات HTML في كل مرة يطلب من وثيقة HTML. وهذا قد يقلص في الواقع عدد من طلبات HTTP التي كنه يزيد في وقت لاحق من حجم وثيقة HTML. خارجي جافا سكريبت ليتم مؤقتا من قبل المتصفح، يتم تقليل حجم المستند HTML دون زيادة عدد طلبات HTTP.
يرجى ملاحظة أنه إذا كان المستخدمون في موقعك وجهات نظر متعددة الصفحات في كل دورة، والعديد من الصفحات الخاصة بك إعادة استخدام النصوص نفسها، ومعدات الشكل، وهناك قدر أكبر من الفائدة المرجوة من الملفات الخارجية مؤقتا.

حقيبتك ملفات جافا سكريبت

في حالة من جافاسكريبتس، بخلاف CSS، يمكن مطحون الملفات باستخدام بعض الخوارزميات القياسية التي من شأنها أن تعطي حجم الملف المخفض من مجرد إزالة مسافات أو علامات التبويب. يمكن العثور على مثال باكر جافا سكريبت هنا http://dean.edwards.name/packer/

تخلص من أي مخطوطات مكررة

أنه من غير المألوف جدا التي يمكن أن تتكرر الكتابات كلها، ولكن استعراضا لأفضل عشرة مواقع على شبكة الإنترنت الولايات المتحدة تبين أن اثنين منهم تحتوي على تكرار السيناريو. تكرار مخطوطات ولكن يقلل من الواضح أن أداء لا لزوم لها من خلال إنشاء طلبات HTTP واهدر تنفيذ جافا سكريبت.
أيضا، في كثير من الحالات، على الرغم من أن أسماء مخطوطات مختلفة، وهناك احتمال للمخطوطات مكررة في نفس الصفحة نظرا لحجم الفريق وعدد من النصوص.

الحد من الوصول إلى عناصر DOM حيثما كان ذلك ممكنا

الوصول إلى عناصر DOM مع جافا سكريبت بطيء جدا من أجل الحصول على صفحة أكثر استجابة، يجب:
مراجع مخبأ لعناصر الوصول •
• العقد تحديث "حاليا"، ومن ثم إضافتها إلى شجرة
• تجنب تحديد نسق مع جافا سكريبت

منفصلة سلوك من المضمون والعرض

تماما كما عرض منفصل (CSS / XSLT) من المحتوى (XHTML / XML)، ونحن يجب أن تفصل أيضا سلوك (جافا سكريبت). وهذا ما يسمى جافا سكريبت غير مزعجة. تماما كما ربط ملفات CSS الخارجية، ينبغي أن نربط إلى ملفات جافا سكريبت خارجي.

بدلا من الصعب الترميز السلوك في محتوى (مثل onmouseover، OnClick الخاص، وما إلى ذلك)، ينبغي سلوك حيوي إضافة إلى عناصر، والطبقات، وعناصر فريدة (معرفات) باستخدام DOM. ينبغي لهذه الوثيقة التأسيسية، والمحتوى، وتحتوي على الأقسام المختلفة صالحة فقط / XML وجافا سكريبت لا.
وينبغي أن جافا سكريبت زيادة محتوى عن طريق إضافة السلوك. ينبغي للمحتوى لا تزال مفيدة وصالحة للاستعمال بدون جافا سكريبت (أو من دون دعم جافا سكريبت كامل).


NDK الرئيسية | معربا عن تكنولوجيا المعلومات | الحنك تعرب | Penmenship تعرب | الرهبة تعرب | تعرب عن نفسي