v1.1.2: Code Refactoring & Maintenance Improvements
This is a patch release focused on improving the codebase's structure and maintainability. While there are no new user-facing features, these changes make the project significantly easier to manage and scale in the future.
This update follows the principles of Don't Repeat Yourself (DRY) by centralizing shared UI components.
🔧 Improvements & Code Refactoring
-
Centralized Header & Footer: The navigation bar (Header) and the footer section have been extracted into their own dedicated JavaScript files (
header.js
,footer.js
).- Benefit: Any future updates to the header or footer now only need to be made in one place, automatically applying the changes across all pages.
- Implementation: Placeholders (
<header-placeholder>
,<footer-placeholder>
) are used in the HTML, and the content is dynamically injected via JavaScript.
-
Active Page Highlighting: The navigation menu now automatically highlights the link corresponding to the current page (
.active
class), improving user navigation experience.
Tiếng Việt
Đây là một bản phát hành vá lỗi, tập trung vào việc cải thiện cấu trúc và khả năng bảo trì của mã nguồn. Mặc dù không có tính năng mới nào dành cho người dùng, những thay đổi này giúp dự án dễ dàng quản lý và mở rộng hơn trong tương lai.
Bản cập nhật này tuân theo nguyên tắc "Don't Repeat Yourself" (DRY) bằng cách tập trung hóa các thành phần giao diện người dùng được chia sẻ.
🔧 Cải tiến & Tái cấu trúc Mã nguồn
-
Tập trung hóa Header & Footer: Thanh điều hướng (Header) và phần chân trang (Footer) đã được tách ra thành các tệp JavaScript chuyên dụng của riêng chúng (
header.js
,footer.js
).- Lợi ích: Mọi cập nhật trong tương lai cho header hoặc footer giờ đây chỉ cần thực hiện ở một nơi duy nhất, các thay đổi sẽ tự động được áp dụng trên tất cả các trang.
- Triển khai: Các phần giữ chỗ (
<header-placeholder>
,<footer-placeholder>
) được sử dụng trong HTML, và nội dung được chèn động thông qua JavaScript.
-
Làm nổi bật Trang hiện tại: Menu điều hướng giờ đây tự động làm nổi bật liên kết tương ứng với trang hiện tại (lớp
.active
), cải thiện trải nghiệm điều hướng của người dùng.