لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 09/03/22 in أجوبة
-
لدي استفسار بخصوص ال promptعندما اريد اضافتها في البرمجة لا تتعرف عليها في برنامج VS ارجى المساعدة في معرفة الخطأ ويرجى ايجاد تصوير الشاشة
2 نقاط -
مرحباً وضعت رابط ضمن صفحة الويب لينتقل إلى الموضوع ضمن نفس الصفحة , عندما يضع المستخدم مؤشر الماوس فوق الرابط يظهر عنوان الصفحة أسفل الشاشة , أريد إخفاء ذلك أو عدم حدوثه . هل هناك طريقة بواسطة css ؟1 نقطة
-
كيف ارفع ملف الموقع علئ استظافه مدفوعه او مجانيه)(data php html css jquary l)1 نقطة
-
السلام عليكم. في الكود التالي let arr = ["ahmed","mohamed","mahmoud","ali","omar"] const btn = document.querySelector('button') function sayHello() { let i=0 btn.addEventListener('click', ()=>{ console.log(`Hello I'm ${arr[i]}`) i++ }) } setTimeout(sayHello,3000) عندما أضغط على الزر تظهر الرسالة مباشرة و ليس بعد 3 ثواني. الرجاء المساعدة و شكرا.1 نقطة
-
أريد تحويل كائن Date إلى نص ولكن بصيغة YYYYMMDD ، وما أقوم به هو إستخدام مجموعة من التوابع مثل getMonth و getFullYear و getDay .. إلخ. هل توجد طريقة أفضل من هذه لتحويل كائن Date إلى صيغة YYYYMMDD مباشرة بدلًا من إستعمال العديد من التوابع معًا؟1 نقطة
-
في الكود التالي قيمة b في الحالتين تساوي 0. الرجاء التوضيح. الكود: let a = true let b = 0 if (a) { b === 1 console.log(b); } console.log(b)1 نقطة
-
b في الحالتين تساوي 0 لأنك لم تغيير قيمة الـ b في أي مكان في الكود الخاص بك، والشكل الصحيح للكود الذي تحاول تطبيقه هو : let a = true let b = 0 if (a) { // b الكود التالي لا يقوم بإسناد اي قيمة للـ // b === 1 // كيفية الاسناد الصحيحة b = 1 console.log(b); // 1 } console.log(b) // 1 لأن b === 1 هي عبارة عن وظيفة تعيد true إذا كان b يساوي 1 في القيمة والنوع، وإلا فإنها تعيد false. تعرف اكثر عن المعامل "===" من موسوعة حسوب أما b = 1 فهي عبارة عن اسناد القيمة 1 للمتغير b. لاحظ الكود التالي : let a = true let b = 0 if (a) { console.log(b === 1) // false b = 1 console.log(b === 1) // true }1 نقطة
-
وضعت رابط ضمن صفحة الويب لينتقل إلى الموضوع ضمن نفس الصفحة , ولينتقل ببطء وضعت سمة scroll-behavior:smooth . هل يمكن التحكم بسرعة السكرول ليكون أبطأ مثلاً كما نتحكم ببعض الميزات بواسطة : transition أو animation ?1 نقطة
-
يمكن تنفيذ الـ scroll الذي تتحدث عنه باستخدام JS، لاحظ المثال التالي : <a href="#" id="myBtn">رابطي</a> <div style="height: 2000px">عبارة عن قسم طويل جداً</div> <div id="myTarget">العنصر المستهدف</div> <script> // اربط العنصر المستهدف بالرابط الخاص بك وحدد الزمن التي تريد ان تستغرقه العملية document.getElementById("myBtn").onclick = function (e) { e.preventDefault(); const myTarget = document.getElementById("myTarget"); scrollTo(myTarget, 10000); // ستحتاج 10 ثواني للوصول إلى العنصر المستهدف }; function scrollTo(element, duration) { var e = document.documentElement; if (e.scrollTop === 0) { var t = e.scrollTop; ++e.scrollTop; e = t + 1 === e.scrollTop-- ? e : document.body; } scrollToC(e, e.scrollTop, element, duration); } function scrollToC(element, from, to, duration) { if (duration <= 0) return; if (typeof from === "object") from = from.offsetTop; if (typeof to === "object") to = to.offsetTop; scrollToX(element, from, to, 0, 1 / duration, 20, easeOutCuaic); } function scrollToX(element, xFrom, xTo, t01, speed, step, motion) { if (t01 < 0 || t01 > 1 || speed <= 0) { element.scrollTop = xTo; return; } element.scrollTop = xFrom - (xFrom - xTo) * motion(t01); t01 += speed * step; debugger; setTimeout(function () { scrollToX(element, xFrom, xTo, t01, speed, step, motion); }, step); } function easeOutCuaic(t) { t--; return t * t * t + 1; } </script> كما يمكنك تنفيذ الوظيفة نفسها باستخدام الوظيفة animate في jQuery.1 نقطة
-
هناك طريقة و هي القيام بجعل الصفحة أبعد و بالتالي يبدو ال scroll أبطئ، كمثال على ذلك من الواقع فإنك ترى الطائرة في السماء و كأنها بطيئة و تشعر بأن سيارة قربك أسرع منها و لكن ذلك نتيجة وهم المسافة. و بالتالي يمكن القيام بنفس الأمر مع الموقع عن طريق دفعه إلى الخلف باستعمال الخاصية transform و طبعا سنضطر إلى القيام ب scale للموقع ﻷنه سيبدو أصغر. يمكن القيام بذلك بالشكل التالي: <body> <div class="scroll"> <div class="scroll2"> ... </div> </div> </body> body { padding: 0; overflow: hidden; } .scroll { width: 100vw; height: 100vh; overflow-y: auto; overflow-x: hidden; perspective: 1px; transform-style: preserve-3d } .scroll2 { transform: translateZ(-1px) scale(2); }1 نقطة
-
لا يمكن إخفاء الاقتراح الذي يظهر اسفل الشاشة عند الإشارة إلى رابط معين باستخدام CSS. ولكن يمكنك فعل ذلك باستخدام JS بعدم وضع href للعنصر a أو جعلها مساوية للـ # href = '#' وإضافة وظيفة onClick للعنصر a الخاص بك تقوم بعملية الانتقال إلى الجزء الذي تريده من الصفحة. <a href="#" onclick="window.location.href='#someWher'">رابطي</a> <!-- أو يمكنك استخدام الشكل التالي --> <a href="#" style="cursor: pointer" onclick="window.location.href='#someWher'">رابطي</a>1 نقطة
-
كيف يمكنني الحصول على عارض شرائح شكله مطابق تماما للصورة 1 وكيف اضع خلفية المربع للصورة المعروضة .. هل يوجد طريقة سريعة لانه يسكون هناك الكثير من عارض الشرائح بشكل مكرر في صفحتين من الموقع سيكون هناك العشرات من عارض الشرائح والكثير من الصور ملاحظة اعمل على مشروع حقيقي غير تدريبي واقتربت من انهائه كلياً ، بعد البحث الطويل على النت لم اصل الى النتيجة المطلوبة ،يمكنك رؤية الشكل الذي وصلت اليه في الصورة 2 .....باستخدام bootstrap5 ارجو المساعدة شكرا جزيلا
1 نقطة -
أحاول إستعمال مكتبة React-router لإضافة ميزة التنقل بين الصفحات في أحد مشاريع React.js ولكن عندما قمت بإنشاء بعض المسارات Routes ظهر لي الخطأ التالي: Error: A Route is only ever to be used as the child of element, never rendered directly. Please wrap your Route in a Routes. لم أفهم سبب الخطأ، وما معني "wrap your Route in a Routes" هنا الكود الخاص بي: import { Route } from "react-router-dom"; function App() { return ( <div> <Route path = "/"> <div>Home Page</div> </Route> <Route path = "/about"> <div>About Us Page</div> </Route> </div> ); } export default App; وقمت بالتأكد من إضافة BrowserRouter إلى المشروع: import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; import App from "./App"; ReactDOM.render( <BrowserRouter> <App /> </BrowserRouter>, document.getElementById('root') );1 نقطة
-
هل هناك مواقع يوجد بها صور عالية الجوده مثل هذه ؟
1 نقطة -
بحسب الصورة التي أرفقتها فأظن انك تريد موقع يقدم أيقونات ملونة وبجودة عالية، و يوجد العديد من مواقع التي تقدم هذه الايقونات ومن اشهرها : svgrepo freesvg flaticon icons8 iconfinder1 نقطة
-
إن بعض خواص جافاسكربت تختلف بين بيئة المتصفح و بيئة Node مثلا document و prompet تتواجد فقط في المتصفح، ولن تعمل من خلال Node.JS. إما تكتب جافاسكربت في المتصفح في console في أدوات المطورين التي تفتح من خلال F12 أو ربط ملف جافاسكربت مع ملف HTML وفتح الأخير في المتصفح.1 نقطة
-
هل يوجد تعليم للذكاء الاصطناعي في دورة بايثون1 نقطة
-
أريد أن اعطي اوبستي لجميع العناصر ، باستثناء العنصر الأخير
1 نقطة -
أريد أن أعمل خيارين فقط في parametrs لأحد url ، مثلا exemple.com/fr , exemple.com/ar فقط بمعنى اريد ان اعمل url ب regex بحيث يحقق فقط ar و fr1 نقطة
-
بما أنك تريد القيام بذلك من أجل اللغة فهناك طريقة أفضل من استعمال ال regex لذلك، و هو استعمال ال i18_patterns بحيث تقوم بإحاطة ال urls التي تريد أن يكون خيار اللغة مفعل من أجلهم و سيقوم الدجانغو تلقائياً بأخذ الخيارات التي قمت بإتاحتها عن طريق ال settings من أجل اللغة. كمثال على ذلك: from django.urls import path, include from pages.views import HomeView from django.conf.urls.i18n import i18n_patterns urlpatterns = i18n_patterns( path('admin/', admin.site.urls), path('products/', include('products.urls')), path('accounts/', include('allauth.urls')), path('reviews/', include('reviews.urls')), path('language-preference/', include('pages.urls')), path('shopping_cart/', include('shopping_cart.urls')), path('', HomeView.as_view(), name='home'), ) و في ملف ال settings يجب عليك وضع ما يلي: LANGUAGES = ( ('ar', gettext('Arabic')), ('fr', gettext('French')), ) USE_I18N = True و بالتالي هنا لن يأخذ غير الخيارين الذي يعبران عن اللغات التي قمت بتحديدها. هذه الطريقة أفضل ﻷنها تلقائياً سوف تقوم بوضع اللغة على اللغة المحلية للمستخدم، بالطبع يجب عليك توفير زر يقوم بعملية التحويل (لن يقوم المستخدم بكتابة اللغة في الرابط)، و لكن حتى بدون زر التحويل هذا سوف يقوم بأخذ اللغة الافتراضية لجهاز المستخدم. هناك طريقة أخرى تعتمد على ال regex و لكنها ليست مستحبة، أما إذا كنت تريد أن يقوم المستخدم بإدخال متحول و له شروط معينة يمكنك القيام بتعديل ذلك في ال view بحيث تقوم بإرجاع 404 في حال لم تكن قيمة المتحول ما تريده. و إذا كنت مصراً على استعمال ال regex فيمكنك استعمال re_path و الذي هو يمثال ال path و لكن يقبل ب regex و بالتالي يمكنك ضمنه وضع خيار ar|fr بحيث سيأخذ فقط أحدهما.1 نقطة
-
نلاحظ أن الجزء الأول مشترك بين المسارين، ثم يأتي قيمتين اختياريتين exemple.com/fr , exemple.com/ar urlpatterns = [ url(r'^exemple.com/(ar|fr)', admin.site.urls), ] أول جزء يكوت ثابت، ثم نضع بين قوسين القيمتين الاختياريتين و بينهم | الذي يعني أو - or - ( عربي أو فرنسي )1 نقطة
-
نعم يوجد api خاص بإضافة المنتجات والعناصر في الصفحات التجارية على الفيسبوك إضافة منتج إلى FACEBOOK SHOP : لإرسال منتج أو تحديثه أو حتى حذفه نستعمل نقطة النهاية : /{catalog_id}/items_batch https://graph.facebook.com/<API_VERSION>/<CATALOG_ID>/items_batch?requests=<REQUESTS> مثال على request curl \ -d @body.json \ -H "Content-Type: application/json" { "access_token": "<ACCESS_TOKEN>", "item_type": "PRODUCT_ITEM", "requests": [ { "method": "DELETE", // ممكن تكون CREATE UPDATE DELETE "data": { "id": "معرف المنتج" } }, { "method": "CREATE", "data": { "id": "retailer-2", "availability": "المخزون", "brand": "Nike", "google_product_category": "فئة المنتج", "description": "وصف المنتج", "image_link": "http://www.images.example.com/t-shirts/1.png", "title": "اسم المنتج", "price": "سعر المنتج + عملة المنتج بمعايير iso ", "condition": "حالة المنتج ", "link":"رابط المنتج", "item_group_id": "معرف مجموعة المنتج" } }, { "method": "UPDATE", "data": { "availability": "خارج المخزون", "id": "retailer-3", } } ] }1 نقطة
-
المصفوفات ليست من أنواع البيانات Data Types الأساسية في جافاسكربت، بل تعتبر من نوع كائن Object كغيرها من الأصناف، لذا للتحقق من أن قيمة ما هي من نوع مصفوفة يمكن استخدام الكلمة المحجوزة instanceof والتحقق ما إذا كانت القيمة نسخة من نوع Array كالتالي: [] instanceof Array // true 5 instanceof Array // false {} instanceof Array // false "Emad" instanceof Array // false أو لجعل الشيفرة أكثر وضوحًا يمكن الاستعانة بالتابع الثابت static ضمن الصنف Array نفسه بالاسم isArray، حيث يعيد قيمة منطقية تدل فيما إذا كانت القيمة الممررة له هي مصفوفة كالتالي: Array.isArray([]) // true Array.isArray(5) // false Array.isArray({}) // false Array.isArray("Emad") // false1 نقطة
-
JSON أو JavaScript Object Symation هي صيغة بسيطة وقابلة للقراءة بسهولة من قبل الإنسان ويتم استخدامها لتمثيل البيانات و تبادلها بين الأنظمة البرمجية المختلفة وهي ليست لغة برمجية إنما هي طريقة متفق عليها بين لغات البرمجة المختلفة لتمثيل البيانات بهدف سهولة تبادل البيانات بين هذه اللغات , يتم تمثيلها عن طريق نص ، والبنية لهذا النص تشبه الكائن أو Object في لغة البرمجة جافا سكربت, وهذه الصيغة مدعومة من لغات البرمجة الأساسية الأخرى وتستخدم هذه الصيغة بشكل كبير لتبادل البيانات بين الخادم والعميل Client-Server. يتم تمثيل البيانات في json من خلال المفاتيح Keys والقيم Values وهما الجزءان الأساسيان اللذان يشكلان JSON : المفتاح Key : يمثل اسم مميز وفريد لقيمة البيانات ويتم وضعه عادة بين علامات التنصيص القيمة Value : تمثل البيانات ويمكن أن تمثل اكثر من نوع بيانات مثل النصوص والأرقام والمصفوفات قيم true أو false. يشكل Key / Value سطر في صيغة جيسون حيث يتم استخدام علامة , كفاصل بين السطور. {"menu": { "id": "file", "value": "File" } } أنواع البيانات للقيم في JSON Array المصفوفة: مجموعة من القيم المترابطة على سبيل المثال: {family : [{ "name" : "Jason", "age" : "24", "gender" : "male" }, { "name" : "Kyle", "age" : "21", "gender" : "male" }], } Boolean قيمة منطقية: ولها احتمالان True او False. Number رقم: تكون القيمة عبارة عدد صحيحا أو حقيقيا أو فواصل عشرية. String السلسلة النصية: مجموعة من الأحرف النصية العادية تشكل عادة كلمة.1 نقطة
