이번에는 2018년 최신 프론트엔드 면접 질문을 가져왔습니다. 우리는 인터뷰가 프론트엔드 작업에 있어서 없어서는 안 될 부분이라는 것을 알고 있습니다. 이 분류와 일반적인 프론트엔드 면접 질문 요약의 목적은 여러분이 다음을 얻을 수 있도록 돕는 것입니다. 프론트 엔드 인터뷰의 큰 어려움을 겪습니다. 살펴보겠습니다.
[관련 추천 : 프론트 면접 질문 (2020)]
1. 페이지 로딩 시간을 줄이는 방법 3가지를 알려주세요. (로딩 시간은 인지된 시간 또는 실제 로딩 시간을 나타냄) 2. Js/css 파일을 병합하고 압축합니다.
4.5. 사용 CDN을 사용하면 액세스 속도와 안정성이 보장되어 필요한 리소스를 근처에서 얻을 수 있습니다. 6. 외부 JS 및 CSS를 맨 아래에 배치합니다. 7. 반복이 필요한 일부 DOM을 최소화합니다.
2. 의사 요소와 그 용도를 설명하세요.
의사 클래스는 DOM 트리에 존재하지 않고 일반 선택기로 쉽게 찾을 수 없는 정보를 선택하는 데 사용됩니다.hover :active :focus :link
:before ::after의사 요소는 HTML
semantic에 도움이 되는 비텍스트적이고 장식적인 것을 표현하는 데 사용됩니다.
3. 그렇다면 어떤 기술이 어디에 사용됩니까?
Taobao의 유연한 lib 라이브러리;
4. 절대 위치
대신에translate()를 사용해야 하는 이유는 무엇입니까? 왜?애니메이션 측면에서 변환을 사용하면 GPU가 계산에 참여할 수 있으므로 FPS가 더 높아질 수 있습니다. 절대의 최소 애니메이션 단위는 1px이며 애니메이션을 더 부드럽게 만들기 위해 변환이 더 작을 수 있습니다. 다른 관점에서 절대는 필수입니다. 상대적인 부모 상자입니다. 5. 코드를 어떻게 구성하나요? 모듈 패턴을 사용해야 할까요, 아니면 클래식 상속 방법을 사용해야 할까요? (바이두 이후의 답변입니다)
내부: 모듈 모드;
6. function foo() {}와 var foo = function() {} 사용법의 차이점을 설명하세요
1. 함수 선언에는 함수 이름이 있어야 합니다. 2. 어디에서나 호출할 수 있습니다. 즉, 변수 승격이 있습니다
함수 표현식 앞과 뒤의 두 이름은 같을 수도 있고 다를 수도 있습니다. 함수 표현식 뒤는 생략 가능합니다.5 . 표현식 뒤의 이름은 함수 내에서만 사용할 수 있습니다. 6. 함수는 선언된 후에만 호출할 수 있습니다.
7. JSONP가 어떻게 작동하는지, 왜 그런지 설명해주세요. 진짜 Ajax가 아닙니다.
json은 데이터 형식이고, jsonp는 데이터 호출 방법입니다.
< script src="http://www.example.net/api?param1=1¶m2=2"> ) 2. 데이터를 수신하기 위한 콜백 함수
를 제공합니다. 제3자가 생성한 데이터는 콜백({"name":"hax","gender":"Male" 형식)의 json 데이터 패키지입니다. }) 콜백 함수는 URL 매개변수를 통해 callback=fn3을 전달할 수 있습니다. 이렇게 하면 브라우저가 콜백 함수를 호출하고 구문 분석된 json 객체를 매개변수로 전달합니다. 이 웹사이트의 스크립트는 콜백 함수에서 들어오는 데이터를 처리할 수 있습니다. ajax의 핵심은 다음을 통해 서버 정보를 얻는 것입니다. 더 흥미로운 방법을 알아보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
관련 읽기:
2018년 최신 프론트엔드 면접 질문 4개
2018년 최신 프론트엔드 인터뷰 질문 3개
위 내용은 2018년 최신 프론트엔드 면접 질문 5개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!