프론트엔드와 백엔드 분리 노하우 포인트 실무설명 - 블루베리파이 뮤직 커뮤니티 프로젝트

코스소개

클라이언트 서버

인터넷 도메인 이름

xampp 설치

xamppstart

php 파일 생성

PHP 데이터 유형_문자열

PHP 배열

로그인

정적 데이터 로그인 시뮬레이션

데이터베이스 생성

PHP는 데이터베이스에 연결

검토

데이터베이스 작업문

데이터베이스 쿼리문

양식 양식 기본 로그인

로그인 아이디어의 Ajax 구현

jquery_ajax는 로그인을 구현합니다.

로그인 렌더링 데이터

숙제 아이디어

프런트엔드 및 백엔드 상호 작용

작업

아약스 소개

아약스의 장점과 단점

아약스 구현 원리

아약스 요청 단계

아약스 요청 상태 코드

Ajax 요청이 매개변수를 보냅니다.

Ajax 요청 전송 매개변수_post

ajax 요청 http 요청 프로토콜 요청 헤더-응답 헤더 소개

동기식 비동기식

ajax는 로컬 json 데이터를 얻습니다.

Ajax 로컬 데이터 구문 분석

작업 요구 사항

과제 1

과제 2

ajax는 xml 데이터를 가져와서 파싱합니다.

xml과 json의 차이점

jsonView 설치

jquery의 아약스

데이터를 얻기 위한 간단한 캡슐화

네이티브 아약스 패키징 아이디어

아약스 패키지

아약스

크로스 도메인이란 무엇입니까?

도메인 간 데모

도메인 간 솔루션 - 프록시

jsonp 크로스 도메인의 구현 원리

jquery용 도메인 간 jsonp

작업

JD Q&A

cors 공유-교차 도메인

프로젝트 준비

스와이프 캐러셀 차트 소개

스와이프 시차 효과

캐러셀 설정 - 자동 재생

홈페이지 캐러셀 동적 데이터

무브먼트 레이아웃

움직임 획득 데이터

이동 인터페이스 - 음악 재생 레이아웃

js 제어 오디오 무선 주파수 재생 아이디어

Node.js는 오디오 재생 상태를 제어합니다.

총 기간

기사 및 노래에 대한 데이터 가져오기

기사 단락 레이아웃

기사-동적 데이터-문단 분석

로그인 레이아웃

로그인 인터페이스 구현

탭 전환

타사 플러그인

Pagination-js-홈 페이지-이전 페이지

페이지 번호 표시

페이지 매김-다음 페이지-마지막 페이지

페이지 매김 바인딩 이벤트

블루베리 파이 레이아웃

자체 쓰기 페이징 가져오기 데이터

페이지 매김 플러그인-데이터 가져오기

모바일 단말기 소개

모바일 장치 크기

뷰포트 크기

모바일 레이아웃-rem-em-px 차이

rem - html 루트 요소의 크기를 동적으로 수정합니다.

rem 레이아웃 구현

모바일 단말기 컷 레이아웃

폭스바겐 레이아웃

마펭워 레이아웃

Mafengwo 데이터 가져오기

더 많은 데이터를 로드하려면 클릭하세요.

더 많은 데이터를 자동으로 로드하려면 아래로 당기세요.

swiper-grid 레이아웃 뷰포트는 여러 개의 swiper-sl을 표시합니다.

스와이프 애니메이션 애니메이션을 사용하는 단계

Yi Qixiu-마이크로 장면의 온라인 제작

스와이프 애니메이션 마이크로 장면

검토

젭토 소개

zepto의 기본 사용법

빠른클릭

js 차트 도구

차트의 기본 사용법

차트 제목 프롬프트 상자

시리즈-전설

x-y 축 구성

막대 스타일 수정

폴리라인 스타일

폴리선-부드러운 채우기

동적으로 설정된 데이터

작업

파이 차트

지도 색상 수정

HTML5 저장

쿠키 기능

로컬 쿠키 설정

쿠키 중국어 트랜스코딩 - 직접 액세스