const numbers = [1, 2, 3];
numbers[10] = 11;
console.log(numbers);
🤯5👍3
Что будет в консоли ?
Anonymous Quiz
15%
[1, 2, 3, 7 x null, 11]
26%
[1, 2, 3, 11]
43%
[1, 2, 3, 7 x empty, 11]
15%
SyntaxError
Детальный React. Реконсиляция, рендеры, Fiber, виртуальное дерево
В сети можно найти огромное количество статей, мануалов и книг по основам React, включая официальную документацию от разработчиков. В этой статье мы не будем писать HelloWorld и изучать общеизвестные концепции. Сегодня мы заглянем под капот библиотеки и попытаемся понять, как она устроена внутри, как хранит данные, и как, на самом деле выглядит её виртуальное дерево.
Ссылка
#react
В сети можно найти огромное количество статей, мануалов и книг по основам React, включая официальную документацию от разработчиков. В этой статье мы не будем писать HelloWorld и изучать общеизвестные концепции. Сегодня мы заглянем под капот библиотеки и попытаемся понять, как она устроена внутри, как хранит данные, и как, на самом деле выглядит её виртуальное дерево.
Ссылка
#react
👍11❤3🤡1
Архитектурный паттерн Dependency Injection в React-приложении
В этой статье вам расскажут про Dependency Injection в React-приложении. Рассмотрим, что из себя представляет этот архитектурный паттерн, как мы к нему пришли и какую проблему он решает. На примерах покажу, как внедрить Dependency Injection в ваш проект, какие есть плюсы и минусы.
Ссылка
#статьи
В этой статье вам расскажут про Dependency Injection в React-приложении. Рассмотрим, что из себя представляет этот архитектурный паттерн, как мы к нему пришли и какую проблему он решает. На примерах покажу, как внедрить Dependency Injection в ваш проект, какие есть плюсы и минусы.
Ссылка
#статьи
👍7👎4🤝2🤡1
Что возвращает метод setInterval в браузере?
Anonymous Quiz
41%
Уникальный id
18%
указанное количество миллисекунд
28%
переданную функцию
13%
undefined
Кастомизируем VS Code для веб-разработки
В статье расскажу, какие настройки и плагины VS Code использует наша команда фронтенда в KTS. Материал может быть полезен для JavaScript- и React-разработчиков, а ещё для тех, кто уже давно пользуется VS Code, но не знает о некоторых полезных плагинах и фичах для повседневного использования.
Ссылка
#статьи
В статье расскажу, какие настройки и плагины VS Code использует наша команда фронтенда в KTS. Материал может быть полезен для JavaScript- и React-разработчиков, а ещё для тех, кто уже давно пользуется VS Code, но не знает о некоторых полезных плагинах и фичах для повседневного использования.
Ссылка
#статьи
👍10❤2👏1
Все про this в JavaScript
this - это выражение языка JavaScript, поведение которого очень похоже на поведение идентификатора, с той лишь разницей, что связать значение с this, мы можем только особой формой вызова normal function.
В этой статье автор подробно расскажет как же работает this в js
Ссылка
#js
this - это выражение языка JavaScript, поведение которого очень похоже на поведение идентификатора, с той лишь разницей, что связать значение с this, мы можем только особой формой вызова normal function.
В этой статье автор подробно расскажет как же работает this в js
Ссылка
#js
👍10❤3👏1
let person = { name: 'Lydia' };
const members = [person];
person = null;
console.log(members);🤯10
👍3
Смотрите объяснение задачи вот по этой ссылке https://telegra.ph/Obyasnenie-zadachi-01-14
Telegraph
Обяснение задачи
let person = { name: 'Lydia' }; const members = [person]; person = null; console.log(members); Сначала мы объявляем переменную person со значением объекта, у которого есть свойство name. Затем мы объявляем переменную с именем members. Мы устанавливаем первый…
👏14👍4🔥3
Сложность алгоритмов. Разбор Big O
Сложность алгоритмов - это ключевой аспект при проектировании и создании веб-приложений, особенно при работе с большим объемом данных или выполнении вычислительно сложных операций. Понимание, как оценивать сложность алгоритмов, помогает принимать обоснованные решения в выборе алгоритмов и структур данных, а также оптимизировать производительность своих приложений.
Ссылка
#js
Сложность алгоритмов - это ключевой аспект при проектировании и создании веб-приложений, особенно при работе с большим объемом данных или выполнении вычислительно сложных операций. Понимание, как оценивать сложность алгоритмов, помогает принимать обоснованные решения в выборе алгоритмов и структур данных, а также оптимизировать производительность своих приложений.
Ссылка
#js
👍12🔥1
Скрытые возможности элемента <input>
Элемент <input> в HTML самый интересный.
Большинство его собратьев вне зависимости от своих атрибутов ведут себя одинаково. При этом атрибут type элемента <input> может принимать 22 разных значения, которые не только меняют его поведение, но и влияют на внешний вид (зачастую в ущерб стилистике).
Элемент <input> отвечает за всё, начиная с текстового ввода и чекбоксов, заканчивая переключателями и кнопкой для сброса всех полей в форме.
В этой статье я опишу не только различные типы <input>, но и сопутствующие атрибуты, о которых вы могли не знать, и которые делают этот элемент более удобным и применимым в различных ситуациях.
Ссылка
#html
Элемент <input> в HTML самый интересный.
Большинство его собратьев вне зависимости от своих атрибутов ведут себя одинаково. При этом атрибут type элемента <input> может принимать 22 разных значения, которые не только меняют его поведение, но и влияют на внешний вид (зачастую в ущерб стилистике).
Элемент <input> отвечает за всё, начиная с текстового ввода и чекбоксов, заканчивая переключателями и кнопкой для сброса всех полей в форме.
В этой статье я опишу не только различные типы <input>, но и сопутствующие атрибуты, о которых вы могли не знать, и которые делают этот элемент более удобным и применимым в различных ситуациях.
Ссылка
#html
👍9🤔1
Какие из этих значений являются "ложными" ?
Anonymous Quiz
30%
0, "", undefined
22%
0, new Number(0), "", new Boolean(false), undefined
16%
0, "", new Boolean(false), undefined
32%
Все являются "ложными"
JavaScript однопоточный или многопоточный? Ставим точку
Поводом для ревизии данного вопроса стало то, что я по сей день слышу от специалистов (в том числе позиционирующих себя как senior), что современный JavaScript является однопоточным. При этом они охотно задают этот вопрос на техническом интервью, вводя неуверенных кандидатов в заблуждение.
Ссылка
#js
Поводом для ревизии данного вопроса стало то, что я по сей день слышу от специалистов (в том числе позиционирующих себя как senior), что современный JavaScript является однопоточным. При этом они охотно задают этот вопрос на техническом интервью, вводя неуверенных кандидатов в заблуждение.
Ссылка
#js
❤9👏4👍3
Особенности типов данных и преобразования в JavaScript
На первый взгляд тема типов данных и преобразований может показаться легкой.
Обычно она изучается в самом начале погружения в JavaScript. Однако в этих темах есть неочевидные подводные камни, которые знает далеко не каждый разработчик.
В этой статье мы рассмотрим особенности типов данных и преобразований, которые многие пропустили.
Ссылка
#js
На первый взгляд тема типов данных и преобразований может показаться легкой.
Обычно она изучается в самом начале погружения в JavaScript. Однако в этих темах есть неочевидные подводные камни, которые знает далеко не каждый разработчик.
В этой статье мы рассмотрим особенности типов данных и преобразований, которые многие пропустили.
Ссылка
#js
👍7❤1
Всё в JavaScript это... ?
Anonymous Quiz
43%
примитив или объект
16%
функция или объект
38%
вопрос с подвохом! только объекты
3%
число или объект
🤔6
В JavaScript есть только примитивы и объекты.
Типы примитивов: boolean, null, undefined, bigint, number, string, и symbol.
Отличием примитива от объекта является то, что примитивы не имеют свойств или методов. Тем не менее, 'foo'.toUpperCase() преобразуется в 'FOO' и не вызывает TypeError. Это происходит потому, что при попытке получения свойства или метода у примитива (например, строки), JavaScript неявно обернет примитив объектом, используя один из классов-оберток (например, String), а затем сразу же уничтожит обертку после вычисления выражения. Все примитивы кроме null и undefined ведут себя таким образом.
Типы примитивов: boolean, null, undefined, bigint, number, string, и symbol.
Отличием примитива от объекта является то, что примитивы не имеют свойств или методов. Тем не менее, 'foo'.toUpperCase() преобразуется в 'FOO' и не вызывает TypeError. Это происходит потому, что при попытке получения свойства или метода у примитива (например, строки), JavaScript неявно обернет примитив объектом, используя один из классов-оберток (например, String), а затем сразу же уничтожит обертку после вычисления выражения. Все примитивы кроме null и undefined ведут себя таким образом.
👍13
Стилистические правила умерли, да здравствуют стилистические правила
Под конец прошлого года, по ряду причин, ESLint отказались от дальнейшей поддержки и развития стилистических правил. А тема, как по мне, несправедливо осталась в тени. Давайте разберемся, почему так произошло и какие изменения нас ждут на поприще статического анализа и форматирования кода.
Ссылка
#utils
Под конец прошлого года, по ряду причин, ESLint отказались от дальнейшей поддержки и развития стилистических правил. А тема, как по мне, несправедливо осталась в тени. Давайте разберемся, почему так произошло и какие изменения нас ждут на поприще статического анализа и форматирования кода.
Ссылка
#utils
👍7🥰2❤1
Нездоровое IT
Эта твоя айтишечка — злобная и нездоровая хуйня. И я тут не про раздутые зарплаты и формошлёпство говорю, а про обычное здоровье. Вот то, которое в 20 лет, как у коня, а к 30 годам уже болят колени, спина, да и зрение село.
Фиг его знает, что тут причина, а что следствие. Наверное, корни проблемы находятся где-то в нёрдовой культуре ранних (древних, гы) программистов. Они ж по-совместительству были любителями пиццы, пива, и полуночного красноглазия.
Ссылка
#статьи
Эта твоя айтишечка — злобная и нездоровая хуйня. И я тут не про раздутые зарплаты и формошлёпство говорю, а про обычное здоровье. Вот то, которое в 20 лет, как у коня, а к 30 годам уже болят колени, спина, да и зрение село.
Фиг его знает, что тут причина, а что следствие. Наверное, корни проблемы находятся где-то в нёрдовой культуре ранних (древних, гы) программистов. Они ж по-совместительству были любителями пиццы, пива, и полуночного красноглазия.
Ссылка
#статьи
👍11🔥3💅3👎2❤1