Hướng dẫn CSS cơ bản cho phát triển Frontend
CSS Giới thiệu
CSS có hàng nghìn thuộc tính, nhưng đừng lo lắng, theo nguyên tắc 80-20, chỉ có vài chục thuộc tính phổ biến mà bạn hoàn toàn có thể nắm vững.
Lịch sử HTML và CSS
Thời kỳ đầu chỉ có HTML, để làm cho HTML đẹp hơn, các nhà phát triển trang web đã viết màu sắc vào bên trong thẻ, tưởng tượng một đống thẻ với nhiều thuộc tính: màu ...
Đăng vào ngày 22 tháng 7 lúc 19:17
Hướng Dẫn Xây Dựng Hộp Thoại Kéo Thả Bằng JavaScript DOM
Việc tạo ra một hộp thoại (modal dialog) có khả năng kéo thả là một tính năng tương tác phổ biến trên các ứng dụng web. Bài viết này sẽ hướng dẫn bạn cách triển khai một hộp thoại đăng nhập cơ bản với khả năng kéo thả bằng cách sử dụng HTML, CSS và JavaScript thuần túy, tận dụng các API của DOM (Document Object Model).
1. Cấu Trúc HTML
Chúng t ...
Đăng vào ngày 22 tháng 7 lúc 13:22
Trình bổ trợ Visual Studio để xử lý cache JS/CSS
Phát triển phần mềm
Gần đây tôi đã thi sát hạch lái xe hạng hai và cảm thấy như một kỳ thi không phải là thi tốt nghiệp THPT nhưng lại giống như vậy (chênh lệch 10 năm trước chỉ có 5 điểm, vẫn chưa thể tha thứ được)!
Tám người cùng ngồi một chiếc xe, chỉ có tôi học ít nhất (4 ngày, 8 người chia sẻ một xe), huấn luyện viên đều nghĩ rằng tôi chắc ...
Đăng vào ngày 22 tháng 7 lúc 10:01
Khắc phục lỗi chiều rộng của el-select trong Element UI khi bị bao bởi div tùy chỉnh
Trong quá trình tái cấu trúc một hệ thống quản lý backend, tôi đã gặp phải một vấn đề về kiểu dáng gây khó chịu: thành phần el-select, vốn hoạt động tốt, đột nhiên mất hiệu lực khi đặt width: 100% sau khi được bao bởi một thẻ div tùy chỉnh. Vấn đề này đã khiến tôi bối rối trong hai ngày liên tục, trong thời gian đó tôi đã thử mọi giải pháp tìm ...
Đăng vào ngày 18 tháng 7 lúc 15:26
Các Kỹ Thuật Căn Giữa Theo Chiều Ngang và Dọc Trong CSS
Việc căn giữa các phần tử trên trang web là một yêu cầu phổ biến trong thiết kế giao diện. CSS cung cấp nhiều cách để thực hiện điều này, bao gồm cả căn giữa theo chiều ngang và chiều dọc.
Căn giữa theo chiều ngang
Đối với các thẻ block-level như div, phương pháp truyền thống là sử dụng margin tự động. Bằng cách đặt margin-left và margin-righ ...
Đăng vào ngày 17 tháng 7 lúc 22:06
Phân tích mã nguồn Zepto: Mô-đun core
Mô-đun này xác định cấu trúc chuỗi nguyên mẫu của thư viện, tạo biến Zepto và đăng ký nó vào window với tên 'Zepto' và '$', sau đó bắt đầu triển khai các mô-đun khác.
Bên trong mô-đun, ngoài việc thực hiện chọn lọc và đối tượng zepto, còn có nhiều phương thức công cụ và phương thức nguyên mẫu được định nghĩa.
Đáng chú ý là, nhiều thực hiện bên ...
Đăng vào ngày 13 tháng 7 lúc 12:02
Phân tích và thực hành với thư mục mã nguồn GitHub Pages
Giới thiệu về GitHub Pages
Github Pages là một dịch vụ托管 trang web tĩnh miễn phí, cho phép người dùng sử dụng các kho (repository) để publishes và chia sẻ trang web của họ. Đây là một công cụ hiệu quả để hiển thị các dự án nguồn mở, cũng như các trang cá nhân hoặc blog.
1. Cấu trúc và chức năng của HTML
1.1 T ...
Đăng vào ngày 11 tháng 7 lúc 21:52
Hướng dẫn cơ bản về Webpack: Đóng gói tài nguyên JavaScript và CSS
Webpack là gì?
Webpack là một công cụ đóng gói module (module bundler) không thể thiếu trong quy trình phát triển web hiện đại. Nhiệm vụ chính của nó là thực hiện phân tích tĩnh các mối quan hệ phụ thuộc giữa các module khác nhau—bao gồm JavaScript, CSS, hình ảnh và nhiều loại tài nguyên khác—sau đó biên dịch chúng thành các tài nguyên tĩnh đã ...
Đăng vào ngày 8 tháng 7 lúc 12:37
Triển Khai Mô Hình Layout Flexbox Chuẩn Cho uni-app
Tổng Quan Về Flexbox Trên Nvue
Flexbox (Flexible Box Layout) là cơ chế định dạng trang chủ được áp dụng trong môi trường nvue của uni-app, đảm bảo khả năng thích ứng linh hoạt cho các thành phần giao diện trước nhiều kích thước màn hình khác nhau. Thay vì dùng vị trí tuyệt đối hay tương đối cứng nhắc, Flexbox cho phép phân bổ không gian theo cá ...
Đăng vào ngày 7 tháng 7 lúc 13:29
Vai trò của HTML, CSS và JavaScript trong trang web và cách hiển thị thời gian hệ thống theo thời gian thực
Vai trò của HTML, CSS và JavaScript trong trang web
HTML (HyperText Markup Language) đóng vai trò tạo cấu trúc cơ bản cho trang web. Nó xác định các thành phần như tiêu đề, đoạn văn, hình ảnh, nút bấm, v.v.
<html>
<head>
<meta charset="UTF-8">
<title>Tiêu đề trang</title>
</head>
<body>
...
Đăng vào ngày 7 tháng 7 lúc 08:31