How to write clean code
folder
Kiến thức công nghệ
today
28/10/2024 09:13
Tại sao phải viết mã sạch?
Hãy tưởng tượng nếu bạn cố tìm một thứ gì đó trong một căn phòng bừa bộn — bạn sẽ lãng phí thời gian tìm kiếm, đúng không?

Mã lệnh bừa bộn cũng vậy! Rất KHÓ để tìm ra vấn đề hoặc hiểu điều gì đang diễn ra. Với mã lệnh sạch sẽ, bạn có thể tránh được mớ hỗn độn đó.
Bạn biết không?.. Việc viết mã sạch sẽ giúp bạn tiết kiệm thời gian quý báu cho những nhà phát triển khác. Tin tôi đi... Bạn đang cứu thế giới đấy! 🦸
7 Mẹo Để Viết Mã Sạch 🧯

-
Sử Dụng Tên Có Ý Nghĩa
Khi bạn tạo một biến hoặc hàm, hãy đặt tên sao cho nó thể hiện rõ chức năng của nó.
Hãy nghĩ về việc đặt tên như khi bạn đặt tên cho một thư mục trên máy tính của mình. Thay vì gọi nó là b, hãy gọi nó là numberOfUsers. Bằng cách này, bạn không cần thêm chú thích để giải thích b là gì.
Example:
let numberOfUsers = 5; // Clear and easy to understand
2. Tuân Thủ Nguyên Tắc Trách Nhiệm Đơn (SRP)
Một hàm chỉ nên thực hiện một nhiệm vụ và làm nó tốt.
Điều này giúp mã dễ hiểu và dễ sửa chữa khi cần thiết. Nó giống như việc dùng một công cụ cho một nhiệm vụ, chẳng hạn như bút chì để viết và kéo để cắt.

Example:
function addNumbers(a, b) {
return a + b;
}
Bài viết cùng chuyên mục
Hướng dẫn cài và sử dụng vue-object-to-formdata cho dự án nuxtjs
today
11/12/2024 22:15
vue-object-to-formdata là một thư viện JavaScript được thiết kế để chuyển đổi một đối tượng JavaScript (Object) thành đối tượng FormData. Đây là một đối tượng có thể dễ dàng sử dụng trong các yêu cầu HTTP để gửi dữ liệu, đặc biệt là khi bạn cần gửi dữ liệu như là một phần của biểu mẫu (form), ví dụ: khi upload file hoặc gửi dữ liệu dưới dạng multipart/form-data.
Xem thêm
arrow_right_alt
Hướng dẫn cài đặt và sử dụng v-tooltip trong project nuxt js
today
04/12/2024 21:34
v-tooltip là một thư viện Vue.js nhẹ, dễ sử dụng, giúp tạo ra các tooltip (hộp thông báo khi người dùng di chuột qua một phần tử) trong các ứng dụng Vue. Tooltip là một yếu tố giao diện người dùng (UI) thông báo hoặc giải thích ngắn gọn về một đối tượng khi người dùng hover (di chuột) hoặc focus vào phần tử đó.
Xem thêm
arrow_right_alt
Hướng dẫn cài đặt và sử dụng thư viện Elementjs nuxtjs
today
28/11/2024 23:14
Thư viện Element UI là một bộ thư viện giao diện người dùng mạnh mẽ, cung cấp nhiều thành phần (components) tùy chỉnh sẵn, giúp bạn xây dựng giao diện ứng dụng dễ dàng và nhanh chóng. Đối với Nuxt.js , bạn có thể tích hợp và sử dụng Element UI một cách đơn giản. Dưới đây là hướng dẫn từng bước.
Xem thêm
arrow_right_alt
Việc làm tại Hatonet
Actively collaborate with team leads to develop a cohesive vision for each Agent that ensures audience resonance, and successful integration with the existing cast through personality, visual aesthetics, and gameplay
Lead, manage, and mentor a high performing, healthy, and collaborative concept art team
Work with production to ensure your team’s timely and successful delivery of products
Maintain and contribute to artifacts that inform, align, and empower teams to successfully create character concept art in the VALORANT style
- GWS
- Trưởng phòng IT
Onsite

