ЛО @webdevlair
Showing posts older than #3399 · Back to latest
const input = [1, 2, 2, 3, 4, 3, 5, 3];
const result = countFrequency(input);
console.log(result);
// Ожидаемый результат: {1: 1, 2: 2, 3: 3, 4: 1, 5: 1}
function countFrequency(array) {
return array.reduce((acc, item) => {
acc[item] = (acc[item] || 0) + 1;
return acc;
}, {});
}
// Пример использования:
const input = [1, 2, 2, 3, 4, 3, 5, 3];
const result = countFrequency(input);
console.log(result);
// Ожидаемый результат: {1: 1, 2: 2, 3: 3, 4: 1, 5: 1}
• JavaScript, TypeScript, React, Vue.js, Next.js, Redux, React Native, Webpack• Уровень дохода не указан | от 2 лет опыта• Angular, JavaScript, React, TypeScript, HTML• Уровень дохода не указан | от 3 лет опыта• TypeScript, Vue.js, HTML, Node.js, Express, Git• от 180 000 ₽ | от 1 года опытаcontent-visibility в CSS и как его использовать?content-visibility — это CSS-свойство, которое ускоряет рендеринг веб-страниц, откладывая отрисовку элементов, которые находятся за пределами экрана. Это особенно полезно для длинных страниц с большим количеством контента.<div class="heavy-content">
<p>Этот блок загрузится только при появлении в области видимости.</p>
</div>
<style>
.heavy-content {
content-visibility: auto; /* Элемент будет рендериться только при появлении в viewport */
background-color: lightblue;
padding: 20px;
}
</style>
🗣️ content-visibility: auto; откладывает рендеринг блока, пока он не попадёт в область видимости пользователя.
['a','b','c','d','f'] -> 'e'
['O','Q','R','S'] -> 'P'
Решение задачи🔽
function findMissingLetter(array) {
for (let i = 0; i < array.length - 1; i++) {
// Если разница в кодах символов между текущей и следующей буквой больше 1
if (array[i].charCodeAt(0) + 1 !== array[i + 1].charCodeAt(0)) {
// Возвращаем пропущенную букву
return String.fromCharCode(array[i].charCodeAt(0) + 1);
}
}
throw new Error("No missing letter found");
}
// Примеры использования:
console.log(findMissingLetter(['a','b','c','d','f'])); // 'e'
console.log(findMissingLetter(['O','Q','R','S'])); // 'P'
• Введите текст задачи в поле ввода и нажмите кнопку "Добавить".• Задача появляется в списке ниже с кнопкой "Удалить" рядом с ней.• Нажатие на кнопку "Удалить" удаляет соответствующую задачу из списка.<div>
<input type="text" id="taskInput" placeholder="Введите задачу">
<button id="addTaskButton">Добавить</button>
</div>
<ul id="taskList"></ul>
const taskInput = document.getElementById('taskInput');
const addTaskButton = document.getElementById('addTaskButton');
const taskList = document.getElementById('taskList');
addTaskButton.addEventListener('click', () => {
const taskText = taskInput.value.trim();
if (taskText === '') return; // Не добавляем пустую задачу
const li = document.createElement('li');
li.textContent = taskText;
const deleteButton = document.createElement('button');
deleteButton.textContent = 'Удалить';
deleteButton.style.marginLeft = '10px';
deleteButton.addEventListener('click', () => li.remove());
li.appendChild(deleteButton);
taskList.appendChild(li);
taskInput.value = ''; // Очищаем поле ввода
});
💾 6 главных технологий для хранения данных в браузере
• Angular, TypeScript, RxJS, NgRx, REST API, WebSockets, CI/CD, Git, Docker• Уровень дохода не указан | от 5 лет опыта• React, TypeScript, JavaScript, HTML, CSS (SCSS), REST API, JSON, JWT, Nivo, Highcharts, Chart.js, axios, Fluent UI, final-form, i18next, Jotai, Mitt, React Query, Tanstack Table, Vite• Уровень дохода не указан | от 4 лет опыта• CSS, JavaScript, HTML, Vue.js• Уровень дохода не указан | более 5 лет опытаthrottle в JavaScript и зачем он используется?Throttle — это техника ограничения частоты вызова функции до определённого интервала времени. Это полезно для обработки часто происходящих событий, таких как прокрутка или изменение размеров окна, не перегружая производительность.function throttle(func, delay) {
let lastCall = 0;
return (...args) => {
const now = Date.now();
if (now - lastCall >= delay) {
lastCall = now;
func(...args);
}
};
}
const handleScroll = throttle(() => {
console.log('Прокрутка страницы');
}, 1000);
window.addEventListener('scroll', handleScroll);🗣️ В этом примере функция handleScroll вызывается не чаще одного раза в секунду, даже если пользователь прокручивает страницу интенсивно. Throttle помогает оптимизировать производительность и уменьшить количество вызовов функции.
