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

    شرح تفصيلي لتخطيط التكيف rem

    هناك أنواع عديدة من الهواتف المحمولة اليوم، ناهيك عن سلسلة iPhone، وهناك أنواع لا حصر لها من هواتف Android، لذلك من المستحيل كتابة مجموعة من أنماط التخطيط لكل هاتف محمول، وهذا مستحيل أيضًا، ولكن بالنسبة للواجهات الأمامية التي تسعى بشكل متزايد لتحقيق التمي
    2025-01-18
  • مثال على تأثير السحب والإسقاط ExtJS

    مثال على تأثير السحب والإسقاط ExtJS

    انسخ رمز الكود كما يلي:<html><head><title> مرحبًا</title><meta http-equiv="content-type" content="text/html;charset=utf-8">
    2025-01-18
  • استخدم Javascript للحصول على الموقع المحدد لعناصر الصفحة

    استخدم Javascript للحصول على الموقع المحدد لعناصر الصفحة

    في عملية إنشاء صفحة ويب، تحتاج أحيانًا إلى معرفة الموقع الدقيق لعنصر ما على صفحة الويب. يلخص البرنامج التعليمي التالي المعرفة ذات الصلة بجافا سكريبت في تحديد موضع صفحة الويب. 1. حجم صفحة الويب وحجم نافذة المتصفح أولاً، يجب توضيح مفهومين أساسيين. المساحة ا
    2025-01-18
  • مثال على استخدام كائن نافذة JavaScript

    مثال على استخدام كائن نافذة JavaScript

    كائن النافذة هو كائن المستوى الأعلى في نموذج كائن متصفح JavaScript ويحتوي على العديد من الأساليب والخصائص الشائعة: 1 افتح نافذة جديدة وانسخ الكود كما يلي: window.open(pageURL,name,parameters) حيث: pageURL هو مسار النافذة الفرعية n
    2025-01-18
  • html5 postMessage مثال على طريقة الاستماع عبر المجال الأمامي والواجهة الأمامية

    html5 postMessage مثال على طريقة الاستماع عبر المجال الأمامي والواجهة الأمامية

    في بعض الأحيان تواجه متطلبات سخيفة، مثل تسجيل الدخول الموحد للواجهة الأمامية! عندما تواجه حاجة، عليك أن تفكر في حل. سأقدم لك هنا حلاً بسيطًا لتسجيل الدخول الفردي للواجهة الأمامية، والذي يستخدم نقل المعلومات عبر النطاقات postMessage ومراقبة التخزين. نقاط ا
    2025-01-18
  • مثال على استخدام HTML5 IndexDB لتخزين الصور والملفات

    مثال على استخدام HTML5 IndexDB لتخزين الصور والملفات

    لقد كتبنا قبل بضعة أيام عن كيفية حفظ الصور والملفات في التخزين المحلي، وكان الأمر يتعلق بالبراغماتية المتاحة لنا اليوم. ومع ذلك، فإن localStorage له بعض الآثار المترتبة على الأداء - سنناقش هذا في مدونة لاحقة - والأسلوب المرغوب في المستقبل هو استخدام Index
    2025-01-18
  • فهم متعمق لقيمة التمرير والتمرير المرجعي في JavaScript

    فهم متعمق لقيمة التمرير والتمرير المرجعي في JavaScript

    1. يتم نسخ قيمة المتغير حسب القيمة ولن يكون لها أي علاقة بالقيمة الأصلية، أي أنه حتى لو تم تعديل القيمة الجديدة، فلن تتغير القيمة الأصلية في JavaScript حسب القيمة، انسخ الكود كما يلي: function testPassValue(){var m=
    2025-01-18
  • تنفيذ تقديم النموذج في HTML

    تنفيذ تقديم النموذج في HTML

    رمز إرسال النموذج 1. تحليل كود المصدر<!DOCTYPE html><html lang=en><head><meta charset=UTF-8>
    2025-01-18
  • مثال على رمز تنفيذ وظيفة لغز القماش

    مثال على رمز تنفيذ وظيفة لغز القماش

    لقد واجهت مؤخرًا وظيفة تجميع الصور أثناء العمل في مشروع ما، لذا سأشارك وظيفة تجميع الصور المغلفة هنا. قد لا يكون الكود مكتوبًا بشكل جيد. إذا كانت لديك أي أسئلة أو كانت لديك طريقة أفضل، فيمكنك الدردشة معي على انفراد. أو أشارت التعليقات إلى أن فكرة تنفيذها
    2025-01-18
  • تنفيذ التعليمات البرمجية لالتقاط لقطات شاشة HTML وحفظها كصور محلية

    تنفيذ التعليمات البرمجية لالتقاط لقطات شاشة HTML وحفظها كصور محلية

    الكود المحدد هو كما يلي:<!DOCTYPE html><html><head><meta charset=UTF-8><title> html2canvas_download</title>
    2025-01-18
  • كود التنفيذ للوحة رسم Canvas Pixel

    كود التنفيذ للوحة رسم Canvas Pixel

    في مشروع حديث، أرغب في تنفيذ لوحة رسم على شكل بكسل، حيث يمكن مسح شبكات البكسل الصغيرة، وتغيير لون تحديدات الإطار، ويمكن مسح الرسومات المختلفة. قد يبدو مثل هذا المشروع الصغير بسيطًا، ولكنه يحتوي على الكثير أشياء. لرسم شبكة بكسل، نحدد أولاً الفئة الفرعية لش
    2025-01-18
  • تحليل 11 مشكلة صعبة الفهم في جافا سكريبت

    تحليل 11 مشكلة صعبة الفهم في جافا سكريبت

    1. القيمة الأصلية والقيمة المرجعية يتم تخزينها في المكدس، ويتم تخزين القيمة المرجعية في الكومة. على سبيل المثال، انسخ الكود كما يلي: function Person(id,name,age){this .id = id;this.name = name ;this.age = age;}va
    2025-01-18
  • فهم متعمق لنطاق جافا سكريبت والترويج المتغير

    فهم متعمق لنطاق جافا سكريبت والترويج المتغير

    ما هي نتيجة البرنامج التالي؟ انسخ الكود كما يلي: var foo = 1; function bar() {if (!foo) {var foo = 10;}alert(foo);}bar(); فماذا عن التالية؟ انسخ رمز الكود كما يلي: var a
    2025-01-18
  • يقوم Node.js ببساطة بتنفيذ التأثير الفوري عند حذف السجلات

    يقوم Node.js ببساطة بتنفيذ التأثير الفوري عند حذف السجلات

    رمز نسخ النمط هو كما يلي:<style type="text/css"> body{font-size:13px} .divShow{line-height:32px;height:32px;background-color:#eee;wi
    2025-01-18
  • نموذج تعليمة برمجية لتغيير حجم خط تطبيق الويب ليتوافق مع حجم خط النظام

    نموذج تعليمة برمجية لتغيير حجم خط تطبيق الويب ليتوافق مع حجم خط النظام

    لقد عملت مؤخرًا على مشروع تطبيق ويب، وهو عبارة عن تطوير مختلط، مع صفحات H5 متداخلة لعرض الويب الأصلي والداخلي. تم تطوير الواجهة الأمامية باستخدام vue، وتم التعديل بواسطة Flex+rem. كان كل شيء على ما يرام في الأصل، لكن القائد قال إن بعض العملاء كانوا كبارًا
    2025-01-18