البرنامج التعليمي لتصميم الويب_أساسيات تصميم الويب الاحترافية والبرامج التعليمية المتقدمة-الأكواد السفلية

العربية

中文(简体) 中文(繁体) 한국어 日本語 English Português Español Русский العربية Indonesia Deutsch Français ภาษาไทย

الصفحة الرئيسية> دروس تصميم الويب

الكل البرنامج التعليمي لبرنامج دريمويفر دروس جافا سكريبت تعليمي HTML دروس CSS النصائح والحيل البرنامج التعليمي لـ DHTML المؤثرات الخاصة على شبكة الإنترنت توحيد الويب

دروس تصميم الويب

Html5 Tetris الأصلي (استنادًا إلى القماش)

المرة الأولى التي كتبت فيها لعبة Tetris كانت منذ أكثر من عام، وكنت قد تعلمت لغة البرمجة JS منذ وقت ليس ببعيد. من أجل تعزيز فهمي لـ JS وإضافة حبي للألعاب، قمت بكتابة Tetris استنادًا إلى القماش باستخدام كود JS الأساسي دون الرجوع إلى أفكار وأكواد الآخرين. خل

2025-01-26
الفرق بين طريقتين لكتابة JavaScript لتحديد ما إذا كان المتغير غير محدد

في العمل، غالبًا ما نحتاج إلى تحديد ما إذا كان المتغير/الخاصية غير محددة. عادة ما تكون هناك طريقتان لنسخ الكود. الكود كما يلي: // الطريقة الأولى typeof age === 'uncategorized'; // الطريقة الثانية age === هل هناك فرق بين هاتين الطريقتين للكتابة؟

2025-01-26
شرح مفصل لمشاكل الضرب والقسمة بالفاصلة العشرية في جافا سكريبت (js)

1. ما هي نتيجة استخدام js لحساب 12.32 * 7؟ الجواب: 86.24000000000001 لماذا تحدث هذه المشكلة؟ كيفية حلها؟ يوجد خطأ في js عند التعامل مع ضرب وقسمة الكسور العشرية. يمكن أن يكون الحل: تحويل الكسور العشرية إلى أعداد صحيحة للمعالجة. يمكن تغيير الحساب أعلاه إلى:

2025-01-26
نموذج التعليمات البرمجية لتنفيذ بانوراما 360 درجة باستخدام HTML5 Canvas

تدعم العديد من مواقع التسوق الآن صورًا بانورامية بزاوية 360 درجة لكائنات حقيقية، ويمكنك اختيار عرض العينات بزاوية 360 درجة، وهذه تجربة استهلاك جيدة للمشترين. هناك العديد من هذه المكونات الإضافية على الإنترنت استنادًا إلى jQuery، وبعضها مدفوع أو مجانًا، نع

2025-01-26
طريقة مكتوبة بلغة js لعرض الصورة الأكبر بعد تحميل الصورة

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

2025-01-26
مثال لمقدمة لاستخدام يتطلب في ExtJS4

يتطلب ExtJS4 آلية جديدة، وذلك بشكل أساسي لتنفيذ آلية التحميل غير المتزامنة. بهذه الطريقة، لن يتم تحميل ملف js المقابل إلا إذا تم النقر على الزر أو الخيار المقابل، مما يؤدي إلى تحسين سرعة التحميل ووقت انتظار المستخدم. يتم تنفيذ آلية المتطلبات من خلال وظيفة

2025-01-26
واجهة دردشة WeChat المقلدة بتنسيق HTML5 وكود مثال WeChat Moments

في الأيام القليلة الماضية، استخدمت H5 لتطوير واجهة أمامية للدردشة تشبه WeChat، وخاصة أن المحرر السفلي لـ WeChat تم تطويره باستخدام HTML5، على الرغم من أن الوظائف والتأثيرات ليست شاملة مثل WeChat ، لا يزال بإمكانك إرسال الرسائل والرموز التعبيرية، وتمرير ال

2025-01-26
استنادًا إلى قماش Html5، يتم تحقيق وظائف اقتصاص الصور والفسيفساء وتحميل الصور إلى السحابة.

1. الوظائف الأساسية تتضمن وظائف هذا المكون ما يلي: اقتصاص الصورة (اسحب مربع الاقتصاص، ويغير حجم مربع الاقتصاص)؛ فسيفساء الصورة (رسم فسيفساء، فسيفساء واضحة)؛ واستعادة الصورة (العودة إلى الصورة الأصلية، والعودة إلى الصورة المعالجة)؛ تحميل الصور (احصل على ال

2025-01-26
الخروج من Node.js أو اكتشاف الصفحة المحدثة (ومتوافق مع FF وIE وChrome)

انسخ رمز الكود كما يلي: <!DOCTYPE html><html><head><script>function closeIt(){return "Any string value here forces a dialog box to /n"

2025-01-26
مثال على كيفية إضافة الأحداث إلى Canvas

كواجهة أمامية، تعد إضافة الأحداث إلى العناصر أمرًا شائعًا. لكن في Canvas، أي شيء مرسوم عليه لا يمكن الحصول عليه، ناهيك عن إضافة الأحداث، فهل نحن عاجزون عن ذلك؟ بالطبع لا! لا بد أننا استخدمنا العديد من أطر عمل Canvas في مشاريعنا اليومية، ووجدنا أنه تم استخ

2025-01-26
يقوم Native JS بتشغيل صفحة الويب لإضافة أحداث onclick إلى العنصر p وتغيير لون الجدول في كل صف آخر.

1. أضف أحداث onclick إلى جميع عناصر p في صفحة الويب: انسخ الكود كما يلي: <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><html><head>

2025-01-26
100 وظيفة مخصصة عملية لـ JS لا يمكنك تفويتها

1. تنفذ JavaScript الأصلية اعتراض طول السلسلة ونسخ التعليمات البرمجية على النحو التالي: function Cutstr(str, len) {var temp;var icount = 0;var patrn = /[^/x00-/xff]/;var strre

2025-01-25
تحليل سمات الحدث altKey وctrlKey وshiftKey

وظيفة events.altKey: اكتشاف ما إذا كان قد تم الضغط على مفتاح Alt عند وقوع الحدث. بناء الجملة: Event.altKey القيمة: true |. false الوصف: تكون سمة altKey صحيحة للإشارة إلى أنه تم الضغط على مفتاح Alt مع الاستمرار عند وقوع الحدث، وخطأ للإشارة إلى عدم الضغط عل

2025-01-25
هناك طريقتان لتحديد ما إذا كان عنوان URL صالحًا في js

الطريقة الأولى: (تنطبق فقط على أي) انسخ الكود كما يلي: function CheckStatus(url){XMLHTTP = new ActiveXObject("Microsoft.XMLHTTP")XMLHTTP.open("HEAD",url,f

2025-01-25
كيفية جعل عناصر HTML مثل ما قبل ومنطقة النص تزيل أشرطة التمرير وتلتف تلقائيًا وتكيف ارتفاع محتوى النص

يمكن لمنطقة Pre وtextarea في HTML عرض نص منسق مسبقًا. أي الحفاظ على المسافات والأسطر الجديدة. بدلاً من الاضطرار إلى إضافة عناصر HTML وما إلى ذلك لإضافة فواصل الأسطر ومسافات الطباعة. عند إزالة شريط التمرير مسبقًا، يعرض مسبقًا محتوى النص ولن يلتف تلقائيًا.

2025-01-25

الصفحة السابقة 9 10 11 121314 15 16 17الصفحة التالية