Renren JavaScript 인터뷰 질문은 advance_javascript 기술로 구현 가능

자바스크립트 면접 질문 요건: 다음 질문은 1번부터 4번까지 3가지 질문을 선택하고 네이티브 코드를 사용하여 구현해야 합니다.
다섯 번째 질문은 선택 사항입니다.

1. 페이지의 고정된 영역에 사진 표시

1. 오른쪽 화살표를 클릭할 때마다 사진 영역이 왼쪽으로 스크롤됩니다.
2. 그림이 끝까지 스크롤된 경우 해당 화살표를 클릭할 수 없게 됩니다.
3. 그림은 마우스 휠 방향에 따라 스크롤됩니다.

2. js, html 및 css를 사용하여 팝업 프롬프트 컨트롤을 구현합니다.
1 . 각각 시스템과 유사한 경고, 확인 및 프롬프트 대화 상자를 구현합니다. 2. 대화 상자의 크기는 프롬프트 내용에 따라 조정되며(최소 너비와 높이가 있음) 가로로 나타납니다.
3. 대화 상자를 드래그할 수 있습니다.
4. 이벤트는 시스템 대화 상자의 이벤트를 시뮬레이션합니다(예: 경고 대화 상자, 확인 버튼 클릭). 대화 상자가 사라짐)
5. 선택 컨트롤에 의해 차단되는 문제 해결



셋, 입력 상자 자동 일치 실현
1. 입력창에 입력된 문자를 일치시키고, 일치하는 내용을 입력창 아래 메뉴 형태로 표시합니다. 2. 영문자만 일치하며, 일치하는 내용은 메뉴에서 굵게 표시됩니다. >3. 키보드의 위쪽 및 아래쪽 화살표를 통해 메뉴를 선택하고 Enter를 누른 다음 선택한 내용을 입력 상자에 쓸 수 있습니다.



4. 페이지

1. 이 컨트롤은 페이지의 모든 요소에 바인딩될 수 있으며 페이지 요소를 클릭하면 나타납니다. 2. 페이지 위치에 따라 예: 3. 첫 번째 수준 메뉴의 요소를 마우스로 이동한 후 해당 위치에 두 번째 수준 메뉴가 나타납니다.
레벨 메뉴에서 이벤트 응답을 트리거합니다



5. WYSIWYG 편집기 구현(선택 사항)

다음 기능을 제공해야 합니다.
1. 글꼴을 굵게 2. 텍스트를 왼쪽, 오른쪽으로 정렬합니다. 4. 글꼴 색상을 설정합니다. >6. 하이퍼링크 삽입
7. 사진 삽입


답변