Các câu hỏi phỏng vấn Front End dành cho Intern/Fresher

Câu hỏi phỏng vấn Fresher Front End
Sau đây là bộ câu hỏi phỏng vấn Front End dành cho Intern và Fresher kèm gợi ý câu trả lời chi tiết.
Cors là gì?
Cors ( Cross-Origin Resource Sharing) là một cơ chế trình duyệt cho phép truy cập và kiểm soát các tài nguyên nằm bên ngoài một miền nhất định nào đó. Nó sẽ mở rộng và thêm sự linh hoạt cho chính sách cùng nguồn gốc.
Cross-Site Scripting (XSS) là gì?
Cross-Site Scripting (XSS) là một hình thức tấn công bằng mã độc phổ biến. Các hacker sẽ lợi dụng lỗ hổng trong bảo mật web để chèn các mã script, sau đó gửi cho người dùng để truy cập và mạo danh người dùng.
Thẻ Meta là đoạn văn bản mô tả nội dung của trang, các thẻ meta xuất hiện trong mã nguồn của trang mà không xuất hiện trên chính trang. Các thẻ meta giúp cho công cụ tìm kiếm nhanh chóng đọc và biết được nội dung của một trang web.
Các thẻ meta HTML bao gồm:
- Thẻ meta được chuyển dưới dạng cặp tên / giá trị.
- Thẻ meta có thể bao gồm dữ liệu về mã hóa, tiêu đề tài liệu, mô tả ký tự, v.v.
- Thẻ meta nằm trong thẻ head của trang HTML.
- Thẻ meta không được hiển thị trên trang nhưng nó sẽ được hiển thị trên trình duyệt.
DOM trong HTML là gì?
DOM viết tắt của The Document Object Model được biết đến là một giao diện lập trình cho các document HTML. Nó sẽ đại diện cho trang để chương trình có thể thay đổi cấu trúc, nội dung của tài liệu. DOM đại diện cho tài liệu dưới dạng đối tượng và các nút.
Khác nhau giữa ID Selector và Class selector trong CSS
- ID là duy nhất, mỗi phần tử chỉ có thể có một ID. Mỗi trang HTML chỉ có thể có một phần tử có ID đó.
- Ngược lại, Class bạn có thể sử dụng trên nhiều phần tử và một phần tử có thể có nhiều class
Khác nhau giữa Long-polling, Websockets và Server-sent Events là gì?
- Long-polling: Khi mở yêu cầu HTTP và sẽ mở cho đến khi nhận được bản cập nhật. Khi nhận được bản cập nhật, yêu cầu mới sẽ được mở ra ngay lập tức khi đang chờ bản cập nhật tiếp theo.
- Websocket: Cho phép giao tiếp liên tục hai chiều giữa máy chủ và máy khách.
- Server-Sent Event: Sự kiện do máy chủ gửi dựa trên kết nối HTTP lâu dài nơi các bản cập nhật liên tục được gửi đến máy khách.
Khác nhau giữa relative, fixed, absolute và statically positioned element là gì?
- Relative là phần tử được định vị tương đối với vị trí bình thường của nó
- Fixed là phần tử được định vị liên quan đến cửa sổ trình duyệt
- Absolute là phần tử được đặt cố định ở vị trí ban đầu của nó
- Static là giá trị mặc định, tất cả các phần tử sẽ sắp xếp theo thứ tự khi chúng xuất hiện trong tài liệu.
Phân biệt Mutable với Immutable
- Immutable hiểu nôm na là không thể thay đổi còn mutable là có thể thay đổi.
- 2 khái niệm Immutable và mutable thường được dùng class, object (Immutable đôi khi còn dùng với Collection nhưng mình sẽ không để cập ở bài này).
Put và Post khác nhau như thế nào?
- Put: Thay thế tài nguyên bằng payload yêu cầu và có thể được sử dụng để cập nhập hoặc tạo một tài nguyên mới.
- Post: Thực hiện xử lý tài nguyên cụ thể trên payload và có thể được sử dụng cho các hành động khác nhau bao gồm tạo ra tài nguyên mới, tải lên tệp hoặc gửi biểu mẫu web.
Khác nhau giữa Cookies, Session Storage, Local Storage
- Cookies là dữ liệu rất nhỏ lưu trữ trong trình duyệt có thể lưu trữ lên đến 4KB và có thể được truy cập thông tin qua máy chủ hoặc trình duyệt.
- Local Storage là bộ nhớ của trình duyệt có khả năng lưu trữ lên đến 10MB
- Session Storage là bộ nhớ phiên, bộ nhớ này lưu trữ được ít hơn 5MB và sẽ bị xóa khi đóng trình duyệt của bạn.
Hoisting trong JavaScript là gì?
Hoisting là thuật ngữ dùng để mô tả sự di chuyển của biến và hàm lên đầu phạm vi của chúng. Tại đây chúng ta có thể xác định được biến hoặc hàm đó.
Trong CSS Pseudo-class là gì?
Pseudo trong CSS dùng để xác định trạng thái đặc biệt của một phần tử. Nó có thể được kết hợp với một bộ chọn CSS (selector) để thêm hiệu ứng cho các phần tử hiện có dựa trên trạng thái của chúng.
Khi nào nên sử dụng jQuery?
- jQuery là một lựa chọn tốt cho các tác vụ đơn giản, nó có một số lợi thế so với các khuôn khổ khác bao gồm:
- Dễ dàng mở rộng
- Dễ sử dụng và học hỏi
- Dễ sử dụng để thao tác và duyệt DOM.
- Hỗ trợ nhiều trình duyệt (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)
- Hỗ trợ AJAX
- Rất nhiều plug-in cho mọi nhu cầu
Trên đây là câu hỏi phỏng vấn Front End kèm gợi ý trả lời, ViecLamVui - chuyên trang việc làm 24h miễn phí - gửi đến bạn. Hy vọng tài liệu trên có thể hỗ trợ công việc của các bạn thật hiệu quả.