• Bản quyền
  • Tác Giả
  • FAQs
Tech News, Magazine & Review WordPress Theme 2017
  • Home
  • HTML
    Các ký tự thực thể trong HTML

    Các ký tự thực thể trong HTML

    Cách chèn Plug-in vào trang web HTML

    Cách chèn Plug-in vào trang web HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách chèn video trên Youtube vào trang web

    Cách chèn video trên Youtube vào trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn video vào trang web

    Cách chèn một đoạn video vào trang web

    Cách tạo một cái bản đồ ảnh trong HTML

    Cách tạo một cái bản đồ ảnh trong HTML

  • CSS
    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách thức định dạng cho một cái liên kết (Link)

    Cách thức định dạng cho một cái liên kết (Link)

    Chức năng & cách sử dụng thuộc tính transition

    Chức năng & cách sử dụng thuộc tính transition

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

  • JavaScript
    Từ dành riêng (Reserved Words) trong JavaScript

    Từ dành riêng (Reserved Words) trong JavaScript

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Khuôn khổ trình bày mã lệnh JavaScript

    Khuôn khổ trình bày mã lệnh JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Thuật ngữ "Hoisting" trong JavaScript

    Thuật ngữ “Hoisting” trong JavaScript

    Cách tìm và sửa những câu lệnh bị lỗi

    Cách tìm và sửa những câu lệnh bị lỗi

    Các lệnh xử lý lỗi trong JavaScript

    Các lệnh xử lý lỗi trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Cách sử dụng vòng lặp while & do while

    Cách sử dụng vòng lặp while & do while

  • jQuery
    Cách chọn các phần tử tổ tiên trong jQuery

    Cách chọn các phần tử tổ tiên trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Xóa phần tử HTML trong jQuery

    Xóa phần tử HTML trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Hàm Callback trong jQuery

    Hàm Callback trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

  • Mysql
    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Danh sách các hàm trong MySQL

    Danh sách các hàm trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

  • PHP
    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp while & do while trong PHP

    Vòng lặp while & do while trong PHP

    Lệnh switch case trong PHP

    Lệnh switch case trong PHP

    Lệnh điều kiện if ... else trong PHP

    Lệnh điều kiện if … else trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

  • Phần Mềm
    • Đồ Họa
    • Kỹ Thuật
    • Văn Phòng
No Result
View All Result
  • Home
  • HTML
    Các ký tự thực thể trong HTML

    Các ký tự thực thể trong HTML

    Cách chèn Plug-in vào trang web HTML

    Cách chèn Plug-in vào trang web HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách chèn video trên Youtube vào trang web

    Cách chèn video trên Youtube vào trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn video vào trang web

    Cách chèn một đoạn video vào trang web

    Cách tạo một cái bản đồ ảnh trong HTML

    Cách tạo một cái bản đồ ảnh trong HTML

  • CSS
    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách thức định dạng cho một cái liên kết (Link)

    Cách thức định dạng cho một cái liên kết (Link)

    Chức năng & cách sử dụng thuộc tính transition

    Chức năng & cách sử dụng thuộc tính transition

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

  • JavaScript
    Từ dành riêng (Reserved Words) trong JavaScript

    Từ dành riêng (Reserved Words) trong JavaScript

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Khuôn khổ trình bày mã lệnh JavaScript

    Khuôn khổ trình bày mã lệnh JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Thuật ngữ "Hoisting" trong JavaScript

    Thuật ngữ “Hoisting” trong JavaScript

    Cách tìm và sửa những câu lệnh bị lỗi

    Cách tìm và sửa những câu lệnh bị lỗi

    Các lệnh xử lý lỗi trong JavaScript

    Các lệnh xử lý lỗi trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Cách sử dụng vòng lặp while & do while

    Cách sử dụng vòng lặp while & do while

  • jQuery
    Cách chọn các phần tử tổ tiên trong jQuery

    Cách chọn các phần tử tổ tiên trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Xóa phần tử HTML trong jQuery

    Xóa phần tử HTML trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Hàm Callback trong jQuery

    Hàm Callback trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

  • Mysql
    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Danh sách các hàm trong MySQL

    Danh sách các hàm trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

  • PHP
    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp while & do while trong PHP

    Vòng lặp while & do while trong PHP

    Lệnh switch case trong PHP

    Lệnh switch case trong PHP

    Lệnh điều kiện if ... else trong PHP

    Lệnh điều kiện if … else trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

  • Phần Mềm
    • Đồ Họa
    • Kỹ Thuật
    • Văn Phòng
No Result
View All Result
IZWEBZ – Blog học lập trình, thiết kế web cơ bản & chuyên sâu
No Result
View All Result
Home JavaScript

Khuôn khổ trình bày mã lệnh JavaScript

Demon Warlock by Demon Warlock
Khuôn khổ trình bày mã lệnh JavaScript
Share on FacebookShare on Twitter

– Trong JavaScript, vấn đề mẫu mã “trình bày mã lệnh” rất đa dạng.

– Ví dụ: Bên dưới là hai đoạn mã với cùng một chức năng, nhưng chúng lại có cách trình bày khác nhau về số lượng khoảng trắng,
xuống dòng, ….

<script>
    var a = "Xin chào";

    var b = "Lập Trình Web";


    var c = a + " " + b;

    document.write(c);

</script>
Xem ví dụ
<script>
    var a =   "Xin chào";
    var b    =
       "Lập Trình Web";

    var     c =   a 

      + " " 
    +      b;
    document.write(c);
</script>
Xem ví dụ

– Tuy nhiên, trong vô số mẫu trình bày mã lệnh thì lại có những mẫu được đại đa số lập trình viên sử dụng. Những mẫu này đã tạo nên một “khuôn khổ trình bày mã lệnh” trong JavaScript.

– Việc viết mã lệnh dựa theo khuôn khổ trình bày sẽ mang lại những ưu điểm như:

  • Mã lệnh sạch đẹp, rõ ràng, dễ nhìn.
  • Vì sử dụng chung một khuôn khổ trình bày nên ta sẽ dễ dàng xem tài liệu mã nguồn.
  • Hạn chế các ký tự dư thừa, giúp giảm dung lượng của tập tin, cải thiện tốc độ tải trang.
  • . . . .

– Ở bài hướng dẫn này, tôi sẽ giới thiệu đến các bạn những mẫu trình bày mã lệnh dựa theo một khuôn khổ chung.

1) Vấn đề đặt tên biến

– Ngày nay, tiếng Anh đã trở thành một ngôn ngữ phổ thông.

– Do đó, các lập trình viên chuyên nghiệp thường sử dụng tiếng Anh để đặt tên cho biến.

– Tên biến bằng tiếng Anh sẽ dễ nhìn và dễ hiểu hơn so với tên biến bằng tiếng Việt.

– Ví dụ: Giữa var apple & var traitao thì chắc bạn cũng thấy cái nào dễ nhìn hơn rồi đúng không !?

– Đối với những tên biến được ghép bởi nhiều từ thì ký tự đầu tiên của mỗi từ nên được viết hoa
(riêng ký tự đầu tiên của từ đầu tiên thì không cần viết hoa)

– Ví dụ:

  • Thay vì viết var firstname thì ta nên viết là var firstName
  • Thay vì viết var myfirstname thì ta nên viết là var myFirstName

2) Vấn đề khoảng cách xung quanh các toán tử

– Ta nên thêm một dấu khoảng trắng xung quanh các toán tử + – * / =

– Ví dụ: Thay vì viết var result=a+b*(c-d)/2 thì ta nên viết là var result = a + b * (c – d) / 2

– Ngoài ra, phía sau dấu phẩy cũng nên thêm một dấu khoảng trắng.

– Ví dụ: Thay vì viết var mobile = [“HTC”,”Nokia”,”SamSung”]; thì ta nên viết là var mobile = [“HTC”, “Nokia”, “SamSung”];

3) Vấn đề trình bày một hàm (function)

– Không nên viết liên tục hàm trên một dòng mà ta nên viết trên nhiều dòng, như thế sẽ dễ nhìn hơn:

  • Phía sau dấu ngoặc nhọn mở của hàm cần được xuống dòng.
  • Phía trước dấu ngoặc nhọn đóng của hàm cần được xuống dòng.
  • Mỗi câu lệnh bên trong hàm cần được xuống dòng.

– Mỗi câu lệnh bên trong hàm nên thụt đầu dòng bốn dấu khoảng trắng.

– Ví dụ:

function hello(){
    var firstName = "Nhân";
    var lastName = "Nguyễn";
    var middleName = "Thành";
    var fullName = lastName + " " + middleName + " " + firstName;
    alert("Tên đầy đủ của tôi là: " + fullName);
}

4) Vấn đề trình bày một mảng (array)

– Phía sau dấu phẩy dùng để ngăn cách các phần tử mảng cần có một dấu khoảng trắng.

– Ví dụ:

var mobile = ["HTC", "Nokia", "SamSung", "LG", "Apple"];

– Nếu câu lệnh khai báo mảng quá dài dẫn đến việc không thể hiển thị hết trên một dòng thì ta nên ngắt từng phần tử xuống dòng.

– Ví dụ:

var model = [
    "HTC One SV",
    "HTC Desire 728G LTE",
    "Apple Iphone 7S",
    "Nokia 1208",
    "SamSung Galaxy 5",
    "SamSung Galaxy J7 Pro"
];

5) Vấn đề trình bày một đối tượng (object)

– Phía sau dấu hai chấm dùng để ngăn cách tên thuộc tính và giá trị thuộc tính, cần có một dấu khoảng trắng.

– Mỗi cặp tên thuộc tính & giá trị thuộc tính nên được ngắt xuống dòng để dễ phân biệt từng thuộc tính của đối tượng.

– Ví dụ:

var SinhVien = {
    name: "Nguyễn Thành Nhân",
    year: 1993,
    city: "Cần Thơ",
    phone: 0939xxxxxx
};

6) Vấn đề trình bày vòng lặp và lệnh điều kiện

– Vấn đề trình bày các vòng lặp for, while, do while, …. và các lệnh điều kiện if else cũng gần tương tự như cách trình bày mảng hoặc đối tượng.

– Ta cần quan tâm đến vấn đề thụt đầu dòng cho các câu lệnh, khoảng cách phía sau dấu phẩy và dấu chấm phẩy, ….

– Ví dụ: Vòng lặp for

for(var i = 1; i < 10; i++){
    document.write("Tài liệu hướng dẫn học");
    document.write(" ");
    document.write("Lập Trình Web");
}

– Ví dụ: Vòng lặp while

while(i < 10){
    document.write("Tài liệu hướng dẫn học");
    document.write(" ");
    document.write("Lập Trình Web");
    i++;
}

– Ví dụ: Vòng lặp do while

do{
    document.write("Tài liệu hướng dẫn học");
    document.write(" ");
    document.write("Lập Trình Web");
    i++;
}while(i < 10);

– Ví dụ: Lệnh if … else

if(number > 100){
    document.write("Tài liệu hướng dẫn học");
    document.write(" ");
    document.write("HTML");
}else{
    document.write("Tài liệu hướng dẫn học");
    document.write(" ");
    document.write("CSS");
}

– Ví dụ: Lệnh if … else if …. else

if(number < 100){
    document.write("HTML");
}else if(number > 100){
    document.write("CSS");
}else{
    document.write("JavaScript");
}

7) Câu lệnh dùng để nhúng tập tin JavaScript

– Đối với những bạn mới tìm hiểu về JavaScript, họ thường viết câu lệnh nhúng tập tin JavaScript với cú pháp đầy đủ như sau:

<script type="text/javascript" src="đường dẫn đến tập tin javascript"></script>

– Tuy nhiên, phần type=”text/javascript” là không cần thiết.

– Do đó, ta có thể viết lại câu lệnh dùng để nhúng tập tin JavaScript vào trang web như sau:

<script src="đường dẫn đến tập tin javascript"></script>

8) Vấn đề đặt tên cho tập tin

– Hầu hết các máy chủ web (Apache, Unix, ….) đều có phân biệt trường hợp chữ in hoa và chữ thường đối với tên tập tin (ví dụ như banana.png và Banana.png là hai tập tin khác nhau)

– Do đó để nhất quán, tránh tình trạng nhập sai tên tập tin thì ta nên đặt tất cả các ký tự trong tên tập tin bằng chữ thường.

Demon Warlock

Demon Warlock

Tôi được sinh ra ở Việt Nam, nhưng hiện tại đang sống và làm việc tại Mỹ. Ngành tôi học không có liên quan gì đến thiết kế web. Nhưng đây là sở thích từ ngày còn là sinh viên du học, do vậy bây giờ dù cho đang đi làm nhưng tôi vẫn thích dùng thời gian rảnh rỗi của mình để học về thiết kế web. Như các bạn, tôi cũng việc mày mò tự học và khám phá.

Next Post
Thủ thuật giúp cải thiện hiệu suất chương trình

Thủ thuật giúp cải thiện hiệu suất chương trình

Blog học lập trình, thiết kế web từ cơ bản đến nâng cao cho người bắt đầu. Ngoài ra, còn chia sẻ các tài nguyên như: theme, plugin và game.

Follow Us

Chuyên mục

  • CSS
  • Đồ Họa
  • HTML
  • JavaScript
  • jQuery
  • Kỹ Thuật
  • Mysql
  • Phần Mềm
  • PHP
  • Văn Phòng

Recent News

Download Office 2016

Download Office 2016 – Hướng Dẫn Cài Đặt Chi Tiết

22 Tháng Mười Một, 2022
Download Office 2010 Professional – Hướng Dẫn Cài Đặt Chi Tiết

Download Office 2010 Professional – Hướng Dẫn Cài Đặt Chi Tiết

22 Tháng Mười Một, 2022
  • FAQs
  • Bản quyền
  • Tác Giả

© 2022 izwebz - Blog học lập trình, thiết kế web chuyên sâu

No Result
View All Result
  • Bản quyền
  • Chính sách bảo mật
  • Download Adobe Lightroom Classic CC 2020 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download Adobe Photoshop CS6 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download Adobe Premiere Pro CC 2020 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download Internet Download Manager Full 2022
  • Download Photoshop 2019 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download ProShow Gold 9.0 Và Hướng Dẫn Cài Đặt
  • Download Proshow Producer 9 – Hướng Dẫn Cài Đặt
  • FAQs
  • Home 1
  • Liên hệ
  • Tác Giả

© 2022 izwebz - Blog học lập trình, thiết kế web chuyên sâu