ข้ามไปยังเนื้อหา

State of HTML 2023

Interactivity (การโต้ตอบ/ปฏิสัมพันธ์)

API ที่ช่วยให้เกิด Interactivity ที่สมบูรณ์ยิ่งขึ้น

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

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:18%
“Positive” average:44%
“Negative” average:3%

Method ที่เกี่ยวกับ DOM Attribute

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%
คุณเคยใช้ method ที่เกี่ยวกับ DOM Attribute ใดบ้าง?

ฟีเจอร์การจัดการ String ของ 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%
คุณเคยใช้ฟีเจอร์การจัดการ String ของ HTML ใดบ้าง?

วิธีการย้าย Element ใน 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%
คุณเคยใช้วิธีการย้าย Element ใน DOM อะไรบ้าง?

Interactivity Methods

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%
คุณเคยใช้วิธีใดในการเพิ่มความ Interactive หรือแก้ไข HTML แบบไดนามิก?

Pain Point ของ Interactivity

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%
Pain Point ของคุณเกี่ยวกับการเปลี่ยนแปลง 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
ขอบคุณพันธมิตรของเราที่สนับสนุนเรา! เรียนรู้เพิ่มเติม