인턴쉽 인터뷰 요약의 프런트 엔드

최근 인터넷은 지금 자신이 단정 한 얼굴 질문에 인턴를 수집, 얼굴을 많이 수집 된 책 기반의 멀티 코드 코드를보고 인턴을 찾을 준비가되어 있었다.

주제 출처 : 프런트 엔드 요약 인턴 인터뷰는
최근 아직 결과를 알고 있지만, 여전히 또한 도움말 어린이 신발에 준비하고 얼굴 인턴 희망을 요약 기록을 수행하지 않지만, 여러 인터뷰를 시작 ~

자바 스크립트

1. addEventListener마지막 인수는 무엇을 함께 할 수있다?
   A는 : 이벤트는 버블 링 또는 캡처 요구 사항입니다. 버블 링 단계에 대한 이벤트 핸들러를 호출 허위 사실을 나타냅니다 캡처 단계에서 이벤트에 대한 호출 핸들러입니다. ( removeEventListener()동일한)

2. 무엇 버블 링되고, 무엇을 캡처?

   A : 요소가 트리거를 버블 링 될 때 전사 후의 이벤트 상부 문서까지처럼 (가장 특정한 소자의 허용하고 점차적하게 특정 노드 (문서)으로 상향 확산)된다. 캡처 적은 특정 노드 (파일 문서) 이전 이벤트, 특정 노드에 마지막으로 수신 된 이벤트를받은 것입니다.

3. 모든 이벤트는 버블 링입니까?
   A : 아니, 흐림, 초점,로드, 언로드 , 중단 하지 버블 (각 이벤트가 event.bubbles 속성이 있습니다, 당신은 세부 사항을 볼 수 버블 링 여부를 알 수 있습니다. 브라우저 이벤트를 거품? )

4. 이벤트 버블 취소하는 방법
   을 : 내 대답은 여기에 잘못 나를 위대한 하나님 께 감사를드립니다 수정, 우리가 혼동하지 말아야
   eve.preventDefault(기본 동작은 취소 할에 해당하는 경우, 당신은이 방법을 사용할 수 있습니다, 이벤트를 취소하고, 취소 할 속성은 이벤트의 기본 비헤이비어를 취소 할 수 있는지 여부를 나타냅니다 )는. eve.stopPropagation()거품에 해당하는 경우, 당신은이 방법을 사용할 수 있습니다, 더 캡처 또는 버블 링 이벤트를 취소하는 데 사용됩니다.

1. 어떻게 판단 배열이 아닌

   A : a instanceof Array Array.isArray(a)- 그는 내가 무엇을 물어
   내가 거기없는 사실되지 않은 내장 함수, 사용할 수있는 배열의 시도 배열을 말한다Object.prototype.toString.call(a)=== '[object Array]'

2. 어떻게 배열로 클래스 배열 객체를 넣어하는 방법
   A :Array.prototype.slice.call(arrayLike)；

3. 상속에 대한 토크
   A : 상속이 크게 너무 소프트웨어 개발 비용을 절감 할 수 코드 재사용의 한 형태이다. 클래스 상속 식 (주로) 식의 프로토 타입 상속 (주)와 도핑 된 메타 클래스 : 자바 스크립트에서 세 가지 방법을 물려 받았다.
   클래스 타입 상속 : 먼저 생성자에서 상위 클래스의 생성자를 호출하는 생성자를 만들고, 그것을 매개 변수를 전달합니다. 그런 다음 슈퍼 클래스의 인스턴스에 다음 프로토 타입 체인 수동으로 서브 클래스 프로토 타입을 설정 (Author.prototype = 새로운 사람 ()) , 다음 핸들 서브 클래스 프로토 타입 클래스 생성자 속성 리셋 (Author.prototype. 생성자 = 저자).
   프로토 타입 상속 : 오브젝트의 구조를 정의하는 단지 직접 프로토 타입 객체를 만들려면 클래스를 사용할 필요가없는, 개체는 새 개체를 재사용 할 수 있습니다. 주로 수퍼에 얕은 될 또는 그 복제를 담당하고, 복제 기능은 다음이다

   functon clone(o){
       function F(){}
       F.prototype = o;
       return new F();
   }

   슈퍼 클래스를 복제 한 후에는 새로운 속성과 메소드를 추가 할 수 있습니다 슈퍼 클래스가 제공하는 디폴트 값을 수정할 수 있습니다, 복제 메서드와 속성이 다시 정의 할 수 있습니다. 그러나, 본질적으로 불평등 성을 읽기 및 쓰기 프로토 타입 객체로부터 상속 된 멤버,이 방법. 자세한 내용은 참조하시기 바랍니다 자바 스크립트 상속

4. 배열 죽는 방법은 무엇입니까?
   :. CONCAT는, 팝 조인 일종의 역 푸시, 변화, 슬라이스, 스플 라이스, 취소] ( "자바 스크립트 언어의 본질을"책 배열을 요약, 기능, 숫자, 정규 표현식, 문자열 일반적으로 사용되는 방법)

5. 정렬 방법 작품은 무엇입니까?
   A : 요소가 문자열로 취급되어야하는 정렬 기본 비교 함수는 비교 수치는 문자열 수치는 다음 비교에 변환됩니다, 시간이.

6. 디지털의 종류를 분류하려면 어떻게 할까?
   A : n.sort(function (a,b) {return a-b;})오름차순

7. 문자열 죽을 수있는 몇 가지 방법은 무엇입니까?
   A : CONCAT 수 charAt 슬라이스 SUBSTR 하위 문자열 등 (사실, 우리는 그 문자열이 기본 데이터 유형, 방법이 없다는 것을 말한다 추가해야한다고 생각 문자열 방법은 방법 참조 String 형 생성자가를 생성입니다 ~)

8. 사용 방법의 방법을 바꾸기?
   A : string.repalce(searchValue,replaceValue)이 문자열, searchValue에서 다음 장소 인 경우 문자열 검색 및 운영과 수익을 대체하기위한 searchValue 매개 변수 새로운 문자열, 문자열이나 정규 표현식 객체가 될 수있는 첫 번째 발생이 교체 . searchValue 및 식별 g와 정규 표현식 인 경우, 모든 경기는 대체됩니다.

9. 요소 위에서 마우스 팝업 레이어가 나타납니다
   을 : DOM 0 단계에서, 예를 들어 아이가 onMouseover와 DISPALY 인 경우 블록을

10. 빠른 마우스 슬라이딩 그를 수행하는 방법을 표시하지 것이다
    의 setTimeout을 설정 설정된 시간 미만에 상단에 마우스 체류가, 그는이 취소 될 경우 나올되지 않은 경우합니다 : A ~

11. 얼마나 오랫동안 그 내가 당신이라면이 규칙 설정 시간이, 당신이 돌아 가야한다 무엇을 알고 시간이 옳다고 볼려고하지?를의 setTimeout을 설정해야

12. 지금은 페이지 하단에이 요소가 하단에 표시되는 팝업 위 계층의 표시 요소 위의 팝업 층 싶어? 페이지 요소의 위치 거리 판정 바닥 다음 팝업 위치가 상기 팝업 또는 단지 팝 아래 층의 높이보다 더 크다

13. 내가 그를 확인하려면 다른 사람을위한 도구가 수행하는 방법을 사용 하는가? 어 - 첫 번째 모듈 식,주의를 기울를 사용하여 충돌 등 해당 요소, 어떤 이벤트, 팝업의 크기 않도록 필요한 메서드 매개 변수를 규정하고 하위 아이 어떤 다른 방법을 수행하는

14. 그 주장은 확실히 당신이 그것을 사용하는 다른 사람을 촉진 할 수있는 방법, 좋은 도구를 많이하고 싶어? 모든 매개 변수는 후에 많은 사람들은 어 기억하지 않을 것이다 - 나는 이렇게 기억하기 쉬운, 수신 개체 특성을 대상을 설정할 수 있습니다.

15. 이벤트 에이전트
    A : 자세한 사항은 자바 스크립트 이벤트 및 수수료 에이전트

16. 무엇 무엇을 캡처 버블 링입니다
    를 : 자세한 사항은 자바 스크립트 이벤트 및 수수료 에이전트

17. C ++

18. jQuery를 얻을 요소와 기본 요소의 차이는 무엇 JS 취할
    발견의 DOM과 예금에,이 객체의 클래스 배열 jQuery를이 요소를 반환 JQuery와 객체를 획득, 속성, 0,1,2을 ... 객체 jQuery 오브젝트는 DOM의 수에서 발견되는 길이 속성을 갖는다. JS 요소는 DOM 요소로 이동합니다.

19. 없는 Doctype의 역할
    A : 예 문서 형식 선언을 파싱 (<! DOCTYPE> document.compatMode), HTML 버전을 사용하여 페이지의 웹 브라우저를 나타냅니다 피하기 브라우저 단점 모드로 지시를 작성되었습니다. 자세한 내용은 다음을 참조하십시오 DOCTYPE 정보

20. 응답 난 단지 @media 대답

21. 에서는 setTimeout과 setInterval을의 차이
    : 세부 사항 참조 ) (의 setTimeout () 및 setInterval을

22. 왜 즉시 실행하고, 경우의 setTimeout 시간이 0으로 설정되어 있습니까?
    자바 스크립트는 단일 스레드 통역이기 때문에 반드시, 그래서 일정 시간 내에 만 코드의 조각을 실행할 수 있습니다. 제어 코드가 실행되도록하기 위해, 자바 스크립트 태스크 큐가있다. 시간이 0으로 설정에서는 setTimeout, 그것은 작업 대기열에 현재 작업을 추가 자바 스크립트를 이야기 한 후 0 밀리 초입니다. 큐가 비어있는 경우 코드는 즉시 추가 실행됩니다; 큐가 비어 있지 않은 경우, 다음 자신의 실행 후 이전 코드의 실행을 기다리는 것입니다.

23. 작동 메커니즘 생성자

24. 이 바인딩

25. 전화 () 및 적용 ()의 차이

26. JS는 어떤 상속? 프로토 타입 상속 어떤 종류의

27. 예를 모듈 식 접근 방식, 설명 모듈

28. GET과 POST의 차이

29. 함수 선언과 함수 리터럴의 차이

30. jQuery를 어떻게 캐스케이드의 장점입니다

31. 점진적 개선 적절한 저하

CSS :

1. 플로트 높이 붕괴 솔루션 :
   clearfix : 후 {지우기 : both-; 내용 :; 높이 "". 0; 실행 디스플레이 : 블록; 시정 : 숨겨진;} (파고 스스로 의사 요소 다음 구멍이 내가 말, 의사 클래스하지 않습니다 잘못된 ~)

2. 라인 높이 산출 부 화소 단위의 비율 : 길이는 고정 라인 간격을 설정. 단위 EM, PX, PT, 등등. 백분율 %
   , 글꼴 크기의 간격 현재 행에 따라 비율입니다. (: I 줄 높이에 대해서 이야기하고 내 대답은 옳다고 생각하지만, 그는 다시 반복)

3. (UL : 마지막으로 아이 UL 리튬의 숫자, 리튬이 각각 테두리 하단을 가지고 원하는이며, 마지막 하나는 수행하는 방법 boder 바닥 리튬 싶지 않습니다 {국경 바닥 : 없음;} 또는 마지막에 (그는이 말한다 JQuery와 ~와 같은로드 할 수 있는지 확인), 없음 : 리 세트 경계에 클래스 선택기를 추가

4. - id100 - - 클래스, 가상 클래스는, 속성 선택기 (10) 인라인 스타일 1,000 : CSS 선택 얼마나 그의 우선 순위 결정
   , 입력 선택기, 의사 요소 선택기 큰 높은 우선 순위를 더하여 계산 높은 우선 순위의 값은, 문 같다.

5. 상하 방향의 중심 DIV 어떻게? 배고픈 아직 ~ 다 말했다

6. 당신도 알다시피, 당신의 마음에 드는 CSS3 속성은 무엇입니까? 애니메이션 transmation 국경-radious 상자 크기 조정 상자 그림자를 변환

7. 차단에 긴 구절은, 세 개 이상의 점 이후에 어떻게 할 수 있나요? 하나 overfloww 다음 줄임표 :이 CSS3 텍스트 오버플로가 경우 호환되지 않음 고려 된 바처럼 : { "..."내용} 후 : 숨겨진 포인트는 세 가지 측 프레임 기간 이전 또는 의사 요소를 추가

8. 위치 측위

9. DOM 조작 요소

10. 두 열 레이아웃

11. 해결 방법 인라인 블록 갭

12. 어떻게 배경 이미지 타일에? CSS : 화상 집합 {총수 : 절대; 가기 : 0] 왼쪽 : 0] 아래 : 0 우측 : 0] Z- 색인 : -1}의 JS있어서 브라우저의 높이를 결정하는 단계는, 화상 높이 구비

13. 당신은 그림을 감소 확장 할 경우? JS는 폭과 높이에 의해 결정하고 스케일링 (인터뷰는 스크린 패널이 화면 수평이며, 그 폭을 100 %로 설정 될 수도 있음)

14. CSS를 해킹

15. 조건부 의견

16. 값 DISPALY

17. 당신이 아는 어떤 CSS3 애니메이션 성능 최적화? 난 단지 모두 사용하지 않는 것이 좋습니다 대답

18. BFC는 무엇 hasLayout을 어떻게 트리거입니다

HTML

1. 어떤 의미입니다

2. HTML5 의미 태그

HTTP

1. HTTP 상태 코드는 알고있다

알고리즘 (무 그것을 대답) :

1. 우선 순위 큐

2. 더미

3. 빠른 정렬

4. 중복 제거 어레이

5. 어떻게 트리 구조

6. 진수 수는 얼마나 많은 비트 바이너리 코드를 결정하는 데

계획

1. CSS3 책은 그것을 수행하는 방법인가? 의 무리에 대한 Barabara

2. 버그 아이 페이지는, 어떻게 무엇 원인 변경하려면? Z- 인덱스 문제, 어떻게 ~ 푸켓을 변경하려면

3. 캔버스 그리기는 그것을 어떻게 할까? 의 무리에 대한 Barabara

4. 당신이 버그를 그리는 방법을 어떤 원인 변경하려면? 스크롤 문제, 변경 푸켓 방법에 대해 설명합니다. . . (플러스 스크롤 바 거리, 면접관은 나에게 ~)

버전 제어

1. 컨트롤러의 버전을 알아? 일부 github의 이해

2. 기본 동작이 있습니까? 나는 (... 갤럽에서 만 진흙 말을 할 수 있습니다 마음 인터뷰) 윈도우 그래픽 인터페이스와 동작에서 수행 한

3. 무슨 일 github에인가?
   나는 다음 업데이트를 다운로드 한 다음 코드를 업로드 할 수 있습니다 다른 사람이 그때 업데이트가 수정을 계속 추가 할 다운로드 할 수 있습니다, 창고를 추가하기 위해 창고에 업로드 github에 내 코드를 삽입

4. 당신이이 방법을 수행하는 동일한 코드 충돌을 수정하는 경우 그? 나는 롤 다시 할 수있는 유일한 방법을 알고, 그의 팀 동료가 더 중요하고 롤백 작업 누가 볼 수있는 교환 코드입니다.

5. 만 그래서, 당신은 인간의 희생이 있어야합니다?
   내가 GitHub의 기능은 실제로 매우 강한 배웠습니다, 그래서이 작업을 수행하는 더 나은 방법이 있어야합니다,하지만 지금 스토리지에 제한 github에를 사용하고 약간의 수정이 자신의 코드, 그래서 더 좋은 방법을 알고하지 않습니다. . . .

다른

1. 좋아하는 코딩 도구는 무엇입니까? 숭고한 텍스트

2. 당신은 어떻게 할에게 많은 공통점을 수정해야? Ctrl + D를 누르은 복수 선택을 선택하고 다음으로 변경

3. 어떻게 포토샵? 그것은 간단한 그래프 추신의 PSD 페이지 수 있습니다하지 않습니다 그림 풍경 미화

4. 문서를 웹에 사용되는 작은 저장 형식을 어떻게 PNG로 언급 내보낼. . . (해야하지 ~)

5. 성능을 최적화하는 방법에 대해 알아 봅니다

(여기 긴 채팅) 프로젝트

1. 나에게 당신이 그것을했던 어떤 프로젝트 것에 대해 뭔가를 말해? 어떤 특정 응답의 Barabara 무리 -

2. 어떻게 팀 프로젝트를 협력 했는가? 어떤 특정 응답의 Barabara 무리 -

3. 당신은 지금 무엇입니까? 리눅스, Qt를 개발 barabara ~ ~ ~

4. 유용한 C의 프런트 엔드를 참조하지 마십시오 ++, 당신은 사용이 무엇인지 그에게서 배워야한다? 난 그냥, C 및 C ++을 다음 언어의 기초 프로그래머있는 한, 프런트 엔드를 작성하지 않는, 그것은 발라 발라 ~입니다

5. 당신은 대부분의 이야기에 C ++ 프로그램에 만족? 아, 아 Qt는 ~ 어떤 종류의 ~

6. 당신은 기술적 인 장점은 무엇 Taobao의 홈을 생각하십니까?
   대형 페이지가 캐리에 여러 가지가 있지만, 사용자가 매우 잘 레이아웃의 명확한 증거를 찾기 위해 원하는 것을 찾을 수 있으며, 이는 그래서 많은 이벤트에 클릭 이벤트, 아 아 이미지 회전 목마를 포함 피할 충돌 이벤트가 ~ 또한 매우 피곤 해입니다

7. 당신은 당신이 긴 Taobao의 홈 쓸 수 있습니다 무엇을 생각 하는가? 어 ~ 일주일 동안 (이것은 무엇 정답 모르는 정말 할 수 있습니다)

8. 왜 당신은 Taobao의 기술을 제공 할 수 있습니까? 내가 고용 가지 더 친구를 배울 수있는 경우 회원이 될 수있는 기회가 있다면 기술 가축 때문에, 많은 큰 소는 ~,이 팀에있다

9. 당신은 Taobao의 기술이 될 수있는 장점이 있다고 생각하십니까? 이봐, 당신에게 말하지 않는 것은 내가 대답 얼마나입니다 ~~