04 November 2018

Cẩu hỏi phỏng vấn Front end Developer - Interview Questions

By  at  2:28:00 PM     No comments

Mục lục


  1. Câu hỏi chung
  2. Câu hỏi về HTML
  3. Câu hỏi CSS
  4. Câu hỏi JS
  5. Câu hỏi về jQuery
  6. Câu hỏi mã hóa
  7. Câu hỏi thú vị
  8. Tài liệu tham khảo tuyệt vời khác

  • Bạn đã học gì hôm qua / tuần này?
  • Điều gì kích thích hoặc bạn quan tâm về mã hóa?
  • Bạn nghĩ gì về giao diện người dùng, bảo mật, hiệu suất, SEO, bảo trì hoặc công nghệ trong khi xây dựng một ứng dụng hoặc trang web?
  • Nói về môi trường phát triển ưa thích của bạn. (Hệ điều hành, Trình soạn thảo hoặc IDE, Trình duyệt, Công cụ, v.v.)
  • Bạn quen thuộc với hệ thống điều khiển phiên bản nào?
  • Bạn có thể mô tả quy trình làm việc của mình khi tạo trang web không?
  • Nếu bạn có 5 bảng định kiểu khác nhau, bạn sẽ tích hợp chúng tốt nhất vào trang web như thế nào?
    • Nối tập tin
  • Bạn có thể mô tả sự khác biệt giữa tăng cường tiến bộ và suy thoái duyên dáng?
    • Điểm thưởng để mô tả tính năng phát hiện
  • Làm cách nào để bạn tối ưu hóa nội dung / tài nguyên của trang web?
    • Tìm kiếm một số giải pháp có thể bao gồm:
      • Nối tập tin
      • Rút gọn tệp
      • CDN được lưu trữ
      • Caching
      • v.v.
  • Theo truyền thống, tại sao việc phân phát nội dung trang web từ nhiều tên miền lại tốt hơn?
    • Bao nhiêu tài nguyên sẽ tải xuống trình duyệt từ một miền nhất định tại một thời điểm?
    • Ngoại lệ là gì?
  • Đặt tên cho 3 cách để giảm tải trang. (thời gian tải nhận thức hoặc thực tế)
  • Nếu bạn nhảy vào một dự án và họ đã sử dụng các tab và bạn đã sử dụng không gian, bạn sẽ làm gì?
    • Đề xuất dự án sử dụng một cái gì đó như EditorConfig ( http://editorconfig.org )
    • Tuân theo các quy ước (duy trì tính nhất quán)
    • issue :retab! command
  • Viết một trang trình chiếu đơn giản
    • Điểm thưởng nếu nó không sử dụng JS.
  • Bạn sử dụng công cụ nào để kiểm tra hiệu suất của mã?
    • Profiler, JSPerf, Dromaeo
  • Nếu bạn có thể nắm vững một công nghệ trong năm nay, nó sẽ là gì?
  • Sự khác nhau giữa Long-Polling, Websockets và SSE là gì?
  • Giải thích tầm quan trọng của các tiêu chuẩn và các cơ quan tiêu chuẩn.
  • FOUC là gì? Làm cách nào để tránh FOUC?
  • Hãy cố gắng hết sức để mô tả quy trình từ lúc bạn nhập URL của trang web đến khi hoàn tất tải trên màn hình của bạn.
  • Làm gì đây doctype?
  • Sự khác biệt giữa chế độ tiêu chuẩn và chế độ quirks là gì?
  • Những hạn chế khi phục vụ các trang XHTML là gì?
    • Có vấn đề gì với việc phân phát trang application/xhtml+xmlkhông?
  • Làm thế nào để bạn phục vụ một trang có nội dung bằng nhiều ngôn ngữ?
    • Bạn phải cảnh giác với những điều gì khi thiết kế hoặc phát triển cho các trang web đa ngôn ngữ?
  • Là gì data-thuộc tính tốt không?
  • Xem xét HTML5 như một nền tảng web mở. Các khối xây dựng của HTML5 là gì?
  • Mô tả sự khác biệt giữa cookie, sessionStorage và localStorage.
  • Bạn có thể giải thích sự khác biệt giữa GETvà POST?
  • Sự khác nhau giữa các lớp và ID trong CSS là gì?
  • Mô tả tệp CSS "đặt lại" là gì và nó hữu ích như thế nào.
    • Tiền thưởng cho chỉ ra những nhược điểm của một "thiết lập lại", và / hoặc đề cập đến "bình thường hóa" như là một lựa chọn tốt hơn.
  • Mô tả Floats và cách chúng hoạt động.
  • Mô tả z-index và bối cảnh xếp chồng được hình thành như thế nào.
  • Các kỹ thuật thanh toán bù trừ khác nhau là gì và phù hợp với bối cảnh nào?
  • Giải thích các sprites CSS và cách bạn sẽ triển khai chúng trên một trang hoặc trang web.
  • Kỹ thuật thay thế hình ảnh yêu thích của bạn là gì và bạn sử dụng nó khi nào?
  • Các đặc tính của CSS, các tệp .css có điều kiện, hoặc ... cái gì khác?
  • Làm cách nào để bạn phân phát các trang của mình cho các trình duyệt bị hạn chế tính năng?
    • Bạn sử dụng các kỹ thuật / quy trình nào?
  • Các cách khác nhau để ẩn nội dung trực quan (và làm cho nội dung này chỉ có sẵn cho trình đọc màn hình) là gì?
  • Bạn đã bao giờ sử dụng một hệ thống lưới điện chưa, và nếu có, bạn thích cái gì hơn?
  • Bạn đã sử dụng hoặc triển khai các truy vấn phương tiện hoặc bố cục / CSS cụ thể trên điện thoại di động chưa?
  • Bạn có quen thuộc với kiểu dáng SVG không?
  • Làm cách nào để tối ưu hóa các trang web của bạn để in?
  • Một số "gotchas" để viết CSS hiệu quả là gì?
  • Ưu điểm / nhược điểm của việc sử dụng bộ tiền xử lý CSS là gì? (SASS, Compass, Stylus, LESS)
    • Nếu có, hãy mô tả những gì bạn thích và không thích về các bộ tiền xử lý CSS bạn đã sử dụng.
  • Bạn sẽ triển khai một bản thiết kế web sử dụng phông chữ không chuẩn như thế nào?
    • Webfonts (các dịch vụ phông chữ như: Google Webfonts, Typekit, v.v.)
  • Giải thích cách trình duyệt xác định yếu tố nào khớp với bộ chọn CSS?
  • Giải thích sự hiểu biết của bạn về mô hình hộp và cách bạn sẽ cho trình duyệt biết trong CSS để hiển thị bố cục của bạn trong các mô hình hộp khác nhau.
  • Làm gì * { box-sizing: border-box; }? Ưu điểm của nó là gì?
  • Liệt kê càng nhiều giá trị cho thuộc tính hiển thị mà bạn có thể nhớ.
  • Sự khác nhau giữa nội dòng và khối nội tuyến là gì?
  • Sự khác nhau giữa yếu tố tương đối, cố định, tuyệt đối và tĩnh là gì?
  • Bạn đã sử dụng các khung CSS hiện có nào ở địa phương hoặc trong sản xuất? (Bootstrap, PureCSS, Foundation, vv)
    • Nếu có, cái nào? Nếu có thể, bạn sẽ thay đổi / cải thiện chúng như thế nào?
  • Bạn đã chơi thử với thông số CSS Flexbox hoặc Grid mới chưa?
  • Thiết kế đáp ứng khác với thiết kế thích ứng như thế nào?
  • Bạn đã từng làm việc với đồ họa võng mạc chưa? Nếu vậy, khi nào và bạn sử dụng kỹ thuật nào?
  • Giải thích ủy quyền sự kiện
  • Giải thích cách thishoạt động của JavaScript
  • Giải thích cách hoạt động của kế thừa prototypal
  • Làm cách nào để bạn thử nghiệm JavaScript của mình?
  • AMD so với CommonJS?
  • Giải thích lý do tại sao những điều sau đây không làm việc như một IIFE: function foo(){ }();.
    • Những gì cần phải được thay đổi để làm cho nó trở thành một IIFE đúng cách?
  • : Sự khác biệt giữa một biến đó là gì null, undefinedhay undeclared?
    • Làm thế nào bạn sẽ đi về kiểm tra cho bất kỳ của các tiểu bang?
  • Đóng cửa là gì, và làm thế nào / tại sao bạn sẽ sử dụng nó?
  • Trường hợp sử dụng điển hình cho các chức năng ẩn danh là gì?
  • Làm thế nào để bạn tổ chức mã của bạn? (mô-đun mô-đun, kế thừa cổ điển?)
  • Sự khác nhau giữa các đối tượng lưu trữ và các đối tượng gốc là gì?
  • Sự khác nhau giữa: function Person(){}, var person = Person(), và var person = new Person()?
  • Sự khác biệt giữa .callvà là .applygì?
  • giải thích Function.prototype.bind?
  • Khi nào bạn tối ưu hóa mã của mình?
  • Khi nào bạn sẽ sử dụng document.write()?
    • Hầu hết các quảng cáo được tạo vẫn sử dụng document.write()mặc dù việc sử dụng nó được tán thành
  • Sự khác nhau giữa tính năng phát hiện, suy luận tính năng và sử dụng chuỗi UA
  • Giải thích AJAX càng chi tiết càng tốt
  • Giải thích cách JSONP hoạt động (và cách nó không thực sự là AJAX)
  • Bạn đã bao giờ sử dụng JavaScript templating chưa?
    • Nếu vậy, bạn đã sử dụng thư viện nào? (Mustache.js, Handlebars, v.v.)
  • Giải thích "cẩu".
  • Mô tả bọt sự kiện.
  • Sự khác biệt giữa "thuộc tính" và "thuộc tính" là gì?
  • Tại sao mở rộng được xây dựng trong các đối tượng JavaScript không phải là một ý tưởng tốt?
  • Sự khác biệt giữa sự kiện tải tài liệu và sự kiện sẵn sàng tài liệu?
  • Sự khác biệt giữa ==và là ===gì?
  • Giải thích chính sách cùng nguồn gốc liên quan đến JavaScript.
  • Thực hiện công việc này:
duplicate([ 1 , 2 , 3 , 4 , 5 ]); // [1,2,3,4,5,1,2,3,4,5]
  • Tại sao nó được gọi là biểu thức Ternary, chữ "Ternary" có nghĩa là gì?
  • Cái gì "use strict";vậy? những lợi thế và bất lợi khi sử dụng nó là gì?
  • Tạo một vòng lặp for lặp lại 100trong khi xuất ra "fizz" tại bội số của 3, "buzz"tại bội số của 5và "fizzbuzz" tại bội số của 3và5
  • Giải thích "chuỗi".
  • Giải thích "trì hoãn".
  • Một số tối ưu hóa cụ thể của jQuery mà bạn có thể triển khai là gì?
  • Làm gì .end()?
  • Đặt tên cho 4 giá trị khác nhau mà bạn có thể chuyển sang phương thức jQuery.
    • Bộ chọn (chuỗi), HTML (chuỗi), Gọi lại (hàm), HTMLElement, đối tượng, mảng, mảng phần tử, đối tượng jQuery, v.v.
  • Sự khác nhau giữa là gì .get(), []và .eq()?
Câu hỏi: Bạn sẽ thực hiện công việc này như thế nào?
add ( 2 , 5 ); // 7 
add ( 2 ) ( 5 ); // 7
Câu hỏi: Giá trị nào được trả về từ câu sau?
"i'm a lasagna hog".split("").reverse().join("");
Trả lời: "goh angasal a m'i"
Câu hỏi: Giá trị của là window.foogì?
( window.foo || ( window.foo = "bar" ) );
Trả lời: "bar" (chỉ nếu window.foolà falsey nếu không nó sẽ giữ lại giá trị của nó)
Câu hỏi: Kết quả của hai cảnh báo dưới đây là gì?
var foo = "Hello"; 
(function() { 
  var bar = " World"; 
  alert(foo + bar); 
})(); 
alert(foo + bar);
Trả lời: "Hello World" & ReferenceError: thanh không được xác định
Câu hỏi: Giá trị của là foo.lengthgì?
var foo = [];
foo.push(1);
foo.push(2);
Câu trả lời: 2
  • Điều thú vị bạn đã mã hóa gần đây là gì? Điều gì bạn đã xây dựng mà bạn tự hào?
  • Một số điều bạn thích về công cụ nhà phát triển bạn sử dụng là gì?
  • Bạn có dự án thú cưng nào không? Loại nao?
  • Tính năng yêu thích của bạn trong Internet Explorer là gì?

0 nhận xét:

Post a Comment

 

BACK TO TOP

Xuống cuối trang