Trọn bộ câu hỏi phỏng vấn front-end và cách trả lời

. Thuộc tính HTML mô tả đặc điểm của các phần tử này, chẳng hạn như src, class và id. Chẳng hạn ở đoạn văn “

Câu hỏi phỏng vấn front-end

Bạn đang xem: Trọn bộ câu hỏi phỏng vấn front-end và cách trả lời

”, thuộc tính ‘align’ dùng để căn chỉnh đoạn văn hiển thị ở giữa.

Sự khác biệt giữa phần tử nội tuyến và phần tử khối là gì?

Các phần tử nội tuyến như span, a và img không có chiều cao hoặc chiều rộng cố định. Trong khi đó, các phần tử khối như div, p, h1 có dòng riêng và chiếm toàn bộ chiều rộng của phần tử gốc.

Câu hỏi phỏng vấn CSS

Khung CSS là gì?

CSS là viết tắt của Cascading Style Sheet, là ngôn ngữ tạo kiểu phổ biến được sử dụng để thiết kế trang web bằng HTML. Ngoài ra, CSS cũng có thể được áp dụng cho các tài liệu XML khác như XML thuần túy, SVG và XUL.

Hãy chỉ ra những cách khác nhau để tích hợp CSS vào trang HTML

Để tích hợp kiểu CSS vào trang web, có ba phương pháp:

• Sử dụng thẻ kiểu trong phần đầu của trang HTML để viết kiểu CSS và tích hợp chúng vào trang.
• Sử dụng kiểu dáng nội tuyến để viết các kiểu CSS trực tiếp vào từng thành phần HTML.
• Viết CSS vào một tệp riêng và sử dụng thẻ liên kết để liên kết tệp CSS đó với trang HTML.

Đối với những sinh viên mới tốt nghiệp, các chương trình thực tập như thực tập sinh tài khoản, thực tập sinh phân tích kinh doanh hoặc java mới hơn là những cơ hội tuyệt vời để học hỏi và phát triển các kỹ năng thực tế.

BEM là gì? Tại sao chúng ta cần sử dụng BEM?

Đây là một câu hỏi phỏng vấn front-end quen thuộc với các nhà tuyển dụng. BEM là viết tắt của Block, Element và Modifier, là quy ước đặt tên CSS giúp việc viết các lớp CSS dễ đọc và rõ ràng hơn. Bên cạnh đó, BEM còn hướng đến việc tạo ra các khối CSS độc lập để có thể tái sử dụng trong các dự án khác nhau.

Ưu điểm và nhược điểm của việc sử dụng Bảng định kiểu bên ngoài?

Ưu điểm của việc sử dụng kiểu CSS trong trang web bao gồm:

• Kiểm soát phong cách của nhiều tài liệu thông qua việc sử dụng chúng trên trang web.
• Các phần tử HTML có thể được tạo bằng nhiều lớp khác nhau để áp dụng các kiểu CSS khác nhau.
• Các chiến lược lựa chọn và nhóm được sử dụng để tổng hợp các loại trong các trường hợp phức tạp.

Xem thêm : 3 lý do lựa chọn TV 8K cho mùa bóng đá

Tuy nhiên, việc sử dụng các kiểu CSS cũng có một số nhược điểm như:

• Việc tải xuống các tệp kiểu bổ sung sẽ tăng thời gian tải trang.
• Để hiển thị tài liệu, các mẫu bên ngoài phải được xếp chồng lên nhau, điều này có thể làm cho mã HTML phức tạp hơn.
• Không thực tế cho các định nghĩa phong cách nhỏ.

Bạn cần nêu rõ ưu, nhược điểm của việc sử dụng external style sheet khi nhà tuyển dụng hỏi câu hỏi phỏng vấn front-end này để thu hút và ghi điểm trong mắt họ.

Mô hình hộp trong CSS là gì? Thuộc tính CSS nào là một phần của nó?

Mô hình Box được sử dụng để xác định chiều cao và chiều rộng của hộp hình chữ nhật bao quanh các phần tử HTML. Hộp CSS bao gồm các thành phần sau:

• Nội dung: Đây là nội dung thực tế của hộp, có thể chứa văn bản hoặc hình ảnh.
• Padding: Đây là vùng bao quanh nội dung, giữa nội dung và đường viền. Phần đệm được sử dụng để tạo khoảng trống giữa nội dung và đường viền.
• Border: Đây là khu vực xung quanh phần đệm. Đường viền là một yếu tố trang trí tạo hiệu ứng khung cho hộp.
• Margin: Đây là vùng xung quanh đường viền. Lề được sử dụng để tạo khoảng trống giữa hộp hiện tại và các phần tử bên ngoài.

Nếu bạn đang tìm việc làm tự do hoặc làm việc tại nhà, hãy chú ý đến kỹ năng đàm phán và quản lý thời gian, vì đây là những yếu tố quan trọng để thành công trong những môi trường làm việc linh hoạt này.

Câu hỏi phỏng vấn JavaScript

Hãy giải thích sự kiện ủy quyền

Đây là một trong những câu hỏi phỏng vấn front-end thường xuyên được nhà tuyển dụng hỏi. Ủy quyền sự kiện là một kỹ thuật cho phép thêm trình xử lý sự kiện vào phần tử cha thay vì thêm chúng vào phần tử con. Khi một sự kiện xảy ra trên phần tử con, nó sẽ truyền đến phần tử cha và kích hoạt trình nghe gắn liền với phần tử đó. Sử dụng ủy quyền sự kiện mang lại những lợi ích sau:

• Giảm mức sử dụng bộ nhớ vì chỉ cần một trình xử lý duy nhất trên phần tử cha thay vì phải đính kèm các trình xử lý sự kiện trên mỗi phần tử con.
• Không cần phải hủy liên kết các trình xử lý sự kiện trên các phần tử đã xóa và các liên kết sự kiện đối với các phần tử mới được thêm vào.

Giải thích cách hoạt động của nó trong JavaScript

Giá trị của this trong JavaScript là một khái niệm khó hiểu. Nó phụ thuộc vào cách gọi hàm và áp dụng các quy tắc sau:

• Nếu từ khóa new được sử dụng khi gọi một hàm thì bên trong hàm này có một đối tượng hoàn toàn mới.
• Nếu áp dụng, gọi hoặc liên kết được sử dụng để gọi/tạo một hàm thì bên trong hàm này là đối tượng được truyền vào làm đối số.
• Nếu một hàm được gọi như một phương thức, chẳng hạn như obj.method() – thì đây là đối tượng mà hàm đó là thuộc tính.
• Nếu một hàm được gọi dưới dạng lệnh gọi hàm tự do, nghĩa là nó được gọi mà không có bất kỳ điều kiện nào ở trên, thì đây là một đối tượng toàn cục. Trong trình duyệt, đối tượng toàn cục là đối tượng cửa sổ. Nếu ở chế độ nghiêm ngặt (‘sử dụng nghiêm ngặt’), điều này sẽ không được xác định thay vì đối tượng chung.
• Nếu áp dụng nhiều quy tắc ở trên thì quy tắc cao hơn sẽ được ưu tiên và đặt giá trị cho quy tắc này.
• Nếu hàm là hàm mũi tên ES2015, nó sẽ bỏ qua tất cả các quy tắc trên và nhận this của phạm vi xung quanh tại thời điểm nó được tạo.

Cơ hội việc làm tại các khu vực khác như việc làm Bình Dương, Bình Thuận, việc làm Đà Lạt, việc làm Tam Kỳ, …

Sự khác biệt giữa đối tượng máy chủ và đối tượng gốc là gì?

Trong JavaScript, có hai loại đối tượng chính bao gồm:

• Đối tượng gốc: Đây là các đối tượng được xác định bởi đặc tả ECMAScript của ngôn ngữ JavaScript. Một số ví dụ về các đối tượng gốc bao gồm Chuỗi, Toán, RegExp, Đối tượng, Hàm, v.v. Các đối tượng này được tích hợp vào ngôn ngữ và có thể được sử dụng trong bất kỳ chương trình JavaScript nào.
• Đối tượng máy chủ: Đây là các đối tượng được cung cấp bởi môi trường thời gian chạy, chẳng hạn như trình duyệt hoặc Node. Một số ví dụ về đối tượng máy chủ bao gồm window, XMLHTTPRequest, v.v. Những đối tượng này không được xác định bởi đặc tả ECMAScript nhưng được môi trường thời gian chạy cung cấp và có thể khác nhau giữa các môi trường khác nhau.

Xem thêm: Bật mí cách đặt câu hỏi phỏng vấn giúp nhà tuyển dụng đánh giá chính xác ứng viên

Ưu điểm và nhược điểm của việc sử dụng Ajax là gì?

Lợi thế:

• Tương tác tốt hơn: Nội dung mới từ máy chủ có thể được thay đổi linh hoạt mà không cần tải lại toàn bộ trang, tạo trải nghiệm người dùng tốt hơn.
• Giảm kết nối đến máy chủ: Chỉ được yêu cầu tập lệnh và biểu định kiểu một lần, giúp giảm mức sử dụng băng thông mạng và tăng tốc độ tải trang.
• Trạng thái có thể được duy trì trên một trang: Các biến JavaScript và trạng thái DOM sẽ tồn tại do trang vùng chứa chính không được tải lại.

Xem thêm : 1986 hợp xe màu gì? Màu xe phong thủy tuổi Bính Dần

Nhược điểm:

• Các trang web động khó đánh dấu trang hơn: Vì nội dung được tải động nên các công cụ tìm kiếm có thể khó đánh dấu trang web.
• Không hoạt động nếu JavaScript bị tắt trong trình duyệt: Nếu JavaScript bị tắt, Ajax sẽ không hoạt động.
• Một số trình duyệt web không thực thi JavaScript: Nếu trình duyệt không hỗ trợ JavaScript, nội dung được tải bằng Ajax sẽ không được hiển thị.
• Các trang web sử dụng Ajax để tìm nạp dữ liệu có thể sẽ phải kết hợp dữ liệu từ xa được tìm nạp với các mẫu phía máy khách để cập nhật DOM. Điều này có thể làm cho mã JavaScript phức tạp hơn và gây ra bất kỳ lỗi cú pháp nào có thể ảnh hưởng đến hiệu suất ứng dụng. Các thiết bị di động cấp thấp có thể gặp khó khăn khi phân tích cú pháp và thực thi mã JavaScript này.

Q45: “Sử dụng nghiêm ngặt” là gì? Những lợi thế và bất lợi của việc sử dụng nó là gì?

“use strict” là một câu lệnh quan trọng trong JavaScript để kích hoạt chế độ nghiêm ngặt và giới hạn các tính năng của ngôn ngữ này. Tuy nhiên, chế độ này cũng có nhược điểm như thiếu một số tính năng, không có quyền truy cập vào function.caller và function.arguments và khó kết hợp các tập lệnh được viết ở các chế độ nghiêm ngặt khác nhau.

Với danh sách các câu hỏi phỏng vấn front-end trên mà Nguyễn Tất Thành đã chia sẻ đến các bạn, chúng tôi hy vọng các bạn sẽ chuẩn bị được những câu trả lời kỹ càng nhất. Từ đó, bạn có thể ghi điểm trong mắt nhà tuyển dụng và thành công vượt qua vòng phỏng vấn.

Khám phá thêm việc làm hấp dẫn từ các nhà tuyển dụng sau: tuyển dụng Zalo, tuyển dụng Alm, tuyển dụng FPT, tuyển dụng VNPT, tuyển dụng C&B…

— Nội bộ nhân sự —

Nguyễn Tất Thành – Website tuyển dụng trực tuyến số 1 Việt Nam

TẠO TÀI KHOẢN MỚI – MAY MẮN NHẬN VOUCHER 100K

HỌC TẬP ĐIỆN TỬ MIỄN PHÍ

Nguồn: https://truongnguyentatthanh.edu.vn
Danh mục: Blog