javascript- все статьи тега


Реализация VR-пространства в браузере

Предлагаю начать с основ, а именно с фреймворка A-Frame, поскольку он упрощает работу на основе уже имеющихся знаний об HTML5 и JavaScript. Совместим ли он с WebXR? Да, в его текущей версии 1.0.4.  Базовая “Hello World” в A-Frame: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World A-Frame</...

Почему нельзя прерывать цикл forEach в JavaScript

Недавно я проходил собеседование, которое включало сравнение двух разных схем. Опущу детали, но прямо в середине собеседования всплыла одна очень важная вещь — нельзя прерывать цикл forEach(). Я забыл об этом, и, видимо, похоронил свои шансы получить работу. Я надеюсь, после прочтения этой статьи вы не повторите мою ошибку. MDN знает всё Как...

Создайте собственный AdBlocker за 10 минут

Расширения для браузера всегда меня восхищали. В современном мире их ценность уже не столь очевидна, в особенности из-за перехода от десктопных версий браузеров к мобильным. Однако мне нравится настраивать посещаемые сайты под свой вкус, к примеру, расширяя степень приватности их использования. Сегодня я расскажу, как создать полнофункциональное р...

Упрощаем работу с Google-формами: Apps Script и выпадающее меню

Я работаю в отделе физической безопасности одной технической компании. Для улучшения рабочих процессов я пользуюсь JavaScript в G Suite. Сам я не люблю монотонную работу, так что для меня писать скрипты, чтобы избежать повторяющихся муторных задач, — как спасательная капсула. А теперь покажу вам примеры. За прошлый год наши операционные задачи по ...

Использование компонентов между фреймворками

Микрофронтенды становятся популярнее с каждым днем. Одна из причин заключается в том, что они предлагают способ выйти за рамки фреймворков. Однако это не единственная (и даже не главная) причина для их использования. Каким образом можно эффективно создать эту возможность самостоятельно и что нужно учитывать, чтобы получить отличный результат? В эт...

Proxy  -  сокровище JavaScript

Что такое прокси? Что именно он делает? Перед тем, как разобраться, посмотрим на пример из реальной жизни. У каждого из нас есть множество ежедневных задач  — просматривание электронной почты, получение экспресс-доставки и так далее. Временами мы чувствуем себя немного взволнованными: слишком много времени уходит, чтобы разобраться в огромном пото...

Три примера, когда не стоит использовать стрелочные функции JavaScript

Стрелочные функции ES6 Вы их знаете, любите и наверняка постоянно используете! Представленные в 2015 году как часть обновления ECMAScript 6 стрелочные функции приобрели свою популярность совершенно заслуженно. Их синтаксис  —  прекрасный синтаксический сахар, устраняющий необходимость в:  ключевом слове return (для однострочных функций);...

Множества ES6 в JavaScript. Зачем?

Что такое множество? Это набор уникальных значений  —  ни одно из них не возникает дважды или более раз. Это единственное ограничение, которое делает множество значений множеством.¹ Какие операции мы на нем выполняем? Наиболее распространенные операции с элементом: Добавление.Удаление.Проверка существования во множестве. Массивы, объекты и множест...

Создавайте веб-приложения, которые умеют слушать! 👂

У вашего веб-приложения тоже могут быть уши! Мир стоит на пороге настоящего бума голосовых технологий, которые имеют огромный потенциал в современных посткоронавирусных реалиях, когда приходится соблюдать социальную дистанцию. За последние пару лет мы все стали свидетелями того, как технологические гиганты, такие как Google и Amazon, запустили сво...

50 вопросов, ответы на которые вы должны знать, прежде чем идти на собеседование по JavaScript

  Часть 1, Часть 2 Система импорта Python Мы видели много преимуществ системы импорта Python и способов их использования. В этой статье мы приподнимем завесу над тем, что происходит при импорте модулей и пакетов. Как и многое в Python, систему импорта можно настраивать. Мы увидим несколько способов изменения системы импорта, в том чис...

Tinymce получить описание изображения с помощью выбора файлов обратного вызова и загрузки изображений

TL: DR я пытаюсь получить значение поля image_description с помощью javascript, чтобы пропустить его мой запрос post xhr Оригинальный вопрос ниже Я использую изображение типа file_picker_callback https://www.tinymce.com/docs/configure/file-image-upload/#file_picker_callback Я включил поле ввода image_description в моем tinymce.init({ ...., image_description: true, ... Все загружается нормально, но я хочу передать поле image_description, а также сохранить в ДБ. Но я не м ...

Как взять массив, разделенный запятыми, и преобразовать его в отдельные элементы списка? Реагировать.в JS и JavaScript

Итак, у меня есть этот массив, который отображается на DOM следующим образом: jamaican rum,fresh lime juice,simple syrup,Angostura Aromatic Bitters Но я хочу показать его DOM следующим образом: ямайский ром свежий сок лайма простой сироп Ангостура Ароматическая Горькая Это то, что у меня есть до сих пор в моем детском компоненте. recipeIngredients - это список, который я хочу превратить в неупорядоченный список: render(){ const recipe = this.props.recipe; const recipeIn ...

Перенаправьте событие keydown из родительского окна в iframe, содержащий reveal.JS

Я реализовал HTML-страницу, которая обертывает некоторые дополнительные функции вокруг iframe. Iframe содержит откровение.презентация js. Всякий раз, когда клавиша на клавиатуре нажата и в Родительском фрейме (не кадра) в центре внимания, я хочу передать событие в окне iframe (например, стрелка вправо нажата (родитель сосредоточен) --> стрелка вправо выполняется в iframe, как если бы он был сосредоточен - в итоге перехода к следующему слайду). Я отвечаю за оба фрейма, и в конечном итоге они ...

JQuery Ajax post параметры иногда не отправляются на IE

Проблема, с которой я сталкиваюсь, заключается в том, что когда я использую jQuery ajax post, с очень низкой частотой ( Когда я переключаю вызов с типа "post" на тип "get", проблема исчезает. Кто-нибудь еще когда-нибудь видел такое странное поведение на IE? Спасибо! Я видел это для различных вызовов ajax, но вот типичный пример: var data= { "guess" : "m1", "eas" : "hello world" }; $.ajax({ url: "http://myco.com/ajaxcall.action", data: data, type : 'post', dataType ...

Сброс вызова на Жасмин шпион не возвращается

Я использую Жасмин (2.2.0) шпион чтобы увидеть, если определенный обратного вызова вызывается. Тестовый код: it('tests', function(done) { var spy = jasmine.createSpy('mySpy'); objectUnderTest.someFunction(spy).then(function() { expect(spy).toHaveBeenCalled(); done(); }); }); Это работает, как и ожидалось. Но теперь я добавляю второй уровень: it('tests deeper', function(done) { var spy = jasmine.createSpy('mySpy'); objectUnderTest.someFunction(spy).then(function() { e ...

Border-Radius для DIV элемента не работает в IE8

The -moz-border-radius:10px; -webkit-border-radius:10px; свойства элемента DIV не работают в IE8, но это прекрасно работает в Firefox и google chrome. Пожалуйста, предоставьте мне, если у вас есть какое-либо решение по этому вопросу. ...

Переопределение локальной переменной с помощью var в JavaScript

У меня есть довольно общий вопрос относительно JavaScript и локальных переменных. Мой вопрос заключается в том, в чем разница между следующим и если есть: function bla { var a = 2; // local variable a = 3; // the local variable a gets a new value // Would do the following line anything different // (than simply asigning this value?) var a = 4; } Я полагаю, что не получу две локальные переменные с именем a.в других языках это даже ошибка. Так есть ли в этом какой ...

Как остановить циклическую анимацию в React Native?

У меня есть простая анимация цикла в моем компоненте, как это: runAnimation() { console.log('run animation'); this.state.angle.setValue(0); Animated.timing(this.state.angle, { toValue: 360, duration: 8000, easing: Easing.linear }).start(() => this.runAnimation()); } ... <Animated.Image style={[ styles.rotate, { transform: [ { rotate: this.state.angle.interpolate({ inputRange: [0, 360], ...

команда 'debugger' и JSLint

Google Chrome поддерживаеткоманду отладчика в качестве инструмента для настройки точки останова в коде. Как скрыть предупреждения для следующего кода в JSLint: /*globals $, console, */ /*jslint browser:true, white: true */ function test() { "use strict"; debugger; // JSLint reports the "Unexpected 'debugger'" error } ...

Размытие за всплывающим окном при загрузке страницы проблема

Я работаю на сайте с всплывающим окном, единственное, чего мне не хватает, - это эффект размытия, когда это всплывающее окно появляется. Это всплывающее окно будет отображаться каждый раз, когда страница загружается, поэтому я нашел отличный код размытия здесь на SO. Хотя этот код предназначен для функции, где эффект размытия отображается кнопкой. Из-за этого я изменил код, так что вместо кнопки он теперь onLoad, который запускается из тега body. Единственная проблема заключается в том, что пя ...