Фронтендщик
الذهاب إلى القناة على Telegram
Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua
إظهار المزيد1 112
المشتركون
لا توجد بيانات24 ساعات
-27 أيام
-930 أيام
جاري تحميل البيانات...
القنوات المماثلة
سحابة العلامات
الإشارات الواردة والصادرة
---
---
---
---
---
---
جذب المشتركين
يونيو '26
يونيو '260
في 1 قنوات
مايو '260
في 0 قنوات
Get PRO
أبريل '260
في 1 قنوات
Get PRO
مارس '26
+1
في 0 قنوات
Get PRO
فبراير '26
+1
في 0 قنوات
Get PRO
يناير '260
في 0 قنوات
Get PRO
ديسمبر '25
+1
في 0 قنوات
Get PRO
نوفمبر '25
+1
في 0 قنوات
Get PRO
أكتوبر '250
في 0 قنوات
Get PRO
سبتمبر '25
+7
في 0 قنوات
Get PRO
أغسطس '25
+1
في 0 قنوات
Get PRO
يوليو '25
+2
في 0 قنوات
Get PRO
يونيو '25
+1
في 0 قنوات
Get PRO
مايو '250
في 0 قنوات
Get PRO
أبريل '25
+1
في 0 قنوات
Get PRO
مارس '25
+6
في 0 قنوات
Get PRO
فبراير '25
+4
في 0 قنوات
Get PRO
يناير '25
+2
في 0 قنوات
Get PRO
ديسمبر '240
في 1 قنوات
Get PRO
نوفمبر '24
+1
في 0 قنوات
Get PRO
أكتوبر '24
+1
في 0 قنوات
Get PRO
سبتمبر '24
+2
في 0 قنوات
Get PRO
أغسطس '24
+2
في 0 قنوات
Get PRO
يوليو '24
+3
في 0 قنوات
Get PRO
يونيو '24
+3
في 0 قنوات
Get PRO
مايو '24
+4
في 0 قنوات
Get PRO
أبريل '24
+3
في 0 قنوات
Get PRO
مارس '24
+3
في 0 قنوات
Get PRO
فبراير '24
+3
في 1 قنوات
Get PRO
يناير '24
+2
في 0 قنوات
Get PRO
ديسمبر '23
+3
في 0 قنوات
Get PRO
نوفمبر '23
+4
في 0 قنوات
Get PRO
أكتوبر '23
+3
في 0 قنوات
Get PRO
سبتمبر '23
+8
في 0 قنوات
Get PRO
أغسطس '23
+4
في 0 قنوات
Get PRO
يوليو '23
+14
في 0 قنوات
Get PRO
يونيو '23
+6
في 0 قنوات
Get PRO
مايو '23
+8
في 0 قنوات
Get PRO
أبريل '23
+41
في 0 قنوات
Get PRO
مارس '23
+6
في 0 قنوات
Get PRO
فبراير '23
+9
في 0 قنوات
Get PRO
يناير '23
+17
في 0 قنوات
Get PRO
ديسمبر '22
+177
في 0 قنوات
Get PRO
نوفمبر '22
+142
في 0 قنوات
Get PRO
أكتوبر '22
+26
في 0 قنوات
Get PRO
سبتمبر '22
+328
في 0 قنوات
Get PRO
أغسطس '22
+1 290
في 0 قنوات
Get PRO
يوليو '22
+106
في 0 قنوات
Get PRO
يونيو '22
+2
في 0 قنوات
Get PRO
مايو '220
في 0 قنوات
Get PRO
أبريل '220
في 0 قنوات
Get PRO
مارس '220
في 0 قنوات
Get PRO
فبراير '220
في 0 قنوات
Get PRO
يناير '220
في 0 قنوات
Get PRO
ديسمبر '210
في 0 قنوات
Get PRO
نوفمبر '21
+1
في 0 قنوات
Get PRO
أكتوبر '21
+1
في 0 قنوات
Get PRO
سبتمبر '21
+4
في 0 قنوات
Get PRO
أغسطس '210
في 0 قنوات
Get PRO
يوليو '210
في 0 قنوات
Get PRO
يونيو '21
+1
في 0 قنوات
Get PRO
مايو '210
في 0 قنوات
Get PRO
أبريل '21
+3
في 0 قنوات
Get PRO
مارس '21
+2
في 0 قنوات
Get PRO
فبراير '210
في 0 قنوات
Get PRO
يناير '21
+1
في 0 قنوات
Get PRO
ديسمبر '20
+1 226
في 0 قنوات
| التاريخ | نمو المشتركين | الإشارات | القنوات | |
| 23 يونيو | 0 | |||
| 22 يونيو | 0 | |||
| 21 يونيو | 0 | |||
| 20 يونيو | 0 | |||
| 19 يونيو | 0 | |||
| 18 يونيو | 0 | |||
| 17 يونيو | 0 | |||
| 16 يونيو | 0 | |||
| 15 يونيو | 0 | |||
| 14 يونيو | 0 | |||
| 13 يونيو | 0 | |||
| 12 يونيو | 0 | |||
| 11 يونيو | 0 | |||
| 10 يونيو | 0 | |||
| 09 يونيو | 0 | |||
| 08 يونيو | 0 | |||
| 07 يونيو | 0 | |||
| 06 يونيو | 0 | |||
| 05 يونيو | 0 | |||
| 04 يونيو | 0 | |||
| 03 يونيو | 0 | |||
| 02 يونيو | 0 | |||
| 01 يونيو | 0 |
منشورات القناة
Пример
Давайте найдем все цифры:
let str = '1 12 123';
let res = str.replace(/\d/g,
'!');
В результате в переменную запишется следующее:
'! !! !!!'
📌 #instr || Фронтендщик
| 2 | Пример
Давайте найдем все цифры:
let str = '1 12 123';
let res = str.replace(/\d/g,
'!');
В результате в переменную запишется следующее:
'! !! !!!'
📌 #instr || Фронтендщик | 1 |
| 3 | Группы символов в регулярных выражениях JavaScript
Существуют специальные команды, которые позволяют выбрать сразу целые группы символов. Команда \d означает цифру от 0 до 9. Команда \w обозначает цифру, латинскую букву или знак подчеркивания. Команда \s обозначает пробел или пробельный символ: пробел, перевод строки, табуляцию. Можно инвертировать значение команды, написав большую букву: например, если \d - цифра, то \D - не цифра.
📌 #instr || Фронтендщик | 20 |
| 4 | Конечно, зачастую такое поведение нам и нужно. Но конкретно в этом случае мы бы хотели отменить жадность и сказать регулярке, чтобы она искала до первого икса.
Чтобы ограничить жадность, нужно после оператора повторения поставить знак вопроса:
let res = str.replace(/a.+?x/g,
'!');
📌 #instr || Фронтендщик | 23 |
| 5 | Мы ожидаем, что в переменную в результате запишется строка '! zzz x kkk'. Однако, это не так - в переменную попадает строка '! kkk'.
Все дело в том, что наша регулярка ищет все символы от буквы 'a' до буквы 'x'. Но в нашей строке две буквы 'x'! Из-за жадности получается, что регулярка ищет до самого последнего икса, тем самым захватывая не то, что мы ожидали.
📌 #instr || Фронтендщик | 22 |
| 6 | Пусть мы в этой строке хотим найти подстроку 'aeeex' по следующему шаблону: буква 'a', затем любой символ один или
более раз, затем буква 'x'.
let res = str.replace(/a.+x/g,
'!');
📌 #instr || Фронтендщик | 23 |
| 7 | Ограничение жадности в регулярках в JavaScript
Регулярные выражения по умолчанию жадные. Это значит, что они захватывают максимальное возможное количество символов. Давайте разберем на примере. Пусть у нас есть вот такая строка:
let str = 'aeeex zzz x kkk';
📌 #instr || Фронтендщик | 25 |
| 8 | Пример
Ноль тоже допустим:
let str = 'xx xax xaax xaaax';
let res = str.replace(/xa{0,3}x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! !'
📌 #instr || Фронтендщик | 26 |
| 9 | Пример
Ноль тоже допустим:
let str = 'xx xax xaax xaaax';
let res = str.replace(/xa{0,3}x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! !'
📌 #instr || Фронтендщик | 1 |
| 10 | Пример
В данном примере автор кода хотел такой шаблон: буква 'x', буква 'a' три раза раза и меньше, буква 'x', но, к сожалению, такое - {,3} - не работает. Нужно указать явно:
let str = 'xx xax xaax xaaax';
let res = str.replace(/xa{1,3}x/g,
'!');
В результате в переменную запишется следующее:
'xx ! ! !'
📌 #instr || Фронтендщик | 23 |
| 11 | Пример
В данном примере шаблон поиска выглядит так: буква 'a' десять раз:
let str = 'aaa aaaaaaaaaa aaa';
let res = str.replace(/a{10}/g,
'!');
В результате в переменную запишется следующее:
'aaa ! aaa'
📌 #instr || Фронтендщик | 23 |
| 12 | Пример
В данном примере шаблон поиска выглядит так: буква 'a' десять раз:
let str = 'aaa aaaaaaaaaa aaa';
let res = str.replace(/a{10}/g,
'!');
В результате в переменную запишется следующее:
'aaa ! aaa'
📌 #instr || Фронтендщик | 1 |
| 13 | Пример
В данном примере шаблон поиска выглядит так: буква 'x', буква 'a' три раза, буква 'x':
let str = 'xx xax xaax xaaax';
let res = str.replace(/xa{3}x/g,
'!');
В результате в переменную запишется следующее:
'xx xax xaax !'
📌 #instr || Фронтендщик | 24 |
| 14 | Пример
В данном примере шаблон поиска выглядит так: буква 'x', буква 'a' два раза и более, буква 'x':
let str = 'xx xax xaax xaaax';
let res = str.replace(/xa{2,}x/g,
'!');
В результате в переменную запишется следующее:
'xx xax ! !'
📌 #instr || Фронтендщик | 26 |
| 15 | Пример
В данном примере шаблон поиска выглядит так: буква 'x', буква 'a' два раза и более, буква 'x':
let str = 'xx xax xaax xaaax';
let res = str.replace(/xa{2,}x/g,
'!');
В результате в переменную запишется следующее:
'xx xax ! !'
📌 #instr || Фронтендщик | 1 |
| 16 | Пример
В данном примере шаблон
поиска выглядит так: буква 'x', буква 'a' один или два раза, буква 'x':
let str = 'xx xax xaax xaaax';
let res = str.replace(/xa{1,2}x/g,
'!');
В результате в переменную запишется следующее:
'xx ! ! xaaax'
📌 #instr || Фронтендщик | 25 |
| 17 | Фигурные скобки в регулярных выражениях JavaScript
Операторы '+', '*', '?' хороши, однако, с их помощью нельзя указать конкретное число повторений. В этом случае вам на помощь придет оператор {}.
Работает он следующим образом: {5} - пять повторений, {2,5} – повторяется от двух до пяти (оба включительно), {2,} - повторяется два и более раз. Обратите внимание на то, что такого варианта - {,2}- нет.
📌 #instr || Фронтендщик | 25 |
| 18 | Список специальных символов и обычных
Если экранировать обычный символ - ничего страшного не случится - он все равно будет обозначать сам себя. Исключение - цифры, их нельзя экранировать.
Часто возникает сомнение, является ли данный символ специальным. Некоторые доходят до того, что экранируют все подозрительные символы подряд. Однако, это плохая практика (захламляет регулярку обратными слешами).
Являются спецсимволами: $ ^ . * + ? \ / {} [] () |
Не являются спецсимволами: @ : , ' " ; - _ = < > % # ~ `& !
📌 #instr || Фронтендщик | 22 |
| 19 | Визуально работает правильно (так как точка обозначает любой символ, в том числе и обычную точку '.'). Но если поменять строку, в которой происходят замены - мы увидим нашу ошибку:
'a.x abx azx'.replace(/a.x/g,
'!'); // вернет '! ! !', а
ожидалось '! abx azx'
📌 #instr || Фронтендщик | 22 |
| 20 | Визуально работает правильно (так как точка обозначает любой символ, в том числе и обычную точку '.'). Но если поменять строку, в которой происходят замены - мы увидим нашу ошибку:
'a.x abx azx'.replace(/a.x/g,
'!'); // вернет '! ! !', а
ожидалось '! abx azx'
📌 #instr || Фронтендщик | 1 |
متاح الآن! بحث تيليغرام 2025 — أهم رؤى العام 
