Khi tìm hiểu khái niệm DOM (Document Object Model) thì em thấy một số tài liệu nói rằng DOM tồn tại trên trang HTML một số khác lại tham chiếu tới việc DOM được sử dụng trong JavaScript.

Như vậy thì em không hiểu là thằng DOM này nó tồn tại trong HTML Document hay trong JavaScript. Hoặc nếu như tồn tại trong cả hai thì có gì khác biệt giữa DOM của HTML và DOM của JavaScript vậy?

Em đang code tính năng upload file ảnh sử dụng AJAX trong đó ở trang thông tin người dùng có một form cho phép người dùng có thể cập nhật ảnh avatar của mình như sau:

<form method="POST" action="/users/update_avatar" enctype="multipart/form-data">
    <div>
        <label for="avatar">Chọn file ảnh:</label>
        <input type="file" id="avatar" name="avatar"/>
    </div>
    <div>
        <button>Cập nhật avatar</button>
    </div>
</form>

Toàn bộ quá trình cập nhật avatar sẽ được thực hiện hoà...

Trong trang thanh toán sản phẩm em có hai controller tách biệt nhưng cùng sử dụng một biến username như sau:

<div ng-controller="firstStepCtrl">
    <div>
        <label for="username">Username:</label>
        <input id="username" type="text" ng-model="username">
    </div>
</div>

<div ng-controller="secondStepCtrl">
    <p>Xin chào <strong>{{username}}</strong></p>
</div>

Và với hai controller tương ứng như sau:

var myApp = angular.module('myApp', []);

// Step 1
myApp.controller('firstStepCt...

Mình không hiểu tại sao khi viết mã lệnh jQuery thì cần đặt bên trong document.ready.

Ví dụ như mã sau:

$(document).ready(function () {
  $("a").click(function (e) {
    alert("aaaa");
    e.preventDefault()/
  });
});

và đoạn mã sau:

$("a").click(function (e) {
    alert("aaaa");
    e.preventDefault()/
});

cùng có kết quả cuối cùng như nhau.

Vậy thì tại sao và khi nào cần sử dụng document.ready?

Em có một hàm getDataFromURL() dùng để lấy dữ liệu trên server thông quan gọi AJAX. Đoạn code của hàm này như sau:

var result;

function getDataFromURL(url) {
    $.ajax({
        url: $url,
        success: function (response) {
            result = response.data; // gán giá trị data response vào biến global
        }
    });
}

Ở trên giá trị dữ liệu data lấy từ đối tượng response trả về được gán vào biến result được khai báo ở phạm vi global. Tuy nhiên khi gọi hàm getDataFromURL() thì giá trị ...

Trong HTML có hỗ trợ chức năng validate input sử dụng Regular Expression tuy nhiên không phải bạn nào cũng biết tới đặc biệt là các bạn làm backend không chuyên làm về frontend. Trong một dự án gần đây làm cho khách hàng L là một công ty logistic của châu Âu và họ cần phát triển một hệ thống theo dõi quá trình vận chuyển hàng hóa & quản lý hàng tồn kho (hay còn gọi là CRM cho logistic). Có thể tóm tắt yêu cầu dự án như sau:

Khách hàng L có các Clients là các công ty hoặc cá nhân có nhu vận chuyể...