전통문화대전망 - 전통 미덕 - 2020 년 웹 프런트 엔드 면접 질문 요약 (1)
2020 년 웹 프런트 엔드 면접 질문 요약 (1)
1. 자바스크립트를 쓰는 기본 사양은 몇 개입니까?
1) 같은 줄에 여러 변수를 선언하지 마십시오.
2) = = =/! = = 참/거짓 또는 숫자 비교
3) newObject 의 형태를 목적어의 글자 그대로 대체한다.
4) 전역 함수 및 전역 변수의 사용을 줄입니다.
5)5)switch 문에는 기본 분기가 있어야 합니다.
6)if 문은 중괄호를 사용해야 합니다.
7)for-in 주기의 변수;
Var 키워드를 사용하여 범위를 명시적으로 정의해야 합니다.
세계적인 오염을 피할 수 있습니다.
2. 이진 트리 균형 조정?
자체 균형 이진 검색 트리
AVL 트리라고도 합니다.
에는 다음과 같은 속성이 있습니다.
1) 빈 나무 또는 왼쪽 및 오른쪽 하위 트리입니다.
높이 차이의 절대값은 1 을 초과하지 않습니다.
왼쪽 및 오른쪽 하위 트리는 균형 잡힌 이진 트리입니다.
2) 균형 이진 트리는 반드시 이진 조회 트리여야 하며, 그 반대의 경우도 마찬가지입니다.
3) 이진 트리의 균형을 맞추는 일반적인 방법은 빨강, 블랙, AVL,
희생양 나무, 나무, 스트레칭 나무 등.
최소 2 차 균형 트리의 노드 공식은 다음과 같습니다.
F (n) = f (n-1)+f (n-2)+1주석:1은 루트 노드입니다.
F(n- 1) 는 왼쪽 하위 트리의 노드 수입니다.
F(n-2) 는 오른쪽 하위 트리의 노드 수입니다.
3. 부동을 지우고 수직 외부 거리 겹침을 해결하는 해결책은 무엇입니까?
문제 설명:
1) 상위 요소의 폭과 높이를 설정하지 않습니다. 크기는 하위 요소에서 지원합니다.
하위 요소가 부동하면 상위 요소의 높이가 축소됩니다.
2) 자식 요소는 여백 위쪽이 사용될 부모 요소의 여백 위쪽을 설정합니다.
이로 인해 수직 외부 여백이 겹칩니다.
。 Clearfix:: 에 있습니다. Clearfix::before{
내용: \ "\";
표시: 양식;
분명히: 둘 다 있습니다.
}
4. 세션 저장소, 로컬 저장소 및 쿠키?
유사점:
브라우저 측에 저장된 캐시 데이터에 사용됩니다.
차이점:
1) 저장된 컨텐츠를 서버로 전송할지 여부.
쿠키를 설정하면 데이터가 서버로 전송됩니다.
일정한 광대역 낭비를 초래하다. Xxxstorage 는 데이터를 저장합니다
현지에 가면 광대역 낭비가 발생하지 않습니다.
2) 다른 데이터 저장소 크기
쿠키 데이터는 4K 를 초과할 수 없으며 세션 인식에 적합합니다.
최대 5m 의 Xxxstorage 데이터 저장 용량 ：
3) 데이터 저장소의 유효 기간이 다릅니다
쿠키는 쿠키 만료 시간이 설정된 경우에만 사용됩니다.
창이나 브라우저를 닫아도 유효합니다.
SessionStorage, 브라우저를 닫을 때까지 유효합니다.
LocalStorage, 데이터 저장소는 영구적으로 유효합니다.
4) 다른 범위
쿠키와 localStorage 는 같은 소스와 창에 있습니다.
모두 * * * 즐길 수 있습니다.
SessionStorage 는 별도의 브라우저 창에 없습니다.
같은 페이지라도 * * * * 에서 즐기세요.
단어가 답장인지 판단하십시오.
회문은 같은 단어나 문장을 말합니다.
아래에서 위치는 뒤바뀌거나 뒤집힙니다.
머리와 꼬리가 반복되는 장면을 만듭니다.
이것은 회문이라고도 하고 회문이라고도 한다.
카카 레디비드처럼요.
Letcheckpalindrom = (str) = > {
Returnstr=== =
Str.split ("") 입니다. 반전 (). 조인 ("");
}
6. 임시 변수를 사용하지 않고 두 정수를 교환합니까?
A=3, b= 1 을 입력합니다.
출력 a= 1, b=3.
Letswap=(a, b) = > {
B = b-a;
A = a+b;
B = a-b;
리턴 [a, b];
}
7. HTML5 로 최소 5 개의 새 태그를 작성하고 그 의미와 적용 시나리오를 설명해 주시겠습니까?
섹션: 정의 문서의 장;
Nav: 탐색 링크만 포함된 장을 정의합니다.
머리글: 페이지 또는 섹션의 머리글을 정의합니다.
여기에는 일반적으로 로고, 페이지 제목 및 탐색 가능한 목차가 포함됩니다.
바닥글: 페이지 또는 섹션의 끝을 정의합니다.
일반적으로 저작권 정보, 법률 정보 링크 및 피드백 제안 주소가 포함되어 있습니다.
내레이터: 페이지 내용과 관련성이 낮은 내용을 정의합니다.
삭제하면 나머지는 합리적입니다.
8.8.get 과 post 요청의 캐시 차이점은 무엇입니까?
Get 요청은 사용자가 데이터를 가져오는 조회 프로세스와 유사합니다.
매번 데이터베이스에 연결할 필요가 없으므로 캐시를 사용할 수 있습니다.
직위가 다르다. 포스트는 일반적으로 수정 및 삭제 작업을 수행합니다.
따라서 데이터베이스와 상호 작용해야하므로 캐시를 사용할 수 없습니다.
따라서 get 요청은 요청 캐시에 적합합니다.
9. 비동기 콜백 지옥은 어떻게 해결합니까?
약속, 생성기, 비동기/대기
10. 그림 게으른 로딩 및 사전 로드?
사전 로드: 그림을 사전 로드합니다.
사용자가 이를 확인해야 할 때 직접 볼 수 있습니다.
로컬 캐시에서 렌더링합니다.
로드 지연: 로드 지연의 주요 목적
서버 프런트엔드의 최적화로서
요청 수량 또는 지연 요청 수량을 줄입니다.
두 기술의 정수:
그들의 행동은 반대입니다.
하나는 미리 로드하는 것입니다.
하나는 속도가 느리고, 심지어 로드되지 않았다는 것이다.
게으른 로드는 서버 프런트엔드에 어느 정도 영향을 미칩니다.
스트레스 해소 효과,
사전 로드는 서버 전면의 압력을 증가시킵니다.
1 1.bind, apply, call 의 차이점은 무엇입니까?
적용 및 호출을 통해 함수의 이 방향을 변경합니다.
이 두 함수의 첫 번째 매개 변수는 동일합니다.
가리키는 오브젝트를 변경할 것임을 나타냅니다.
두 번째 매개 변수인 apply 는 배열입니다.
그리고 호출의 형식은 arg 1, arg2 입니다 ...
Bind 를 통해 이 범위 변경
새 함수가 반환됩니다.
이 기능은 즉시 실행되지 않습니다.
12.js 한 번에 한 장의 사진을 로드하고 로드한 후 다음 그림을 로드하는 방법을 어떻게 제어합니까?
방법 1:
Varobj = newimage ();
Obj.src = "#/21.jpg";
Obj.onload=function(){
Document.getElementById("pic ")
。 InnnerHTML =
}
적재