جافاسكريبت - تضمين JQuery Mobile في مشروع Node JS باستخدام Browserify

أنا أكتب تطبيق Node JS حيث أحتاج إلى كل من jQuery UI و jQuery Mobile. أنا أستخدم Browserify لتجميع الوحدات في ملف js واحد.

لدي الكود التالي لتضمين jQuery و jQuery UI في مشروعي.

var jQuery = require('jquery'); require('jquery-ui-browserify');

ويعمل ذلك. تنش

اقرأ أكثر →

جافاسكريبت - كيف ترسل إشارات (تشغيل الأحداث) عبر جميع علامات تبويب المتصفح باستخدام جافاسكريبت أو JQuery/إطار عمل جافاسكريبت؟

لدي العديد من الصفحات المفتوحة لموقعي في المتصفح. كيف يمكنني إرسال إشارات (أحداث تفعيل) من خلالها جميعًا، ربما قد يعرف أحدهم مقالًا أو منشور مدونة جيدًا حول هذا الموضوع؟ مثال: في إحدى الصفحات سأكون قد سجلت الدخول إلى الموقع، وبعد بضع ثوانٍ يجب أن يتغير واجهة المستخدم في الصفحات الأخرى. ما هي النصيحة أفضل ممارسة لتنفيذ هذه الحالة؟ أعتذر عن اللغة الإنجليزية السيئة، لست متحدثًا أصليًا.

الإجابة رقم 1

يمكنك استخدام localStorage، وهو مخزن

اقرأ أكثر →

جافاسكريبت - $browser.$$checkUrlChange غير معرف في اختبار Jasmine

لدي الاختبار التالي:

it('should maintain a bind between the data at the $scope to the data at the ingredientsService', function(){ $scope.addFilters('val1', $scope.customFiltersData, 'filter1'); $scope.$digest(); expect($scope.customFiltersData).toEqual(ingredientsService.filters()); });

أتلقى الخطأ التالي:

TypeError: undefined is not a function at Scope.$digest (/home/oleg/dev/vita-webapp-new/bower_components/angular/angular.js:1250

اقرأ أكثر →

جافاسكريبت - Gulp.js خدم ملفات src بدون browserSync؟

أنشأت مشروعًا جديدًا باستخدام Yeoman Gulp-Angular.

أنا أفهم فكرة BrowserSync، لكن بصراحة لا أستطيع أن أفهم كيف يتحمل أي شخص أن تتدفق طلبات الشبكة لديه بهذا الشكل:

أود إزالة BrowserSync من مشروعي فورًا.

كيف يمكن تصحيح الكود التالي من أجل gulp serve وأداء نفس وظيفة معاينة ملفات src

اقرأ أكثر →

جافا سكريبت - تجميع وحدات CommonJS للمتصفح/الخادم مع التبعيات

لنقل أنني أكتب وحدة في جافاسكريبت يمكن استخدامها في كل من المتصفح والخادم (مع Node). دعنا نسميها Module. ولنقل أن تلك Module ستستفيد من الأساليب في وحدة أخرى تسمى Dependancy. كلا هاتين الوحدتين تم كتابتهما ليتم استخدامهما في كل من المتصفح

اقرأ أكثر →

جافاسكريبت - شبكة Angular UI لا تعرض المحتوى إلا إذا تم تغيير حجم نافذة المتصفح

أنا أستخدم angularjs 1.5.0 مع angular ui grid 3.1.1. عندما أقوم بتعيين كائن gridOptions (الممرَّر إلى توجيه الشبكة) في جسم وحدة التحكم على هذا النحو:

$scope.gridOptions = { data: [{"mock2": 1, "mock1": 2}, {"mock2": 10, "mock1": 22} ] };

اقرأ أكثر →

جافاسكريبت - هل تقوم المتصفحات تلقائيًا بتحويل الألوان بالصيغة السداسية أو HSL إلى RGB عند تعيينها عبر element.style.background؟

لست متأكداً إذا كنت أفوت شيئًا واضحًا، لكن هل يمكن لأحد أن يشرح لي هذا؟ المقتطف التالي هو مما قمت به على وحدة تحكم أدوات المطور في كروم. نفس النتيجة في فايرفوكس.

> let container = document.createElement("div") > undefined > container.style.background = "#bbb" > "#bbb" > container > <div style=​"background:​ rgb(187, 187, 187)​;​">​</div>​ > container.style.background = "hsl(120, 50%, 50%)" > "hsl(120, 50%, 50%)" > container > <div sty

اقرأ أكثر →

جافاسكريبت - كيف تعرف متى ينتهي المتصفح من معالجة صورة بعد تحميلها؟

عندما يتم إنشاء كائن صورة، يمكن معرفة موعد اكتمال تحميلها باستخدام خاصية "complete"، أو باستخدام طريقة "onload"، ثم، يتم معالجة هذه الصورة (مثل تغيير الحجم على سبيل المثال) باستخدام بعض الوقت، وقد يستغرق هذا بضع ثوانٍ في الملفات الكبيرة. كيف يمكن معرفة موعد انتهاء المتصفح

اقرأ أكثر →

جافاسكريبت - سحب الملف من نافذة المتصفح إلى البرنامج

هل هناك طريقة لسحب ملف من صفحة ويب مخصصة، مستضافة على جهاز محلي، إلى برنامج؟

مثال على الاستخدام:

من أجل السؤال، أريد سحب ملف .mb من مكتبة HTML قمت بإنشائها إلى برنامج Maya. من الناحية المثالية، سيكون هذا كما لو أنني قد سحبت ملفًا من Finder أو Windows Explorer. أعلم أنه يمكنك السحب والإفلات على متصفح باستخدام HTML5

اقرأ أكثر →

جافاسكريبت - أخطاء Redux NODE_ENV مع Gulp/Browserify

أتلقى رسالة خطأ هذه على تطبيق React/Redux الذي تم تصغيره وتجميعه باستخدام Browserify و Gulp وتم نشره على Heroku.

لكن يبدو أن خطوة البناء تتم في NODE_ENV='production'.

لدي مهمة تضبط متغيرات البيئة هكذا

gulp.task('apply-prod-environment', function() { return process.env.NODE_E

اقرأ أكثر →