Простое сжатие
Вам дана строка, состоящая из повторяющихся символов. Создайте функцию, которая обработает эту строку и преобразует её в массив, состоящий из кортежей (число повторений, символ).
Примеры:
string1="aaaaaaaaaaaaaaaaaaaaaaaaaabaaaaaaaaaaaaaaaaaa"
output1='[26,"a",1,"b",18,"a"]'
string="aaaaaaaabaaaa"
compressed=[8,"a",1,"b",4,"a"]
Вам дана строка, состоящая из повторяющихся символов. Создайте функцию, которая обработает эту строку и преобразует её в массив, состоящий из кортежей (число повторений, символ).
Примеры:
string1="aaaaaaaaaaaaaaaaaaaaaaaaaabaaaaaaaaaaaaaaaaaa"
output1='[26,"a",1,"b",18,"a"]'
string="aaaaaaaabaaaa"
compressed=[8,"a",1,"b",4,"a"]
Метод String.replaceAll (ES12 / ES2021)
В настоящее время в JavaScript у строк есть метод
Мы можем сделать полную замену, только если предоставим шаблон для замены в виде регулярного выражения.
Было:
Стало:
String.prototype.replaceAll()
заменяет все вхождения строки другим строковым значением.В настоящее время в JavaScript у строк есть метод
replace()
. Если входной шаблон для замены является строкой, метод replace()
заменяет только первое вхождение. Поэтому в коде второе вхождение «Back» не заменяется.Мы можем сделать полную замену, только если предоставим шаблон для замены в виде регулярного выражения.
Было:
const str = "Backbencher sits at the Back";
const newStr = str.replace(/Back/g, "Front");
console.log(newStr); // "Frontbencher sits at the Front"
String.prototype.replaceAll()
пытается произвести замену всех вхождений, даже если входной шаблон является строкой.Стало:
const str = "Backbencher sits at the Back";
const newStr = str.replaceAll("Back", "Front");
console.log(newStr); // "Frontbencher sits at the Front"
#jsThis media is not supported in your browser
VIEW IN TELEGRAM
Затмение
Этот красивый эффект достигается использованием CSS анимаций, фильтров и теней.
Этот красивый эффект достигается использованием CSS анимаций, фильтров и теней.
Комплексная разработка веб-приложений с помощью React и Node.js
React и Node.js. Сочетание этих двух технологий дает огромные преимущества при комплексной разработке веб-приложений.
Посмотрим, насколько хорошо совмещаются React и Node.js для создания быстрых сайтов, которые легко поддерживаются в течение долгого времени.
Читать...
React и Node.js. Сочетание этих двух технологий дает огромные преимущества при комплексной разработке веб-приложений.
Посмотрим, насколько хорошо совмещаются React и Node.js для создания быстрых сайтов, которые легко поддерживаются в течение долгого времени.
Читать...
NOP::Nuances of programming
Комплексная разработка веб-приложений с помощью React и Node.js
Хотите создавать быстрые сайты? Предлагаем эффективный способ комплексной разработки с помощью "волшебного тандема" React и Node.js.
Кто самый слабый JavaScript - разработчик?
Привет коллеги! Интересный видос с заковыристыми вопросами по JS в формате викторины. Посмотрите его и испытайте себя на сколько вы гуру.
👉 Проверить свои знания
Привет коллеги! Интересный видос с заковыристыми вопросами по JS в формате викторины. Посмотрите его и испытайте себя на сколько вы гуру.
👉 Проверить свои знания
YouTube
Кто самый слабый JavaScript - разработчик?
Настало время определить самого сильного и слабого JavaScript-программиста. Ни одно интервью не может сравниться по сложностью с этим испытанием!
0:00 Правила игры
00:28 Раунд 1
01:20 Раунд 2
02:47 Раунд 3
03:35 Раунд 4
04:15 Раунд 5
05:35 Раунд 6
06:20…
0:00 Правила игры
00:28 Раунд 1
01:20 Раунд 2
02:47 Раунд 3
03:35 Раунд 4
04:15 Раунд 5
05:35 Раунд 6
06:20…
Javascript вопрос: Код document.forms.my найдет...
Anonymous Quiz
20%
форму с id равным my
10%
форму с class равным my
34%
форму с name равным my
18%
первую форму на странице
18%
Посмотреть ответы
#вакансия #frontend #remote #удалёнка #москва #санктпетербург #javascript #html5 #css3 #saas #git
📢 Frontend разработчик
100 000 - 200 000 оклад
(по результатам тех интервью)
🟦 Продукт:
FPS Booster - программа, специализирующаяся на увеличении производительности компьютера для геймеров.
FPS Booster оптимизирует Windows, применяет продвинутые настройки для увеличения показателя FPS в играх, а также агрегирует в себе ряд полезных сервисов для геймеров. Основная цель - дать преимущество геймерам в игре, получив максимум эффективности из ПК.
🟦 Основной стек:
- JavaScript, ES6+
- Vue.js
- Nuxt.js
🟦 Задачи:
- Разработка и сопровождение веб-приложений. В основном сайта fps-booster.com и других проектов
- Создание новых UI-компонентов, разделов и функцинальных компонентов сайта
🟦 Наши ожидания:
- Хорошие знания JavaScript, ES6+
- Опыт работы с Vue.js/Nuxt.js
- Опыт работы с Vuex и построении store приложения
- Понимание взаимодействия между client и server, передачи и хранения данных, RESTFul
- Отличные знания HTML5 и CSS3 (чистый код, семантическая верстка, flexbox, grid, CSS анимации, a11y)
- Умение работать в команде и разбираться в чужом коде
- Личные качества: ответственность, быстрая обучаемость, самостоятельность и инициативность, умение решать задачи эффективно и в срок
- Знание английского языка на уровне чтения тех. литературы
- Заинтересованность, желание сделать проект лучше
🟦 Плюсом будет:
- Собственные проекты на Github;
- Опыт применения собственных архитектурных решений и создание архитектуры проектов с нуля
- Опыт работы с CSS препроцессорами (LESS, SASS).
https://yangx.top/hrdforit
📢 Frontend разработчик
100 000 - 200 000 оклад
(по результатам тех интервью)
🟦 Продукт:
FPS Booster - программа, специализирующаяся на увеличении производительности компьютера для геймеров.
FPS Booster оптимизирует Windows, применяет продвинутые настройки для увеличения показателя FPS в играх, а также агрегирует в себе ряд полезных сервисов для геймеров. Основная цель - дать преимущество геймерам в игре, получив максимум эффективности из ПК.
🟦 Основной стек:
- JavaScript, ES6+
- Vue.js
- Nuxt.js
🟦 Задачи:
- Разработка и сопровождение веб-приложений. В основном сайта fps-booster.com и других проектов
- Создание новых UI-компонентов, разделов и функцинальных компонентов сайта
🟦 Наши ожидания:
- Хорошие знания JavaScript, ES6+
- Опыт работы с Vue.js/Nuxt.js
- Опыт работы с Vuex и построении store приложения
- Понимание взаимодействия между client и server, передачи и хранения данных, RESTFul
- Отличные знания HTML5 и CSS3 (чистый код, семантическая верстка, flexbox, grid, CSS анимации, a11y)
- Умение работать в команде и разбираться в чужом коде
- Личные качества: ответственность, быстрая обучаемость, самостоятельность и инициативность, умение решать задачи эффективно и в срок
- Знание английского языка на уровне чтения тех. литературы
- Заинтересованность, желание сделать проект лучше
🟦 Плюсом будет:
- Собственные проекты на Github;
- Опыт применения собственных архитектурных решений и создание архитектуры проектов с нуля
- Опыт работы с CSS препроцессорами (LESS, SASS).
https://yangx.top/hrdforit
Telegram
Olgа Naumova IT HRD
Эффективность — ваш враг
Есть большая вероятность, что причиной большинства проблем в вашей жизни и работе является недостаточная бездеятельность. В статье рассказано как устроена бездеятельность и почему вам её нужно больше.
Читать...
Есть большая вероятность, что причиной большинства проблем в вашей жизни и работе является недостаточная бездеятельность. В статье рассказано как устроена бездеятельность и почему вам её нужно больше.
Читать...
Хабр
Эффективность — ваш враг
Есть большая вероятность, что причиной большинства проблем в вашей жизни и работе является недостаточная бездеятельность. В статье мы расскажем, как устроена бездеятельность и почему вам её нужно...
Javascript вопрос: Какие кавычки недопустимы в синтаксисе (не внутри строк) JS?
Anonymous Quiz
3%
' '
71%
« »
3%
" "
13%
` `
7%
Все перечисленные допустимы
4%
Посмотреть ответы
CSS media запрос any-hover
Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос?
Он предназначен для того что бы некоторые стили работали только на устройствах с мышью, а соответственно на сенсорных экранах не работали.
Пример применения:
#css #features
Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос?
Он предназначен для того что бы некоторые стили работали только на устройствах с мышью, а соответственно на сенсорных экранах не работали.
Пример применения:
@media(any-hover: hover) {
.element: hover {
// ваши стили
}
}
Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье.#css #features
Caniuse
"any-hover" | Can I use... Support tables for HTML5, CSS3, etc
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Javascript вопрос: Что вернет код ниже?
1еЗ ===100
1еЗ ===100
Anonymous Quiz
21%
true
42%
false
14%
NaN
9%
Произойдет ошибка
13%
Посмотреть ответы
Тренды JavaScript в 2022 году
Новые JS-фреймворки постоянно появляются на рынке. Часто бывает трудно следить за новинками, а причины исчезновения некоторых продуктов бывают загадочны.
Пользователи заинтересованы в производительности, скорости, популярности и соотношении цены и качества, в то время как разработчики стремятся улучшить свои решения, чтобы успешно конкурировать. В этой статье мы попытаемся спрогнозировать тренды в мире JavaScript в 2022 году и немного поразмышлять о них.
Читать...
Новые JS-фреймворки постоянно появляются на рынке. Часто бывает трудно следить за новинками, а причины исчезновения некоторых продуктов бывают загадочны.
Пользователи заинтересованы в производительности, скорости, популярности и соотношении цены и качества, в то время как разработчики стремятся улучшить свои решения, чтобы успешно конкурировать. В этой статье мы попытаемся спрогнозировать тренды в мире JavaScript в 2022 году и немного поразмышлять о них.
Читать...
Tproger
Тренды JavaScript в 2022 году
В этой статье мы попытаемся спрогнозировать тренды в мире JavaScript в 2022 году и немного поразмышлять о них.
Javascript вопрос: Function Expression создается...
Anonymous Quiz
28%
когда начинает выполняться скрипт (или блок кода, если функция объявлена в блоке)
39%
когда выполнение доходит до него
6%
когда выполнение доходит до блока перед ним
8%
Нет правильного варианта ответа
19%
Посмотреть ответы
15 библиотек JavaScript, о которых стоит знать
Язык программирования JavaScript широко используется как во фронтенде, так и в бэкенде. Не удивительно, что в его экосистеме есть множество библиотек, с помощью которых можно легко и быстро создавать самые разные сайты.
В этой статье автор составил список библиотек JavaScript, о которых было бы неплохо хотя бы просто знать.
Читать статью...
#js
Язык программирования JavaScript широко используется как во фронтенде, так и в бэкенде. Не удивительно, что в его экосистеме есть множество библиотек, с помощью которых можно легко и быстро создавать самые разные сайты.
В этой статье автор составил список библиотек JavaScript, о которых было бы неплохо хотя бы просто знать.
Читать статью...
#js
techrocks.ru
15 библиотек JavaScript, о которых стоит знать | techrocks.ru
В этой статье я составил список из лучших библиотек JavaScript, о которых должен знать каждый разработчик.
HTML вопрос: Какое из перечисленных значений атрибута tabindex означает, что кнопка может быть выделена, однако не участвует в навигации с помощью клавиши Tab?
Anonymous Quiz
15%
" "
12%
0
5%
1
32%
-1
16%
false
20%
Посмотреть ответы
Трудности перевода: может ли менталитет помешать вашей релокации и карьере
Вечера доброго товарищи фронты! И снова о релокации. В этой статье описаны факторы которые чаще всего мешают уезжающим обосноваться на новом месте.
Читать статью...
А вот тут если кто пропустил довольно интересная статейка с подборкой самых популярных материалов на тему релокации на хабре за 2021 год.
#relocation
Вечера доброго товарищи фронты! И снова о релокации. В этой статье описаны факторы которые чаще всего мешают уезжающим обосноваться на новом месте.
Читать статью...
А вот тут если кто пропустил довольно интересная статейка с подборкой самых популярных материалов на тему релокации на хабре за 2021 год.
#relocation
Хабр
Трудности перевода: может ли менталитет помешать вашей релокации и карьере
Если в вашем окружении всё чаще начали всплывать темы эмиграции или релокации, закономерность можно объяснить статистикой: по данным ООН , за 2020 год Россия вышла на 3 место в мире по числу...