Tổng hợp các lỗi thường gặp của lập trình viên Frontend

Đăng ngày 03 Mar 2021 01:10

Dưới đây là các lỗi thường gặp khi lập trình ứng dụng web.

1. window.open

Bạn cần gọi window.open kết quả trực tiếp từ một sự kiện onclick (sự kiện của người dùng)... bạn không thể thực hiện xử lý bất đồng bộ trước rồi mới gọi window.open trong kết quả trả về của nó.

2. Lỗi Invalid Date trong Safari

new Date("YYYY.MM.DD HH:mm") // không hoạt động trên Safari new Date("MM.DD.YYYY") // không hoạt động trên Safari

new Date("MM/DD/YYYY HH:mm:ss") // hoạt động trên Safari new Date("MM/DD/YYYY") // hoạt động trên Safari new Date("YYYY/MM/DD") // hoạt động trên Safari

3. Jest test thất bại trong Pipeline build

Nguyên nhân: Múi giờ trên server khác với môi trường local. Giải pháp tốt nhất: thêm TZ=UTC vào script test:

"test": "TZ=UTC jest"

4. Văn bản không tự xuống dòng khi quá dài

Đối với văn bản cần xuống dòng, hãy chú ý kiểm thử trường hợp văn bản được viết liền không có khoảng trắng như: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

=> Nên đặt CSS:

word-break: break-word;

5. Kiểm tra giá trị kiểu số (Check number)

Đối với giá trị kiểu number khi kiểm tra null hoặc rỗng, không nên dùng if(value) hoặc value ? a : b. Bởi vì nếu value = 0 thì if(0) sẽ trả về false.