javascript

{!} JavaScript Справочник - Теория JS и практические примеры кода online

«Все, что может быть написано на JavaScript, — будет написано на JavaScript»

- (ц) Джефф Этвуд (Jeff Atwood) - один из создателей Stack Overflow

Здесь будет письменный конспект к вебинарам IFF которые ожидаются в ноябре 2015 и далее.
[практический справочник здесь]

Материалы:

javascript "Устаревание" событий и обработке очереди задач

Когда движок выполняет задачу, которая очень короткая - что гарантирует что клик не совпадет с процессом обработки этой задачи и не будет потерян? Значит по-идее должен быть какой-то механизм устаревания. Т.е. есть некая отдельная очередь генерации событий и если очередь задач слишком долго выполняет текущую макрозадачу, то в очереди генерации событий устаревшие события просто удаляются, так и не генерируясь

Вопросы frontend-разработчику

Javascript

  1. Почему в строке можно вызывать toString() - это же примитив? (уточнить вопрос)
  2. Преобразование объектов к примитивам
  3. Делегирование событий
  4. Потеря контекста
  5. Прототипное наследование
  6. Свойство prototype
  7. Объект с неперечисляемыми свойствами
  8. Промисы, console.log() и resolve() - что когда выполнится
  9. Реализация статического метода в функции javascript
  10. Почему методы лучше объявлять через protopype
  11. Стрелочные функции -в чем их специфика

typescript fake event Пользовательский объект События совместимый с обычными событиями

С помощью утверждения типа (as) можно убедить TS, что ваш объект является полноценным событием, напр. пример конструктора такого события для React:

webpack import file-loader Как импортировать загрузить весь код файла

Используя file-loader, можно, например так:

import PDFJSWorker from '!!file-loader!react-pdf/node_modules/pdfjs-dist/build/pdf.worker.js';
pdfjs.GlobalWorkerOptions.workerSrc = PDFJSWorker;

-- такой способ работает без модификации файла конфигурации вебпака.

Документация по file-loader: https://webpack.js.org/loaders/file-loader/

webpack DefinePlugin Использование env переменных из файла в javascript. Пример конфигурации

DefinePlugin позволяет определить какие литералы на что надо заменить в коде при его сборке, именно там с помощью вебпака можно экспортировать переменные из файлов окружения в ваше-фронт приложение

Базования идея (требуется установить npm-пакет dotenv):

selenium webdriver codeception Как вернуть в код теста значение из выполненного JS

var w = window.innerWidth;
var h = window.innerHeight;

Как вариант - добавить в невидимый блок в тело страницы, а потом считать, но это, конечно, не очень удобно.

javascript Прибавляем к текущей дате дни (неделю) и минуты - пример кода (+ вывод в виде строки)

import { format} from 'date-fns';

const currentDatetime = new Date();
const addionalMinutes = 10;
const addDays = 7;
const defaultStartDatetimeStr =  // прибаляем 10 минут к текуще 
    format((new Date()).setTime(
        currentDatetime.getTime() + addionalMinutes*60000),
         'yyyy-MM-dd HH:mm'
    ); 
const defaultEndDatetimeStr =  // прибаляем 10 дней к текущей дате
    format((new Date()).setDate(
        currentDatetime.getDate() + addDays),
         'yyyy-MM-dd HH:mm'
    );

javascript Date datetime Форматирование даты и времени - -проверка даты на корректность typeof Date, date-fns

С использованием библиотеки date-fns:

import { format, isValid} from 'date-fns';

if (isValid(date)) {
      console.log('is date!!');
      setState({ ...state, 
         [input_name]: format(date, 'yyyy-MM-dd HH:mm') });
 }

Pages

Subscribe to RSS - javascript