바이두 테이크아웃의 기본 구조
엠앤렘의 역할
rem을 사용하여 여러 장치에 적응
js는 html의 글꼴 크기를 동적으로 수정합니다.
Baidu 테이크아웃 scss js 계산 렘
Baidu Takeaway_홈 페이지 레이아웃
두 번째 페이지 레이아웃
Sass 구문 보충
개발 효율성 향상을 위해 Sass 함수 믹스인 추가
스위퍼 준비 및 색상
상단 제목
1페이지_회전 목마 1페이지 레이아웃
1페이지_캐러셀 1페이지 파일 레이아웃
1페이지_회전 목마 2페이지 페이지 레이아웃
2페이지_레이아웃 효과
3페이지_레이아웃
4페이지_레이아웃
5페이지_레이아웃
6페이지_레이아웃
7페이지_레이아웃
홈페이지 애니메이션 효과
홈페이지 애니메이션 전환 완료
환영 페이지 애니메이션 효과 구현
테이크아웃 두 번째 페이지에 애니메이션 구현
테이크아웃 제목 영역 애니메이션
먼저 회전
회전 애니메이션 분석 및 흔들리는 애니메이션
홈페이지 애니메이션 완료
2페이지 애니메이션
열린 슬라이드 비활성화
Page 3t 브랜드 애니메이션
Page 3t 브랜드 브랜드 애니메이션
3페이지 복원 스타일&4 애니메이션&5 애니메이션
페이지 6 선물 애니메이션
6페이지 선물 애니메이션 처리
6페이지 선물 애니메이션 Sass 루프 구문
오디오 재생
animate.css의 기본 사용
바이두 테이크아웃
이 장에서는 HTML5를 사용하여 Baidu 테이크아웃 모바일 사이트의 프런트엔드 제작 손글씨 개발 과정을 안내합니다.
