Vue 실행 – 나만의 테이크아웃 시스템 만들기

• 장1 제1장
• 1-1 프로젝트 기능 시연
• 1-2 프로젝트 개발 준비
• 1-3 프로젝트 생성 및 실행
• 1-4 자원 준비
• 1-5 프로젝트 소스 코드 디렉토리 디자인
• 1-6 스타일러스 사용
• 1-7 구성 요소 코딩
• 1-8 vue-router 소개
• 1-9 FooterGuide 구성 요소
• 1-10 각 내비게이션 라우팅 구성요소(정적)
• 장2 2장
• 2-1 HeaderTop 구성 요소
• 2-2 스와이프를 사용하여 상품 분류 목록 캐러셀 구현
• 2-3 ShopList 구성요소(정적)
• 2-4 로그인 구성 요소(정적)
• 2-5 백그라운드 애플리케이션을 시작하고 인터페이스를 테스트합니다.
• 2-6 Ajax 요청 기능 캡슐화
• 2-7 인터페이스 요청 기능 캡슐화
• 2-8 프로젝트 버전 관리에 git 사용
• 2-9 검토
• 2-10 도메인 간 Ajax 요청을 구현하도록 프록시 구성
• 장3 세 번째 장
• 3-1 vuex의 전체 구조 만들기
• 3-2 vuex를 사용하여 홈페이지 데이터 관리
• 3-3 현재 주소를 비동기적으로 표시
• 3-4 음식 카테고리 캐러셀 목록을 비동기식으로 표시
• 3-5 캐러셀 버그를 해결하려면 watch 및 $nextTick을 사용하세요.
• 3-6 판매자 목록을 비동기식으로 표시
• 3-7 svg를 사용하여 로딩 프롬프트 인터페이스 표시
• 3-8 스타 구성 요소
• 3-9 등록 및 로그인 기능 시연 안내
• 3-10 로그인 인터페이스 효과 1_로그인 방법 전환
• 장4 4장
• 4-1 로그인 인터페이스 효과 2_휴대폰번호 확인
• 4-2 로그인 인터페이스 효과 3_카운트다운 효과
• 4-3 로그인 인터페이스 효과 4_비밀번호 표시 및 숨기기 전환
• 4-4 로그인 인터페이스 효과 5_프런트 데스크 표현 검증
• 4-5 검토
• 4-6 동적 일회성 그래픽 인증 코드
• 4-7 인터페이스 요청 기능 정의
• 4-8 로그인_SMS 인증코드 보내기
• 4-9 로그인_로그인 요청 완료
• 4-10 로그인_vuex에 사용자 정보 저장
• 장5 5장
• 5-1 로그인 후 개인 센터 인터페이스 업데이트
• 5-2 점프 경로를 업데이트하려면 로그인하세요.
• 5-3 자동 로그인
• 5-4 로그아웃
• 5-5 전반적인 판매자 인터페이스 구축
• 5-6 JSON 이해
• 5-7 JSON 데이터 디자인
• 5-8 mockjs를 사용하여 인터페이스 데이터 시뮬레이션
• 5-9 Ajax 요청 mockjs 시뮬레이션 인터페이스
• 5-10 ShopHeader 구성 요소
• 장6 6장
• 6-1 검토
• 6-2 상품 데이터를 비동기적으로 표시
• 6-3 슬라이딩 효과 분석
• 6-4 리바운드 슬라이딩을 구현하려면 더 나은 스크롤을 사용하십시오.
• 6-5 수집스크롤Y
• 6-6 상의 수집
• 6-7 현재 카테고리를 업데이트하려면 오른쪽 목록을 슬라이드하세요.
• 6-8 현재 카테고리를 업데이트하지 않는 관성 슬라이딩 버그 해결
• 6-9 카테고리 항목을 클릭하면 오른쪽 목록이 슬라이드됩니다.
• 6-10 CartControl 구성 요소 1
• 장7 제7장
• 7-1 CartControl 구성 요소 2
• 7-2 식품성분 1
• 7-3 식품성분 2
• 7-4 ShopCart 구성 요소 1
• 7-5 ShopCart 구성 요소 2
• 7-6 쇼핑 품목 목록 표시
• 7-7 목록 표시 버그 3개 해결
• 7-8 검토
• 7-9 장바구니 애니메이션
• 7-10 장바구니 목록 슬라이딩
• 장8 8장
• 8-1 장바구니 지우기
• 8-2 ShopRatingsComponent1
• 8-3 ShopRatings 구성요소 2
• 8-4 ShopInfo 구성 요소 1
• 8-5 ShopInfo 구성 요소 2
• 8-6 ShopInfo 구성 요소 3
• 8-7 검색 구성 요소
• 8-8 캐시 경로 구성 요소 개체
• 8-9 라우팅 구성요소의 지연 로딩
• 8-10 이미지의 지연 로딩 vue-lazyload
• 8-11 순간을 사용하여 날짜 필터 구현
• 8-12 압축 파일 분석 및 최적화