Перейти до вмісту

State of HTML 2023

Інтерактивність

API, які забезпечують розширену взаємодію з користувачем.

Досвід використання і ставлення до методів інтерактивності

Групувати за:

Сортувати за:

1

46.7%
25.9%
27.1%
15,716
2

31.2%
46.2%
22.4%
15,768
3

6.4%
14.2%
79.2%
15,584
4

4.7%
41.3%
53.7%
15,625
5

19.6%
78.3%
15,615

Досвід

  • Використовував(-ла): Респонденти, які це використовували.
  • Чув(-ла) про це: Респонденти, які чули про це, але не використовували.
  • Вперше чую: Респонденти, які не чули про це.

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
“Used” average:18%
“Positive” average:44%
“Negative” average:3%

Методи DOM для атрибутів

0%
17%
35%
52%
70%
87%
1

element.classList

13,597
2

element.toggleAttribute(name, force)

8,026
3

element.getAttributeNames()

8,006
4

🚫 Нічого

1,203
0%
17%
35%
52%
70%
87%
% від тих, хто відповів на питання
15,576
75%
Які з наведених методів DOM для атрибутів ви використовували?

Функції обробки тексту в HTML

0%
19%
39%
58%
77%
97%
1

element.innerHTML

15,088
2

element.outerHTML

9,416
3

4,408
4

3,201
5

🚫 Нічого

452
0%
19%
39%
58%
77%
97%
% від тих, хто відповів на питання
15,614
75%
Які з наведених функцій обробки HTML-тексту всередині DOM ви використовували?

Методи DOM для переміщення елементів

0%
16%
32%
48%
64%
79%
1

11,967
2

6,935
3

4,932
4

4,867
5

3,899
6

3,897
7

🚫 Нічого

2,172
0%
16%
32%
48%
64%
79%
% від тих, хто відповів на питання
15,063
72%
Які з наведених методів DOM для переміщення елементів ви використовували?

Методи для додавання інтерактивності

0%
18%
36%
53%
71%
89%
1

vanilla_js

13,921
2

js_framework

13,744
3

css_for_interactivity

13,211
4

js_dom_libraries

11,620
5

5,308
6

🚫 Нічого

62
0%
18%
36%
53%
71%
89%
% від тих, хто відповів на питання
15,640
75%
Які з наведених методів ви використовували для додавання інтерактивності або динамічної зміни HTML-коду?

Проблеми інтерактивності

0%
21%
42%
63%
84%
105%
1

Browser support

2

DOM interactions

Відповіді, що відповідають ключу “DOM interactions” 178
3

Reliance on JavaScript

4

Event management

5

6

Accessibility

7

State management

8

Reactivity

9

Excessive complexity

10

Performance

11

Інші відповіді

Відповіді, що відповідають ключу “Інші відповіді” 2,522
0%
21%
42%
63%
84%
105%
% від тих, хто відповів на питання
2,402
11%
Які проблеми динамічної зміни HTML найбільше вас розчаровують?
Довільна форма

Рекомендовані джерела

Vanilla JS: You Might Not Need a Framework
Maximiliano Firtman

Vanilla JS: You Might Not Need a Framework

See how you can build rich web apps and websites without depending on libraries or frameworks, using only the core JavaScript language. You'll
Дякуємо нашим партнерам за підтримку! Детальніше.