전단 면접 자료 총결산-대량의 양질의 자료 링크 첨부

소개하다.
3, 4 월 여름방학 인턴 모집 ~ 오랫동안 준비 했 고, 인터넷 에서 적지 않은 총결산 게시물 을 준비 과정 에서 많은 공부 를 했 다.한 마디로 기술 수준이 가장 빨리 올라가는 단계는 두 가지가 있는데 하나는 면접 몇 달 전, 하나는 입사 후 몇 달 전이다. 생각해 보면 일리가 있다.offer 받았어요~ 복습할 때 했던 총결산을 여러분께 나눠드리고 도움이 됐으면 좋겠어요~
CSS 섹션
질문두 가지 상자 모형 2.선택기 우선순위 계산 3.어떤 위류가 있습니까?순수 css 구현 대화상자에 작은 삼각형 5.윤방도 js css 6.미디어 쿼리 7.부동 방식을 분명히 하다.완전히 가운데 놓다
JavaScript 섹션

폐쇄는 무엇입니까?패킷 폐쇄는 다른 함수 작용역의 중점 변수에 접근할 수 있는 함수를 가리킨다.클립을 만드는 흔히 볼 수 있는 방법은 하나의 함수 내부에 다른 함수를 만드는 것이다.내부 익명 함수의 역할 체인(한 창고 구조)이 2: 전역 변수 대상을 가리키기 때문에 1: 함수 변수 대상을 포함하고 0: 자신의 변수 대상을 가리킨다.따라서 함수를 포함하는 집행이 끝나면서 함수를 포함하는 작용역체인은 삭제되었지만 함수의 작용역체인이 함수를 포함하는 변수 대상을 가리키기 때문에 회수 메커니즘을 촉발하지 않는다.

JS는 어떻게 클래스, 계승을 실현합니까?prototype을 통해Javascript 해석 엔진은 Object의 속성 값을 읽을 때prototype을 따라 위로 찾습니다. 만약 최종적으로 찾지 못하면 이 속성 값은 Undefined입니다.이 속성의 값을 최종적으로 찾으면 결과를 되돌려줍니다.이 과정과 달리 자바스크립트 해석 엔진이'한 Object의 어떤 속성에 값을 부여합니다'를 실행할 때 현재 Object에 이 속성이 존재하면 이 속성의 값을 덮어쓰고 현재 Object 자체에 이 속성이 존재하지 않으면 이 속성의 값을 부여합니다.

거품과 포획은 무엇입니까?이벤트 흐름은 페이지에서 이벤트를 받는 순서를 설명합니다.IE의 이벤트 흐름은 이벤트 거품 흐름이고 Netscape의 이벤트 흐름은 이벤트 포획 흐름입니다.이벤트 거품 흐름: 가장 깊은 결점을 끼워 넣으면 이벤트를 가장 먼저 수신합니다.이벤트 포획 흐름:document 대상이 이벤트를 가장 먼저 수신합니다.

JS에는 어떤 데이터 유형이 있습니까?boolean,null,Number,string,Undefined 등 5개의 기본 데이터 형식과 복잡한 데이터 형식object(본질적으로 무질서한 이름 쌍으로 구성됨)

널과 언드피니드의 차이는?선언하지만 초기화되지 않은 것은 Undefined이고 null은 빈 객체 포인터를 나타냅니다.그러나 양자용==은true

로 되돌아간다

isNaN()의 역할은?isNaN () 함수는 일반적으로 parseFloat () 와 parseInt () 의 결과를 측정하여 합법적인 숫자인지 판단하는 데 사용됩니다.물론 0을 제수로 하는 경우와 같이 isNaN() 함수로 산수 오류를 검출할 수도 있다.

JS 대상 중의 Array 대상과 String 대상의 각종 방법

this 키워드가 서로 다른 환경에서 5가지 상황에서의this지향

JS의 역할 영역 역할 영역과 명칭 공간

setTimeout과 setInterval(setTimeout과 setInterval의 차이에 대해 정말 알고 계십니까?)[http://www.jb51.net/article/26679.htm]

js에는 어떤 기본 대상인 자바스크립트 대상이 있습니까? Array, Boolean, Date, Math, Number, String, RegExp, Functions, Events browser 대상: Window, Navigator, Screen, History, Location html 대상: Document, Element, Attribute, Event

call,apply,callee 응용 js apply 자바스크립트에서callee와caller의 용법과 응용 장면을 상해할 줄 누가 알았겠는가

크로스 구현 방법 js 크로스 문제 상해

이벤트 감청, 리셋, 게시 구독 모드,promise 자바스크립트 실현 비동기적인 네 가지 방법 설계 모드의 관찰자 모드

AMD CMD 모듈화 JS 자바스크립트 모듈화 프로그래밍

메모리 유출의 원인과 장면.자바스크립트 메모리 유출 자바스크립트 메모리 유출의 몇 가지 상황

js 유형 자바스크립트에서 대상 유형을 판단하는 여러 가지 방법

값에 따라 전달하고 인용에 따라 JavaScript의 값을 전달하는 접근과 파라미터 전달 문제

브라우저의 렌더링 페이지 순서를 재정리하고 다시 그리기

엄격 모드는 자바스크립트 엄격 모드(Strict Mode)를 사용하여 팀 개발 효율을 향상시킬 때

약술document.write와 innerHTML의 차이점document.write는 전체 페이지만 다시 그릴 수 있고 innerHTML는 페이지의 일부분을 다시 그릴 수 있습니다.

extend extend 방법이 js 프레임워크에서의 디자인

관련 지식
IE와 Firefox, 크롬 등 브라우저의 차이
이벤트: ie:attachEvent, window.event,window.event.srcElement chrome:addEventListener, event;event.target 기타: - Firefox는 innerText를 지원하지 않지만 비슷한 textContent -ie를 지원합니다 getComputedStyle () 방법을 지원하지 않습니다.currentStyle이라는 속성은 지원합니다. - 박스 모델이 다르고 - 브라우저의 기본 스타일이 다르며 * {margin:0,padding:0}을 이용하여 통일합니다.
성능 최적화 방법
전단 공정과 성능 최적화 전단 최적화 수단에는 어떤 것들이 있습니까?밀리초 경쟁, 프런트엔드 웹 성능 모범 사례
서버 차원: cdn, 앞뒤가 다른 도메인 이름(쿠키 감소), gzip 압축 파일, 통합 파일, 사이다 그림, 304 캐시, 압축 코드, 중복 스크립트 제거, 이미지 최적화;Keep-alive 메커니즘을 통해 TCP 연결을 줄입니다.점프를 피하는 점프는 301과 302 코드로 이루어진다
코드 차원: 스타일시트를 맨 위에 놓고 스크립트를 맨 밑에 놓고 문서의 출력을 빨리 갱신한다.리셋과 리셋을 줄이고 DocumentFragments를 사용하며 스타일을 변경할 때 클라스Name을 변경하면reflow를 줄이고dom 수량을 줄일 수 있습니다.이벤트 에이전트,dom의 접근 횟수를 줄이고, DOM 노드를 여러 번 방문해야 한다면, 국부 변수를 사용하여 인용을 저장하십시오.HTML을 재구성하여 중요한 내용의 우선순위를 높인다.미리 불러오는 자원을 이용하여 자원을 최적화하다.LocalStorage를 활용하여 리소스를 적절히 캐시합니다.미디어 조회를 이용하여 서로 다른 크기의 그림을 요청하다
http 상태 코드
1XX는 요청이 수락되었음을 나타냅니다. 2XX는 방문이 성공했음을 나타냅니다. 3XX는 방문이 성공했음을 나타냅니다. 4XX 클라이언트 요청 오류를 포함합니다. 문법, 파일 경로 5XX 서버에 오류가 발생했습니다.
200 OK//클라이언트 요청 성공 400 Bad Request//클라이언트 요청에 문법 오류가 있어 서버에서 이해할 수 없음 401 Unauthorized//요청이 승인되지 않았습니다. 이 상태 코드는 WWW-Authenticate 보고서//헤더와 함께 403 Forbidden//서버를 사용하여 요청을 받아야 하지만 서비스 제공을 거부하는 404 Not Found//요청 자원이 존재하지 않습니다.eg: 오류가 입력된 URL 500 Internal Server Error//서버에서 예상치 못한 오류가 발생했습니다. 503 Server Unavailable//서버는 현재 클라이언트의 요청을 처리할 수 없습니다. 시간이 지나면 정상으로 돌아올 수 있습니다.
자료 링크
종합 면접 문제

최전방 면접 문제 및 답안 총결산

흔한 전단 면접문제 및 답안

javascript 시크릿가든

전면 면접

초급 웹 프런트엔드 엔지니어 면접 필수 면접 문제

전면 업무 면접 문제

사상 최전방 개발 면접 문제 및 답안 정리

CSS

css권중

역사상 가장 완전한 Html와 CSS 레이아웃 기술

성배 배치

관련되다

cache-control

http상태코드 상해

현대 브라우저의 작업 원리

인터넷 주소를 입력하면 실제로 무슨 일이 일어날까요?

웹 보안 테스트의 XSS

전단 진급 - 진급을 위한 네트워크 지식

프런트엔드 최적화 불완전 가이드

쿠키 얘기하기

직접 관련되다

전단 면접에서 자꾸 원생 Ajax를 쓰게 하는 게 정말 의미가 있을까요?