JavaScript có tốt cho giao diện người dùng không?
|
Có thể bạn đã nghe nói về front-end framework. Những cái tên như React, Vue và Angular có rất nhiều trong các hướng dẫn và các cuộc tranh luận của Hacker News. Nếu bạn thắc mắc tại sao và khi nào các khung này được sử dụng và liệu đã đến lúc bạn triển khai một khung trong dự án của mình hay chưa, thì bạn không đơn độc. Vài năm trước, khi đang thực hiện một dự án phụ, Hackterms, của riêng tôi… Max Pekarsky Kỹ sư phần mềm Có thể bạn đã nghe nói về front-end framework. Những cái tên như React, Vue và Angular có rất nhiều trong các hướng dẫn và các cuộc tranh luận của Hacker News. Nếu bạn thắc mắc tại sao và khi nào các khung này được sử dụng và liệu đã đến lúc bạn triển khai một khung trong dự án của mình hay chưa, thì bạn không đơn độc. Một vài năm trước, khi đang thực hiện một dự án phụ, Hackterms, giao diện người dùng của tôi trở nên khó sử dụng. Tôi có cảm giác mơ hồ rằng triển khai một khuôn khổ là bước tiếp theo đúng đắn, nhưng tôi không biết họ đã làm gì. (Chúng ta sẽ quay lại chuyện đó diễn ra như thế nào ở cuối bài viết. ) Đây là lời giải thích mà tôi ước có sau đó. Trong bài đăng này, chúng tôi sẽ xem xét toàn cảnh các vấn đề mà các framework front-end đang cố gắng giải quyết và khi nào bạn có thể muốn sử dụng chúng Cụ thể, chúng tôi sẽ xem xét
Ngoài lề. "khuôn khổ front-end" có dấu gạch nối vì nó là một tính từ ghép. Tuy nhiên, ứng dụng của bạn có “giao diện người dùng”—danh từ, không có dấu gạch nối. Nhận được nerdy với tôi Một số điều khoản để xem xétChúng ta sẽ nói về một loạt các khuôn khổ front-end (bạn có thể đã nhận được một gợi ý từ tiêu đề), vì vậy hãy cùng tìm hiểu về thuật ngữ
Giao diện người dùng là lớp trình bày của ứng dụng của bạn. Nó thường được mô tả là tất cả những thứ mà người dùng nhìn thấy, nhưng nói chung, đó là bất kỳ mã nào chịu trách nhiệm hiển thị dữ liệu cho người dùng một cách hiệu quả. Vì vậy, giao diện người dùng bao gồm việc xây dựng các giao diện trực quan và dễ chịu, cũng như lưu trữ, trình bày và cập nhật dữ liệu nhận được từ giao diện người dùng hoặc API một cách hiệu quả Khung giao diện người dùng là một giàn giáo để xây dựng giao diện người dùng của bạn. Nó thường bao gồm một số cách để cấu trúc các tệp của bạn (ví dụ: thông qua các thành phần hoặc bộ tiền xử lý CSS), tạo các yêu cầu AJAX, tạo kiểu cho các thành phần của bạn và liên kết dữ liệu với các phần tử DOM Một ứng dụng đang phát triểnBạn có thể xây dựng một lối vào đơn giản chỉ với ba tệp. HTML, CSS và JavaScript. Tuy nhiên, khi ứng dụng của bạn mở rộng quy mô, các tệp của bạn sẽ phát triển cùng với nó, chứa đầy mã spaghetti khó hiểu và không thể duy trì được Theo truyền thống, hãy xem một ví dụ ngớ ngẩn. giả sử bạn đang xây dựng MySquare, một bảng xếp hạng dành cho những người chơi bảng cạnh tranh. Trong ứng dụng này, người dùng có thể chia sẻ các trò chơi cờ mà họ đã chơi, kết quả thi đấu do giải đấu chấp thuận của họ (hiện đã có giải đấu, tham gia giải đấu) và đánh giá ngắn về các trận đấu cạnh tranh. Tính năng quan trọng nhất của ứng dụng là trang hồ sơ người dùng Bạn xây dựng phiên bản đầu tiên của trang hồ sơ này với ba công nghệ cơ bản là HTML, CSS và JavaScript. Nó hoạt động một cái gì đó như thế này.
Khi MySquare trở nên phổ biến và tập dữ liệu của bạn phát triển, phương pháp này nhanh chóng trở nên khó sử dụng
|
