Фронтендщик

Kanalga Telegram’da o‘tish

Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua

Ko'proq ko'rsatish

Rossiya303 532 Texnologiyalar & Aralashmalar39 700

1 101

Obunachilar

Ma'lumot yo'q24 soatlar

-47 kunlar

-1030 kunlar

Post ko'rishlar

~ 1524 soatlar

~ 1848 soatlar

2.27%

Muloqot nisbati

~ 2

Kuniga postlar

Ads index

beta

Ma'lumot yuklanmoqda...

O'xshash kanallar

32.0K

Frontender's notes [ru]

24.5K

Senior Frontend - javascript, html, css

8.4K

WebDEV

6.4K

Frontend Головного Мозга

2.8K

Продакшн

Ko'proq kanallar

Kirish va chiqish esdaliklari

---

Obunachilarni jalb qilish

Iyul '26

Iyul '260

0 kanalda

Iyun '260

1 kanalda

Get PRO

May '260

0 kanalda

Get PRO

Aprel '260

1 kanalda

Get PRO

Mart '26

0 kanalda

Get PRO

Fevral '26

0 kanalda

Get PRO

Yanvar '260

0 kanalda

Get PRO

Dekabr '25

0 kanalda

Get PRO

Noyabr '25

0 kanalda

Get PRO

Oktabr '250

0 kanalda

Get PRO

Sentabr '25

0 kanalda

Get PRO

Avgust '25

0 kanalda

Get PRO

Iyul '25

0 kanalda

Get PRO

Iyun '25

0 kanalda

Get PRO

May '250

0 kanalda

Get PRO

Aprel '25

0 kanalda

Get PRO

Mart '25

0 kanalda

Get PRO

Fevral '25

0 kanalda

Get PRO

Yanvar '25

0 kanalda

Get PRO

Dekabr '240

1 kanalda

Get PRO

Noyabr '24

0 kanalda

Get PRO

Oktabr '24

0 kanalda

Get PRO

Sentabr '24

0 kanalda

Get PRO

Avgust '24

0 kanalda

Get PRO

Iyul '24

0 kanalda

Get PRO

Iyun '24

0 kanalda

Get PRO

May '24

0 kanalda

Get PRO

Aprel '24

0 kanalda

Get PRO

Mart '24

0 kanalda

Get PRO

Fevral '24

1 kanalda

Get PRO

Yanvar '24

0 kanalda

Get PRO

Dekabr '23

0 kanalda

Get PRO

Noyabr '23

0 kanalda

Get PRO

Oktabr '23

0 kanalda

Get PRO

Sentabr '23

0 kanalda

Get PRO

Avgust '23

0 kanalda

Get PRO

Iyul '23

+14

0 kanalda

Get PRO

Iyun '23

0 kanalda

Get PRO

May '23

0 kanalda

Get PRO

Aprel '23

+41

0 kanalda

Get PRO

Mart '23

0 kanalda

Get PRO

Fevral '23

0 kanalda

Get PRO

Yanvar '23

+17

0 kanalda

Get PRO

Dekabr '22

+177

0 kanalda

Get PRO

Noyabr '22

+142

0 kanalda

Get PRO

Oktabr '22

+26

0 kanalda

Get PRO

Sentabr '22

+328

0 kanalda

Get PRO

Avgust '22

+1 290

0 kanalda

Get PRO

Iyul '22

+106

0 kanalda

Get PRO

Iyun '22

0 kanalda

Get PRO

May '220

0 kanalda

Get PRO

Aprel '220

0 kanalda

Get PRO

Mart '220

0 kanalda

Get PRO

Fevral '220

0 kanalda

Get PRO

Yanvar '220

0 kanalda

Get PRO

Dekabr '210

0 kanalda

Get PRO

Noyabr '21

0 kanalda

Get PRO

Oktabr '21

0 kanalda

Get PRO

Sentabr '21

0 kanalda

Get PRO

Avgust '210

0 kanalda

Get PRO

Iyul '210

0 kanalda

Get PRO

Iyun '21

0 kanalda

Get PRO

May '210

0 kanalda

Get PRO

Aprel '21

0 kanalda

Get PRO

Mart '21

0 kanalda

Get PRO

Fevral '210

0 kanalda

Get PRO

Yanvar '21

0 kanalda

Get PRO

Dekabr '20

+1 226

0 kanalda

Sana	Obunachilarni jalb qilish	Esdaliklar	Kanallar
22 Iyul	0
21 Iyul	0
20 Iyul	0
19 Iyul	0
18 Iyul	0
17 Iyul	0
16 Iyul	0
15 Iyul	0
14 Iyul	0
13 Iyul	0
12 Iyul	0
11 Iyul	0
10 Iyul	0
09 Iyul	0
08 Iyul	0
07 Iyul	0
06 Iyul	0
05 Iyul	0
04 Iyul	0
03 Iyul	0
02 Iyul	0
01 Iyul	0

Kanal postlari

Переменная с регуляркой в JavaScript Регулярные выражения можно выносить в переменные. Давайте посмотрим на примере. Пусть у нас есть следующая строка: let str = 'aaa bbb ccc'; Пусть у нас есть следующий код с регулярным выражением: let res = str.replace(/\w+/, '!'); 📌 #instr || Фронтендщик

2	Пример Если вертикальная черта стоит внутри круглых скобок, то 'или' работает только внутри этих скобок. Для примера давайте найдем строки по следующему шаблону: в начале стоит или 'a', или 'b' один или более раз, а потом две буквы 'x': let str = 'axx bxx bbxx exx'; let res = str.replace(/(a\|b+)xx/g, '!'); В результате в переменную запишется следующее: '! ! ! exx' 📌 #instr \|\| Фронтендщик	13
3	Пример Вертикальная черта может делить регулярку не на две части, а на любое количество частей: let str = 'aaa bbb ccc ddd'; let res = str.replace(/a+\|b+\|c+/g, '!'); В результате в переменную запишется следующее: '! ! ! ddd 📌 #instr \|\| Фронтендщик	21
4	Пример В данном примере шаблон поиска такой: одна или более буквы или три цифры: let str = 'a ab abc 1 12 123'; let res = str.replace(/[a-z]+\|\d{3}/g, '!'); В результате в переменную запишется следующее: '! ! ! 1 12 !' 📌 #instr \|\| Фронтендщик	24
5	Пример В данном примере шаблон поиска такой: три буквы 'a' или от 1 и более букв 'b': let str = 'aaa bbb bbbb bbbbb axx'; let res = str.replace(/a{3}\|b+/g, '!'); В результате в переменную запишется следующее: '! ! ! ! axx' 📌 #instr \|\| Фронтендщик	24
6	Пример В данном примере шаблон поиска такой: три буквы 'a' или от 1 и более букв 'b': let str = 'aaa bbb bbbb bbbbb axx'; let res = str.replace(/a{3}\|b+/g, '!'); В результате в переменную запишется следующее: '! ! ! ! axx' 📌 #instr \|\| Фронтендщик	1
7	Пример В данном примере шаблон поиска такой: три буквы 'a' или три буквы 'b': let str = 'aaa bbb abb'; let res = str.replace(/a{3}\|b{3}/g, '!'); В результате в переменную запишется следующее: '! ! abb' 📌 #instr \|\| Фронтендщик	26
8	Команда 'или' в регулярных выражениях JavaScript В данном уроке мы разберем команду '\|', которая представляет собой более мощный вариант 'или' по сравнению с командой [ ]. Данная команда позволяет разделить регулярку на несколько частей. При этом искомое может попасть либо под одну часть регулярки, либо под другую. Давайте посмотрим на примерах. 📌 #instr \|\| Фронтендщик	21
9	Доллар Команда '$' в многострочном режиме будет ловить конец каждой строки: let res = str.replace(/$/gm, '!'); В результате в переменную запишется следующее: ` 111! 222! 333! 444! `; 📌 #instr \|\| Фронтендщик	23
10	Шляпка С помощью модификатора 'm' можно включить многострочный режим. В этом случае шляпка будет ловить начало каждой строки: let res = str.replace(/^/gm, '!'); В результате в переменную запишется следующее: ` !111 !222 !333 !444 `; 📌 #instr \|\| Фронтендщик	23
11	$Любой символ Чтобы поймать все символы в многострочной строке, используется хитрый прием в виде сочетания [\s\S]. Такая конст$ Любой символ Чтобы поймать все символы в многострочной строке, используется хитрый прием в виде сочетания [\s\S]. Такая конструкция найдет все обычные символы и все переводы строк: let res = str.replace(/[\s\S]/g, '!'); В результате в переменную запишется следующее: !!!!!!!!!!!!!!!!!!; 📌 #instr \|\| Фронтендщик	23
12	Работа точки Команда '.' для многострочной строки не ловит символы перевода строки: let res = str.replace(/./g, '!'); В результате в переменную запишется следующее: ` !!! !!!! !!!! !!!! `; 📌 #instr \|\| Фронтендщик	21
13	$Табуляция Символы табуляции можно поймать с помощью команды '\t': let res = str.replace(/\t/g, '!'); В результате в переменну$ Табуляция Символы табуляции можно поймать с помощью команды '\t': let res = str.replace(/\t/g, '!'); В результате в переменную запишется следующее: ` 111 !222 !333 !444 `; 📌 #instr \|\| Фронтендщик	21
14	$Перевод строки Символы перевода строки можно поймать с помощью команды '\n': let res = str.replace(/\n/g, '!'); В результате$ Перевод строки Символы перевода строки можно поймать с помощью команды '\n': let res = str.replace(/\n/g, '!'); В результате в переменную запишется следующее (промежутки между строками - это табуляция): 111! 222! 333! 444; 📌 #instr \|\| Фронтендщик	21
15	Многострочность в регулярках JavaScript Регулярки при работе с многострочными строками имеют свои особенности. Давайте с ними разбираться на примере следующей строки, содержащей обычные символы, символы перевода строк и табуляции: let str = `111 222 333 444`; 📌 #instr \|\| Фронтендщик	25
16	$Пример Давайте добавим символ '!' в промежутки между буквами: let str = 'aaa aaa aaa'; let res = str.replace(/\B/g, '!'); В р$ Пример Давайте добавим символ '!' в промежутки между буквами: let str = 'aaa aaa aaa'; let res = str.replace(/\B/g, '!'); В результате в переменную запишется следующее: 'a!a!a a!a!a a!a!a' 📌 #instr \|\| Фронтендщик	22
17	$Пример Давайте обернем каждое слово в символ '!': let str = 'aaa aaa aaa'; let res = str.replace(/\b/g, '!'); В результате в$ Пример Давайте обернем каждое слово в символ '!': let str = 'aaa aaa aaa'; let res = str.replace(/\b/g, '!'); В результате в переменную запишется следующее: '!aaa! !aaa! !aaa! 📌 #instr \|\| Фронтендщик	23
18	$Границы слов в регулярках JavaScript С помощью команды '\b' можно обратиться границе слова, а с помощью команды '\B' - не к г$ Границы слов в регулярках JavaScript С помощью команды '\b' можно обратиться границе слова, а с помощью команды '\B' - не к границе. Давайте посмотрим работу этих команд на примерах. 📌 #instr \|\| Фронтендщик	27
19	Пример Когда в начале регулярки стоит '^', а в конце - '$', то таким образом мы проверяем всю строку целиком на соответствие регулярке. В следующем примере шаблон поиска такой: буква 'a' повторяется один или более раз, заменить всю строку на '!'только она состоит из одних букв 'a'. let str = 'aaa'; let res = str.replace(/^a+$/g, '!'); В результате в переменную запишется следующее: '!' 📌 #instr \|\| Фронтендщик	30
20	Пример В данном примере шаблон поиска такой: заменить 'aaa' на '!' только, если оно стоит в конце строки: let str = 'aaa aaa aaa'; let res = str.replace(/aaa$/g, '!'); В результате в переменную запишется следующее: 'aaa aaa !' 📌 #instr \|\| Фронтендщик	23

Barcha postlarni ko‘rish