Hướng dẫn variable typing in javascript - gõ biến trong javascript
|
Show Đã đăng vào thg 2 21, 2020 12:55 CH 1 phút đọc 1 phút đọc Giới thiệuCó 1 bài toán như này, bạn muốn trang web của bạn có format chữ, nền... màu da cam, nhưng vào dịp noel và Tết bạn muốn chúng thành màu đỏ chỉ với việc tao tác 1 vài nút tùy chỉnh trong admin. Chúng ta không thể nào css lại hoặc thêm class thêm css gì đó, mất thời gian và bất tiện nữa. Lúc này css variables sẽ đáp ứng vô cùng nhanh mà đơn giản. Lý thuyếtHiểu đơn giản là thay vì set các thuộc tính css cố định cho element, ta sẽ dùng variables, hướng dẫn sử dụng thì rất dễ hiểu tại đây: https://www.w3schools.com/css/css3_variables.asp Cơ bản là lưu biến tại root và dùng biến để css Áp dụngQuay lại bài toán ở phần giới thiệu, bây giờ mọi người đã nghĩ đến cách thay đổi biến tại root là text hay background... sử dụng css variables có thể thay đổi đồng loạt khi thay đổi root, vậy làm sao để tác động vào root? Hãy thử bài toán cụ thể với javascript để giải quyết: thiết kế phần điều chỉnh để thay đổi màu và cỡ chữ sử dụng css variables. Code khá dễ hiểu, các bạn chỉ cần chú ý để chọn màu thì dùng input type='color', còn để làm 1 thanh range cho font size thì dùng input type='range'. Trong js, input type='color' thì dùng event change, để thao tác ngay khi kéo range thì phải sử dụng event mousemove, dựa vào change và mousemove thì set lại root và variables sẽ tự động thay đổi theo, thật tiện lợi phải không nào All rights reserved Bạn sẽ được tìm hiểu chi tiết về array trong các bài hướng dẫn tiếp theo.- Trong JavaScript, mỗi giá trị dữ liệu sẽ thuộc một nhóm kiểu dữ liệu nhất định.giá trị dữ liệu sẽ thuộc một nhóm kiểu dữ liệu nhất định. - Ví dụ: - Việc hiểu rõ bản chất một giá trị thuộc kiểu dữ liệu nào và cách sử dụng kiểu dữ liệu đó ra sao là điều hết sức quan trọng. Vì trong JavaScript, ta phải thường xuyên thực hiện những biểu thức giữa các giá trị, việc nhầm lẫn kiểu dữ liệu sẽ khiến kết quả không như mong đợi. - Trong đoạn mã bên dưới:
- Nếu không phân biệt rõ được sự khác nhau giữa hai kiểu dữ liệu này thì ta sẽ nghĩ biến a cộng b sẽ cho ra kết quả là số 44 Xem ví dụ - Trong JavaScript, các kiểu dữ liệu được chia thành những loại cơ bản như sau:
1) Dữ liệu kiểu string- Trong JavaScript, các dữ liệu thuộc kiểu string (hay còn được gọi là "chuỗi") là một tập hợp gồm các ký tự, chúng được viết bên trong cặp dấu nháy kép hoặc cặp dấu nháy đơn.
Xem ví dụ - Trong JavaScript, các kiểu dữ liệu được chia thành những loại cơ bản như sau: stringnumber
Xem ví dụ - Trong JavaScript, các kiểu dữ liệu được chia thành những loại cơ bản như sau:
Xem ví dụ - Trong JavaScript, các kiểu dữ liệu được chia thành những loại cơ bản như sau: stringnumber
array (đây là một trường hợp đặc biệt của kiểu dữ liệu object)
Xem ví dụ - Trong JavaScript, các kiểu dữ liệu được chia thành những loại cơ bản như sau: stringnumber object undefined
Xem ví dụ - Trong JavaScript, các kiểu dữ liệu được chia thành những loại cơ bản như sau: stringnumber Xem ví dụ - Trong JavaScript, các kiểu dữ liệu được chia thành những loại cơ bản như sau: Xem ví dụ - Trong JavaScript, các kiểu dữ liệu được chia thành những loại cơ bản như sau:string number object undefined
Xem ví dụ - Trong JavaScript, các kiểu dữ liệu được chia thành những loại cơ bản như sau: stringnumbertypeof Xem ví dụ - Trong JavaScript, các kiểu dữ liệu được chia thành những loại cơ bản như sau: Xem ví dụ |
