TGViewer
Channel Public Channel
CodeRoll | Frontend

CodeRoll | Frontend

@coderoll

OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Subscribers
4.07K
Photos
1.8K
Videos
74
Links
1.1K

Showing posts older than #3113 · Back to latest

Older Posts 19 shown
Post #3112 589
Что выведет этот код?
Post #3110 706
👩‍💻 Используем принципы “Чистого кода” в контексте JavaScript

Функции


✏ Инкапсулируйте условные операторы

Простыми словами, старайтесь ваши условия заключить в определенный функционал - метод или функцию. Таким образом вы сможете:

💫 переиспользовать логику условия
💫 легко по названию функции/метода понимать что тут происходит
💫 сделать код намного более читаемым (особенно в сложных условиях)

Coderoll | Frontend
  • ❤ 1
Post #3109 579
Что выведет этот код?
Post #3108 634
Что выведет этот код?
Post #3106 561
Используем принципы “Чистого кода” в контексте JavaScript. Часть 2

Функции


Аргументы функции - в идеале их должно быть 2 или меньше

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

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

Поскольку JavaScript позволяет создавать объекты на лету, без большого количества шаблонных классов, вы можете использовать объект, если вам нужно много аргументов

Чтобы сделать очевидным, какие свойства ожидает функция, вы можете использовать синтаксис деструктуризации ES2015/ES6

Coderoll | Frontend
Post #3105 548
❓ Какие методы массива являются мутирующими?

Ответ:
Мутирующими называются методы, которые изменяют исходный массив. К таким методам относятся:

push() — добавляет элемент в конец массива.
pop() — удаляет последний элемент массива.
shift() — удаляет первый элемент массива.
unshift() — добавляет элемент в начало массива.
splice() — добавляет/удаляет элементы в любом месте массива.
sort() — сортирует элементы массива.
reverse() — меняет порядок элементов на противоположный.


Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
  • 💅 1
Post #3103 573
❓ Что такое Proxy в JavaScript?

Ответ:
Proxy — это объект, который позволяет перехватывать операции (например, чтение свойств, установку значений, вызов функций) над другим объектом. Это используется для мониторинга, валидации или изменения поведения объекта.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
  • 💅 1
Post #3101 604
❓ Что делает Object.freeze?

Object.freeze замораживает объект, т.е нельзя добавить, удалить или изменить свойства

Подходит для защиты конфигураций и констант.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
  • ❤ 1
Post #3100 686
👩‍💻👩‍💻 Как выглядит алгоритм гномьей сортировки на JavaScript?

Алгоритм находит первое место, где два соседних элемента стоят в неправильном порядке и меняет их местами



const gnomeSort = (arr: number[]): number[] => {
if (arr.length <= 1) {
return arr
}

let i: number = 1

while (i < arr.length) {
if (arr[i - 1] <= arr[i]) {
i++ //increment index if sub-array[0:i] already sorted
} else {
;[arr[i], arr[i - 1]] = [arr[i - 1], arr[i]] //swapping two numbers
i = Math.max(1, i - 1) //go back to the previous index to check the swapped number
}
}
return arr
}


Coderoll | Frontend
Post #3099 627
❓ Что такое Object.defineProperty?

Ответ:
Object.defineProperty позволяет определить новое свойство в объекте или изменить существующее, с указанием его настроек (например, enumerable, writable, configurable).

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
  • 💅 1
Post #3098 676
❓ Что такое Event Loop и как он работает?

Ответ:
Event Loop — это механизм, который управляет потоком выполнения кода в JavaScript, обеспечивая асинхронность. Он проверяет Call Stack и очереди задач (например, микрозадачи и макрозадачи) и выполняет их в нужном порядке.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
  • 💅 3
  • ❤ 2
Post #3097 680
❓ Что такое Callback Hell?

Ответ:
Callback Hell — это ситуация, когда код становится трудно читаемым и поддерживаемым из-за глубокой вложенности коллбэков. Это часто происходит при работе с асинхронными операциями. Проблему можно решить с помощью Promises или Async/Await.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
  • 💅 4
  • ❤ 3
Post #3096 852
⚡️Перечислите хотя бы 4 метода HTTP

Ответ:
GET, POST, PUT, DELETE

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
  • ❤ 9
Post #3095 806
Используем принципы “Чистого кода” в контексте JavaScript.

Функции


❗️ Не создавайте глобальные функции, которые могут создать конфликт с аналогичными функциями сторонних библиотек

Давайте разберем на примере: что, если вы хотите расширить собственный метод JavaScript Array, чтобы иметь метод diff, который мог бы показать разницу между двумя массивами?


Вы можете написать свою новую функцию в Array.prototype, но она может конфликтовать с другой библиотекой, которая попытается сделать то же самое

Что, если эта другая библиотека просто использует diff, чтобы найти разницу между первым и последним элементами массива?

Вот почему было бы гораздо лучше просто использовать классы ES2015/ES6 и просто расширить глобальный Array.

Coderoll | Frontend
Post #3094 688
👩‍💻👩‍💻 Как выглядит алгоритм экспотенциального поиска на JavaScript?

Экспоненциальный поиск позволяет выполнять поиск по отсортированному неограниченному списку для указанного входного значения (поисковый «ключ»)

Алгоритм состоит из двух этапов. Первый этап определяет диапазон, в котором ключ поиска находился бы, если бы он был в списке. На втором этапе выполняется бинарный поиск по этому диапазону

❗️ В нашем примере binarySearchIterative - это функция бинарного поиска, про который мы уже писали раньше


export const exponentialSearch = (
array: number[],
x: number
): number | null => {
const arrayLength = array.length
if (arrayLength === 0) return null

if (array[0] === x) return 0

let i = 1
while (i < arrayLength && array[i] <= x) {
i = i * 2
}

const start = Math.floor(i / 2)
const end = Math.min(i, arrayLength - 1)
const result = binarySearchIterative(array, x, start, end)

return result
}


Coderoll | Frontend
Post #3093 631
⚡️ Пара методов для объектов в JS, которую должен знать каждый

Object.keys() - это метод, который возвращает массив из собственных перечисляемых свойств переданного объекта

Пример:


var obj = { first: "a", second: "b", third: "c" };
console.log(Object.keys(obj));

// консоль: [ 'first', 'second', 'third' ]

Не забудьте, что массивы - это тоже объекты, и к ним тоже можно применить данный метод. Хотя это и не нужно н практике

Object.values() - это метод, который возвращает массив значений перечисляемых свойств объекта

Пример:


const user = {
name: 'John',
surname: "Smith",
age: 35,
};

console.log(Object.values(user));
// консоль: Array [ 'John', 'Smith', 35 ]


Coderoll | Frontend
  • ❤ 1
Post #3092 655
Что выведет этот код?
Post #3091 717
Сервис-генератор фона с градиентом

Хороший сервис, который способен генерить фоны из нескольких цветов, чтобы всё выглядело хорошо (вместо обычных 2-3 цветов)

➡️Открыть сервис

Coderoll | Frontend
Post #3090 727
❓Что такое “middleware” в Redux?

Ответ:
Middleware в Redux — это промежуточные слои, которые могут перехватывать и обрабатывать действия перед тем, как они будут отправлены в редьюсер. Примером является redux-thunk, который позволяет использовать асинхронные операции.

Ставь ❤️ если знаешь ответ
Если нет — ставь 💅

Coderoll | Frontend
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →