CodeRoll | Frontend
4.95K subscribers
1.6K photos
73 videos
1 file
925 links
— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Пояснение к посту

При использовании тегированных шаблонных литералов (tagged template literals) первым значением, возвращаемым функцией, является массив строк. Прочими значениями являются значения, переданные функции в качестве аргументов.
April 18, 2024
Организация кода это важно и легко на основе Layer Architecture

Думаю многие читали кучу книжек по поводу Hexagonal, Onion, Clean, Layer Architecture и у вас могли остаться спорные вопросы как в сложности понимания материала, так и в реализации данных подходов в ваших проектах. Сегодня я хочу затронуть тему “Организации кода” и показать насколько это важно и легко одновременно на примере Layer Architecture (Слоистая архитектура).

Ссылка

#статьи
April 18, 2024

function checkAge(data) {
if (data === { age: 18 }) {
console.log("Ты взрослый!")
} else if (data == { age: 18 }) {
console.log("Ты по-прежнему взрослый.")
} else {
console.log("Хм... У тебя что, нет возраста?")
}
}

checkAge({ age: 18 })
April 19, 2024
Пояснение к ответу

В операциях сравнения примитивы сравниваются по значениям, а объекты - по ссылкам. JavaScript проверяет, чтобы объекты указывали на одну и ту же область памяти. Сравниваемые объекты в рассматриваемом примере не такие: объект, переданный в качестве аргумента, указывает на другое место в памяти, нежели объекты, используемые в сравнениях. Поэтому выражения { age: 18 } === { age: 18 } и { age: 18 } == { age: 18 } возвращают false.
April 19, 2024

function getAge(...args) {
console.log(typeof args)
}

getAge(30)
April 22, 2024
Что будет в консоли ?
Anonymous Quiz
20%
number
35%
array
41%
object
4%
NaN
April 22, 2024
React-хуки useEffect и useLayoutEffect: различие и примеры использования

С появлением хуков в React 16.8 стиль написания функциональных компонентов кардинально изменился. Входящие в число этих хуков useEffect и useLayoutEffect играют особую роль в обработке побочных эффектов в коде. На первый взгляд они могут казаться похожими, однако между ними есть несколько существенных различий. Рассмотрим эти различия, чтобы выяснить, когда в React-проекте стоит использовать useEffect, а когда  —  useLayoutEffect.

Ссылка

#статьи
April 22, 2024
April 23, 2024
Что будет в консоли ?
Anonymous Quiz
29%
30
15%
undefined
53%
ошибка
3%
NaN
April 23, 2024
April 23, 2024
Сравнение технологий WebSockets, Server-Sent-Events, Long-Polling, WebRTC и WebTransport

В этой статье мы подробно разберём данные технологии, сравним их производительность, подчеркнём их достоинства и недостатки, а также порекомендуем, что делать в различных практических случаях, расскажем, как принимать информированные решения при создании веб-приложений реального времени. Эта статья — экстракт моего совокупного опыта, приобретённого в ходе реализации протокола репликации RxDB, обеспечивающего совместимость с различными технологиями серверной части.

Ссылка

#статьи
April 23, 2024

const sum = eval("10*10+5")

console.log(sum)
April 24, 2024
Что будет в консоли ?
Anonymous Quiz
42%
105
22%
"105"
8%
ошибка
29%
"10*10+5"
April 24, 2024
Пояснение к ответу

Функция eval выполняет код, переданный ей в виде строки. Если это выражение (как в данном случае), то оно вычисляется (оценивается). Выражение 10 * 10 + 5 возвращает число 105. Использовать eval не рекомендуется по причинам безопасности.
April 24, 2024
Docker — не то, чем кажется

Как это часто бывает, с мультиплатформенностью и прочими «красивыми» словами в IT, всё не так однозначно. У всего своя цена, и под капотом один и тот же инструмент на разных системах, по сути своей может представлять из себя несколько разных вещей с различными принципами работы и производительностью. А обещания революции скрывают за собой эволюцию, либо вовсе регресс и топтание на месте.

Ссылка

#статьи
April 24, 2024

var num = 8
var num = 10

console.log(num)
April 25, 2024
Что будет в консоли ?
Anonymous Quiz
7%
8
70%
10
4%
undefined
20%
ошибка
April 25, 2024
Пояснение к ответу

С помощью ключевого слова var можно определять любое количество одноименных переменных. Переменная будет хранить последнее присвоенное ей значение. Однако, такой трюк нельзя проделать с let и const, т.к. переменные, объявленные с помощью этих ключевых слов, имеют блочную область видимости.
April 25, 2024

const obj = { 1: "a", 2: "b", 3: "c" }
const set = new Set([1, 2, 3, 4, 5])

console.log(obj.hasOwnProperty("1"))
console.log(obj.hasOwnProperty(1))
console.log(set.has("1"))
console.log(set.has(1))
April 26, 2024