现已上线！2025 年 Telegram 研究 — 年度关键洞察 
Фронтендщик
前往频道在 Telegram
Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua
显示更多1 114
订阅者
无数据24 小时
-27 天
-830 天
数据加载中...
相似频道
标签云
进出提及
---
---
---
---
---
---
吸引订阅者
六月 '26
六月 '260
在0个频道中
五月 '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个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 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 |
频道帖子
Пример
В данном примере шаблон поиска выглядит так: буква 'x', буква 'a' два раза и более, буква 'x':
let str = 'xx xax xaax xaaax';
let res = str.replace(/xa{2,}x/g,
'!');
В результате в переменную запишется следующее:
'xx xax ! !'
📌 #instr || Фронтендщик
| 2 | Пример
В данном примере шаблон
поиска выглядит так: буква 'x', буква 'a' один или два раза, буква 'x':
let str = 'xx xax xaax xaaax';
let res = str.replace(/xa{1,2}x/g,
'!');
В результате в переменную запишется следующее:
'xx ! ! xaaax'
📌 #instr || Фронтендщик | 9 |
| 3 | Фигурные скобки в регулярных выражениях JavaScript
Операторы '+', '*', '?' хороши, однако, с их помощью нельзя указать конкретное число повторений. В этом случае вам на помощь придет оператор {}.
Работает он следующим образом: {5} - пять повторений, {2,5} – повторяется от двух до пяти (оба включительно), {2,} - повторяется два и более раз. Обратите внимание на то, что такого варианта - {,2}- нет.
📌 #instr || Фронтендщик | 15 |
| 4 |  Список специальных символов и обычных
Если экранировать обычный символ - ничего страшного не случится - он все равно будет обозначать сам себя. Исключение - цифры, их нельзя экранировать.
Часто возникает сомнение, является ли данный символ специальным. Некоторые доходят до того, что экранируют все подозрительные символы подряд. Однако, это плохая практика (захламляет регулярку обратными слешами).
Являются спецсимволами: $ ^ . * + ? \ / {} [] () |
Не являются спецсимволами: @ : , ' " ; - _ = < > % # ~ `& !
📌 #instr || Фронтендщик | 17 |
| 5 | Визуально работает правильно (так как точка обозначает любой символ, в том числе и обычную точку '.'). Но если поменять строку, в которой происходят замены - мы увидим нашу ошибку:
'a.x abx azx'.replace(/a.x/g,
'!'); // вернет '! ! !', а
ожидалось '! abx azx'
📌 #instr || Фронтендщик | 19 |
| 6 | Визуально работает правильно (так как точка обозначает любой символ, в том числе и обычную точку '.'). Но если поменять строку, в которой происходят замены - мы увидим нашу ошибку:
'a.x abx azx'.replace(/a.x/g,
'!'); // вернет '! ! !', а
ожидалось '! abx azx'
📌 #instr || Фронтендщик | 1 |
| 7 | Визуально работает правильно (так как точка обозначает любой символ, в том числе и обычную точку '.'). Но если поменять строку, в которой происходят замены - мы увидим нашу ошибку:
'a.x abx azx'.replace(/a.x/g,
'!'); // вернет '! ! !', а
ожидалось '! abx azx'
📌 #instr || Фронтендщик | 1 |
| 8 |  Замечание
Обратите внимание на то, что если вы забудете обратный слеш для точки (когда она должна обозначать сама себя) - этого можно даже не заметить:
'a.x'.replace(/a.x/g,
'!'); // вернет '!', как мы
и хотели
📌 #instr || Фронтендщик | 18 |
| 9 | Пример
А следующем примере автор забыл заэкранировать слеш и под регулярку попали все подстроки, так как незаэкранированная точка обозначает любой символ:
let str = 'a.x abx azx';
let res = str.replace(/a.x/g,
'!');
В результате в переменную запишется следующее:
'! ! !'
📌 #instr || Фронтендщик | 22 |
| 10 | Пример
А следующем примере автор забыл заэкранировать слеш и под регулярку попали все подстроки, так как незаэкранированная точка обозначает любой символ:
let str = 'a.x abx azx';
let res = str.replace(/a.x/g,
'!');
В результате в переменную запишется следующее:
'! ! !'
📌 #instr || Фронтендщик | 1 |
| 11 | Пример
В данном примере шаблон выглядит так: буква 'a', затем точка '.', затем буква 'x':
let str = 'a.x abx azx';
let res = str.replace(/a\.x/g,
'!');
В результате в переменную запишется следующее:
'! abx azx'
📌 #instr || Фронтендщик | 20 |
| 12 | Пример
В следующем примере автор регулярки хотел, чтобы шаблон поиска выглядел так: буква 'a', затем плюс '+', затем буква 'x'. Однако, автор кода не заэкранировал символ '+' и поэтому шаблон поиска самом деле он выглядит так: буква 'a'один или более раз, потом буква 'x':
let str = 'a+x ax aax aaax';
let res = str.replace(/a+x/g,
'!');
📌 #instr || Фронтендщик | 22 |
| 13 | Пример
В следующем примере автор регулярки хотел, чтобы шаблон поиска выглядел так: буква 'a', затем плюс '+', затем буква 'x'. Однако, автор кода не заэкранировал символ '+' и поэтому шаблон поиска самом деле он выглядит так: буква 'a'один или более раз, потом буква 'x':
let str = 'a+x ax aax aaax';
let res = str.replace(/a+x/g,
'!');
📌 #instr || Фронтендщик | 1 |
| 14 | Экранировка спецсимволов в регулярках JavaScript
Предположим, что мы хотим сделать так, чтобы спецсимвол обозначал сам себя. Для этого его нужно экранировать с помощью обратного слеша. Давайте посмотрим на примерах.
📌 #instr || Фронтендщик | 23 |
| 15 |  Пример
В следующем примере шаблон поиска выглядит так: буква 'x', далее строка 'ab' один или более раз, потом буква 'x':
let str = 'xabx xababx xaabbx'
let res = str.replace(/x(ab)+x/g,
'!');
В результате в переменную запишется следующее:
'! ! xaabbx'
📌 #instr || Фронтендщик | 24 |
| 16 | Группирующие скобки в регулярках JavaScript
В предыдущих примерах операторы повторения действовали только на один символ, который стоял перед ними. Что делать, если мы хотим подействовать им на несколько символов?
Для этого существуют группирующие скобки '(' и ')'. Они работают так: если что-то стоит в группирующих скобках и сразу после ')' стоит оператор повторения - он подействует на все, что стоит внутри скобок.
Давайте посмотрим на примерах.
📌 #instr || Фронтендщик | 22 |
| 17 |  В результате в переменную запишется следующее:
'xx ! ! ! xbx'
Пример
Найдем все подстроки по шаблону буква'x', буква 'a' ноль или более раз, буква 'x':
let str = 'xx xax xaax
xaaax xbx'
let res = str.replace(/xa*x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! ! xbx'
📌 #instr || Фронтендщик | 26 |
| 18 | В результате в переменную запишется следующее:
'xx ! ! ! xbx'
Пример
Найдем все подстроки по шаблону буква'x', буква 'a' ноль или более раз, буква 'x':
let str = 'xx xax xaax
xaaax xbx'
let res = str.replace(/xa*x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! ! xbx'
📌 #instr || Фронтендщик | 1 |
| 19 | В результате в переменную запишется следующее:
'xx ! ! ! xbx'
Пример
Найдем все подстроки по шаблону буква'x', буква 'a' ноль или более раз, буква 'x':
let str = 'xx xax xaax
xaaax xbx'
let res = str.replace(/xa*x/g,
'!');
В результате в переменную запишется следующее:
'! ! ! ! xbx'
📌 #instr || Фронтендщик | 1 |
| 20 | Пример
Найдем все подстроки по шаблону буква'x', буква 'a' один или более раз, буква 'x':
let str = 'xx xax xaax
xaaax xbx';
let res = str.replace(/xa+x/g,
'!');
📌 #instr || Фронтендщик | 25 |
