2018 최신 프론트 엔드 인터뷰 질문 하나

이번에는 2018년 최신 프론트엔드 면접 질문을 가져왔습니다. 면접은 프론트엔드 업무에 있어서 빼놓을 수 없는 부분이라는 것을 알고 있습니다. 자주 묻는 프론트엔드 면접 질문을 분류하고 요약한 목적은 여러분의 극복을 돕기 위한 것입니다. 프론트 엔드 인터뷰의 주요 어려움. , 살펴 보겠습니다.

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

1. 웹 페이지를 만들 때 워크플로를 설명할 수 있나요?

      콘텐츠 분석: 네트워크에 표시되는 콘텐츠의 계층 구조와 논리적 관계 구별

    구조 설계: 합리적인 html 구조 코드 작성

      레이아웃 디자인: 레이아웃에 html+css 사용

      스타일 디자인: 처음 사용 reset . css

상호 작용 디자인: 마우스 효과

동작 디자인: js 코드, Ajax 페이지 동작 및 서버에서 데이터 가져오기

호환성을 테스트하여 성능을 최적화합니다.

2. 5가지 스타일시트가 있는 경우 이를 웹사이트에 통합하는 가장 좋은 방법은 무엇입니까?                                                                                          #, 비공개 항목을 별도로 선택하세요. 그런 다음 패키지하고 압축하면 됩니다. 각 파일이 크면 모듈로 로드해야 합니다.

3. 점진적인 향상과 우아한 저하의 차이점을 설명할 수 있나요? >                    . 그런 다음 고급 브라우저에 대한 효과 및 상호 작용과 같은 기능을 개선하고 추가하여 더 나은 사용자 경험을 제공합니다. (모든 브라우저에서 지원하는 기본 기능부터 시작하여 점차적으로 최신 브라우저에서만 지원되는 기능을 추가하여 기본 브라우저에 무해한 추가 스타일과 기능을 페이지에 추가합니다. 브라우저가 이를 지원하면 자동으로 표시되고 작동합니다. )

                                                                                                                                       SK IN에서 적용할 단계로 이동합니다. (웹 사이트는 모든 최신 브라우저에서 잘 작동합니다. 사용자가 이전 브라우저를 사용하는 경우 코드는 제대로 작동하는지 확인합니다. IE 고유의 박스 모델

레이아웃 문제로 인해 다양한 버전의 IE 핵을 대상으로 하는 것이 우아한 다운그레이드를 실행했습니다. , 기능을 지원할 수 없는 브라우저에 대한 대안을 추가하여 이전 브라우저에서 완전히 실패하지 않고 어떤 형태로든 경험을 다운그레이드할 수 있습니다)

     차이점: 우아한 다운그레이드는 현상 유지에서 시작하여 사용자 공급을 줄이려는 노력에서 비롯됩니다. 경험을 바탕으로 점진적인 향상은 매우 기본적이고 기능적인 버전에서 시작하여 미래 환경의 요구 사항에 맞게 계속 확장됩니다.

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

관련 자료:

Jenkins+Node.js의 지속적인 통합

React 구성 요소 프로젝트 작성에 대한 실제 분석

위 내용은 2018 최신 프론트 엔드 인터뷰 질문 하나의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!