Javascript: createElement so với mẫu chữ

Một vài ngày trước khi xây dựng một dự án, tôi đã nhận được một câu hỏi khiến tôi thực sự tò mò muốn tìm và đọc về nó. Câu hỏi là:

“Điều gì sẽ xảy ra nếu tôi sử dụng các chuỗi mẫu thay vì sử dụng createElement để tạo các phần tử HTML? Liệu nó có bất kỳ sự khác biệt?"

Cả “ document.createElement() ” và “ template literals ” đều cho phép chúng ta tạo các phần tử nên câu hỏi đặt ra là khi nào thì sử dụng cái gì? Có sự khác biệt nào nếu chúng ta sử dụng hoặc thay thế chúng không? Bạn sẽ tìm ra khi bạn tiếp tục đọc.

createElement() v/s mẫu chữ

tạo phần tử ()

Phương thức createElement() là một tính năng cấp 1 của DOM được giới thiệu vào năm 1998.
Nó cũ và mạnh mẽ nhưng sau đó sẽ có sự dư thừa khi thỉnh thoảng chúng ta phải tạo các phần tử.
Trình duyệt hỗ trợ cho createElement() ở mức tốt là 97,92 % .

Mẫu chữ đã được giới thiệu trong ES6 hay còn gọi là ECMAScript 6 vào năm 2015.
Nó mới hơn, nhanh hơn, ít mã hơn, dễ đọc hơn, dễ bảo trì và có ít cơ hội xử lý lỗi hơn.
Trình duyệt hỗ trợ chuỗi mẫu ở mức 97,11 % , đây không phải là sự khác biệt lớn khi so sánh với createElement() nhưng đây là điều mà các mẫu chữ không hoạt động trên IE 11, Opera và blackberry.

Dưới đây là đoạn mã mẫu để thêm các thành phần HTML bằng cách sử dụng createElement và mẫu chữ.

cách JS

Thay thế bằng chữ mẫu

Sự kết luận

Như bạn đã thấy ngay cả trong mã mẫu ở trên, không có nhiều sự khác biệt khi chúng ta tạo các phần tử bằng cách sử dụng createElement() hoặc sử dụng các chuỗi mẫu. Vì vậy, câu trả lời cho câu hỏi nằm ở việc chọn cái gì phù hợp nhất với bạn cùng với trình duyệt mà người dùng ứng dụng đang sử dụng. Vì IE11, Opera và Blackberry chưa hỗ trợ chuỗi mẫu, bạn có thể chọn sử dụng phương thức createElement().

Suy nghĩ lại về truyền thông: Năm sự thật của McChesney và tương lai của truyền thông

Trong thế giới siêu kết nối ngày nay, các hệ thống truyền thông đóng một vai trò then chốt trong việc định hình dư luận và do đó, trong việc ra quyết định dân chủ. Trong phân tích sâu sắc của mình về nền kinh tế chính trị của truyền thông, học giả Robert McChesney thách thức sự hiểu biết thông thường và trình bày cái mà ông gọi là “năm sự thật” về truyền thông.

Tại sao một số dịch giả tự do đang giả mạo cuộc sống của họ

Gần đây, tôi đã truy cập Linkedin, mạng xã hội chuyên nghiệp lớn nhất thế giới và tìm thấy các bài đăng của các nhà thiết kế tự do mà tôi theo dõi, những người đã thu hút sự chú ý của tôi. Tất cả họ đều đăng ảnh chụp từ máy bay, trên bãi biển với máy tính xách tay của họ, từ bể bơi và văn phòng với những khung cảnh tuyệt vời.

Thử thách đọc Goodreads là độc hại

Tay tôi ngứa ngáy lan rộng khi tôi mặc cả với người bán sách địa phương để mua một cuốn sách khác. Cuốn sách này giống như những cuốn còn lại mà tôi đã mua gần đây sẽ lên ngôi trong đống 'Cần đọc' (TBR) của tôi; tuy nhiên, tôi đã mua nó.

Sự xói mòn chậm: Hé lộ những cách mọi người lãng phí trong sự nghiệp của họ

Trong thế giới có nhịp độ nhanh và cạnh tranh ngày nay, sự nghiệp của một người đóng một vai trò quan trọng trong sự phát triển cá nhân, ổn định tài chính và sự hài lòng trong cuộc sống nói chung. Tuy nhiên, nhiều cá nhân thấy mình bị mắc kẹt trong một chu kỳ trì trệ và không hài lòng không ngừng, dần dần lãng phí trong cuộc sống nghề nghiệp của họ.

Tìm kiếm thông tin về tên miền

Đoạn trích từ Small, Sharp Software Tools của Brian P. Hogan

Khi bạn gửi yêu cầu tới facebook.com, máy tính của bạn sẽ tra cứu tên miền để dịch tên miền đó thành địa chỉ IP để máy tính của bạn có thể thực hiện kết nối đó.