집 > 기사 > 웹 프론트엔드 > 2018년 최신 프론트엔드 면접 질문 4가지

2018년 최신 프론트엔드 면접 질문 4가지

php中世界最好的语言원래의: 2018-03-07 13:53:162765검색

이번에는 2018년 최신 프론트엔드 면접 질문을 가져왔습니다. 입사 전 면접 단계는 필수라는 사실을 잘 알고 있습니다. 이번에는 여러분에게 도움이 될 일반적인 프론트엔드 면접 질문을 정리하고 정리했습니다. 프론트 엔드 인터뷰는 큰 어려움입니다. 살펴보겠습니다.

[관련 추천 : 프런트엔드 면접 질문 (2020)]

1. FOUC(플래시 없는 콘텐츠)란? FOUC를 어떻게 피합니까? T 가져오기 방법을 사용하여 CSS를 가져오는 경우 Windows의 Internet Explorer의 일부 페이지에서 이상한 현상이 발생할 수 있습니다. 페이지의 페이지 콘텐츠에 대한 즉각적인 플래시가 유효하지 않습니다. ), FOUC라고 합니다.

그 이유는 대략 다음과 같습니다.

1. 스타일 시트를 가져오기 위해 import 메소드를 사용합니다.放 2, 페이지 하단에 스타일 테이블 배치

3, HTML 구조의 서로 다른 위치에 배치된 여러 스타일 테이블이 있습니다. + 원칙은 매우 명확합니다. 스타일 시트가 구조적 HTML보다 나중에 로드되면 이 스타일 시트가 로드되면 페이지는 이전 렌더링을 중지합니다. 이 스타일 시트를 다운로드하고 구문 분석한 후 페이지가 다시 렌더링되어 잠시 화면이 흐려지는 현상이 발생합니다.

해결 방법: LINK 태그를 사용하여 문서 헤드에 스타일 테이블을 배치합니다.

2. ARIA와 스크린 리더가 무엇인지, 웹사이트에 접근 가능하게 만드는 방법을 설명해주세요.

ARIA는 사용자의 다양한 요구 사항을 충족하는 솔루션을 웹 앱에 제공합니다. 사용자와 소프트웨어 사이에 다리를 구축하세요. 5 새로운 HTML5 표준에는 Aria-* 레이블 속성이 추가되었으며 전체 이름은 Accessible Rich Internet Application입니다. 역할 태그 속성과 함께 사용됩니다.

역할 속성은 비표준 태그의 실제 역할을 나타냅니다. 예를 들어 div를 버튼으로 사용하는 경우 div의 role="button"을 설정하면 보조 도구가 실제로 버튼임을 인식할 수 있습니다. aria-*의 기능은 시각적 상황에서 이 태그의 특정 정보를 설명하는 것입니다.

           < div role=”checkbox” aria-checked=”checked”>

‐ 이 div가 실제로 재생 역할을 한다는 것을 알기 위한 보조 도구 선택된 상태의 체크박스.

3. CSS 애니메이션과 JavaScript 애니메이션의 장점과 단점을 설명해 주세요.

1. CSS3 애니메이션은 Ie10 이상과만 호환되고, js 애니메이션은 거의 모든 브라우저와 호환됩니다.

2.js 애니메이션은 더 유연하고, CSS3 애니메이션은 더 간단합니다.

3.js 애니메이션은 재사용성이 높습니다.

4 . 시간 규모에서 CSS 애니메이션의 세분성은 상대적으로 거칠고 js 애니메이션은 더 정제될 수 있습니다.

5. 프레임 속도가 낮은 브라우저의 CSS 애니메이션은 적절하게 저하될 수 있으며 js 코드는 추가로 작성해야 합니다. code

6. 특정 조건에서는 CSS 애니메이션 애니메이션 성능이 JS 애니메이션보다 낫습니다. (웹킷 코어가 있는 브라우저의 경우 js는 레이아웃 및 다시 그리기를 유발하지 않고 비용이 많이 드는 작업을 수행합니다.)

7. css3에는 (animationENd 및 TransitionEnd)

4. CORS(Cross-Origin Resource Sharing)란 무엇입니까? 어떤 문제를 해결하는 데 사용됩니까?

ajax 도메인 간 요청을 사용할 때 브라우저에서 오류를 보고합니다. 엔지니어링 작업이 너무 많이 필요하므로 비교적 간단하고 효율적인 기술인 CORS를 사용합니다. JOSP에 비해 CORS가 더 효율적입니다. JSONP는 원칙상 GET 요청만 구현할 수 있는 반면 CORS는 모든 유형의 HTTP 요청을 지원합니다. CORS를 사용하면 일반 Ajax를 사용하여 크로스 도메인을 달성할 수 있습니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!