跳到内容

State of HTML 2023

交互性

可实现更丰富用户交互的应用程序接口。

Interactivity Experience & Sentiment

通过...分组：

根据此项排序:

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

经验

  • <span aria-hidden="true">🤓</span> 用过: 使用过此项目的受访者。
  • <span aria-hidden="true">👀</span> 有听说过: 听说过此项目，但没有使用过此项目的受访者。
  • <span aria-hidden="true">🤷</span> 没听说过: 从未听说过此项目的受访者。

情绪（态度）

  • 积极: 有兴趣了解此技术，或者愿意再次使用它的受访者
  • 中立: 未对此技术发表看法的受访者
  • 消极: 对此技术不感兴趣，或者使用此技术有糟糕体验的受访者
“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%
您使用过下列哪些 DOM HTML 字符串处理功能？

移动元素的 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
感谢合作伙伴对我们的支持! 了解更多。