Hiển thị 10 / 4.267 kết quả

Ở các bài học trước bạn đã được tìm hiểu cách vẽ đường kẻ, đường tròn và cung tròn. Trong bài học này bạn sẽ được làm quen với cách vẽ các hình.

Vẽ Hình Chữ Nhật

Thuộc tính rect() trong đối tượng context để vẽ hình chữ nhật. Ngoài ra thuộc tính strokeStyle được dùng để thiết lập màu đường viền cho hình chữ nhật sau khi vẽ (giá trị mặc định của thuộc tính này là #fff).

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d'"; 

context.beginPath();
context.rect(188, 5...

Arrow functon trong ECMAScript là kiểu cú pháp giúp đơn giản hoá việc việc định nghĩa hàm.

Cú Pháp Arrow Function

Trước khi sử dụng arrow function thì chúng ta hãy cùng xem cách định nghĩa một hàm JavaScript theo cách thông thường trước đây:

var sumNumbers = function (a, b) {
    return a + b;
}

Với tính năng arrow function trong ECMAScript 6 chúng ta có thể viết lại đoạn code trên như sau:

const sumNumbers = (a, b) => {
    return a + b;
}

Có 2 điểm bạn cần lưu ý ở cách viết trên:

  • Từ khoá func...

Object Literal Là Gì

Object trong JavaScript có thể được tạo theo một số cách khác nhau. Object literal là kiểu cú pháp tạo object sử dụng cặp dấu ngoặc {} và bên trong đó là danh sách các property (thuộc tính) của object.

Với phiên bản ECMAScript trước đây chúng ta thường sẽ

var name = "John";
var myObj = { name: name };

Các property có giá trị là một hàm còn được gọi là method:

var name = "John";
var myObj = {
    name: name,
    sayHi: function () {
        console.log("Hi, my nam is " + thi...

Template Literal Là Gì

Template literal là tính năng mới trong ECMAScript 6 cho phép lập trình viên có thể nhúng biểu thức JavaScript (ví dụ như giá trị của biến, hoặc kết quả của một phép toán...) bên trong chuỗi string một cách dễ dàng.

Sử dụng phiên bản trước của ECMAScript thì việc nối chuỗi với giá trị của một biến hoặc biểu thức thường sử dụng toán tử + và chúng ta sẽ thường được thấy những đoạn code tương tự sau xuất hiện trong source code:

var spiderMan = {
    name: "Peter",
    age: 25...
Khi làm việc với cơ sở dữ liệu MySQL, PHP cung cấp cho bạn 3 gói thư viện là MySQLi, PDO và MySQL. Tuy nhiên, team phát triển PHP khuyến nghị người dùng không n...
MySQLi hay PDO

CSS cung cấp nhiều tính năng cho phép các lập trình viên có thể vẽ được nhiều hình khác nhau. Bài viết này sẽ hướng dẫn bạn cách tạo các hình thông qua các ví dụ cụ thể:

Hình Vuông và Hình Chữ Nhật

Việc tạo ra 2 loại hình này không quá khó, tuy nhiên tôi vẫn muốn liệt kê ra đây để các bạn tham khảo:

div#my-div {
    width: 50px;
    height: 50px;
    background: orange;
}

Kết quả:

Hình Tròn

Thông thường khi phải tạo ra hình tròn trên trang bạn sẽ nghĩ tới việc phải sử dụng hình ảnh thay vì có t...

Biến được sử dụng để lưu trữ dữ liệu tạm thời trong chương trình và giá trị của biến có thể được thay đối trong khi chạy chương trình.

Hầu hết các lập trình viên đều có một bộ các công cụ hỗ trợ khi làm việc và trong bài học này chúng ta sẽ tìm hiểu hai công cụ phổ biến sử dụng trong quá trình...
Text Editor và IDE