Explication pratique des points de connaissances sur la séparation front-end et back-end - Projet communautaire musical Blueberry Pi

Introduction au cours

serveur client

Nom de domaine Internet

Installer xampp

xamppstart

création de fichier php

type_string de données php

tableau php

Se connecter

Simuler la connexion aux données statiques

Création de base de données

php se connecter à la base de données

revoir

Déclarations d'opération de base de données

Instruction de requête de base de données

formulaire formulaire de connexion par défaut

Implémentation Ajax des idées de connexion

jquery_ajax implémente la connexion

Données de rendu de connexion

Idées de devoirs

Interaction front-end et back-end

Opération

Introduction à l'ajax

avantages et inconvénients d'ajax

principe de mise en œuvre ajax

étapes de la requête ajax

code d'état de la demande ajax

la requête ajax envoie paramètres_get

demande ajax envoyer paramètres_post

requête ajax requête http protocole requête en-tête-réponse introduction de l'en-tête

Synchrone Asynchrone

ajax obtient des données json locales

ajax analyse les données locales

Exigences de travail

Devoir 1

Devoir 2

ajax récupère les données XML et les analyse

La différence entre XML et JSON

Installer jsonView

jquery的ajax

Encapsulation simple pour obtenir des données

Idées d'emballage ajax natif

paquet ajax

ajax

Qu'est-ce que le cross-domaine

Démo inter-domaines

Solution inter-domaines - proxy

Le principe de mise en œuvre de jsonp cross-domain

Jsonp inter-domaines pour jquery

Opération

Questions et réponses sur JD

cors partage-cross-domaine

Préparation du projet

graphique-introduction du carrousel swiper

effet swiper-parallaxe

Paramètres du carrousel – lecture automatique

Données dynamiques du carrousel de la page d'accueil

Disposition du mouvement

Données d'acquisition de mouvement

Interface de mouvement : disposition de la lecture de musique

js contrôle les idées de lecture de fréquence radio audio

js contrôle l'état de la lecture audio

durée totale

Obtenez des données sur les articles et les chansons

Disposition du paragraphe de l'article

Analyse de paragraphe de données dynamique d'article

Disposition de connexion

Implémentation de l'interface de connexion

changement d'onglet

Plugins tiers

Pagination-js-Page d'accueil-Page précédente

Afficher le numéro de page

Pagination-page suivante-dernière page

Événements de liaison de pagination

Disposition Pi aux bleuets

Auto-écriture-pagination-obtention de données

Plug-in de pagination-obtenir des données

Terminal mobile-Introduction

Dimensions de l'unité mobile

taille de la fenêtre

Différence de disposition mobile-rem-em-px

rem - modifie dynamiquement la taille de l'élément racine HTML

rem mise en page-implémentation

Disposition découpée du terminal mobile

disposition VW

Disposition Mafengwo

Obtenir des données sur Mafengwo

Cliquez pour charger plus de données

Déroulez pour charger automatiquement plus de données

swiper-grid layout-viewport affiche plusieurs swiper-sl

Étapes pour utiliser l'animation animée par swiper

Yi Qixiu-Production en ligne de micro-scènes

scène swiper-anime-micro

revoir

introduction à Zepto

Utilisation de base de zepto

clic rapide

outil de graphique js

Utilisation de base des graphiques

boîte d'invite de titre des graphiques

légende de la série

configuration de l'axe x-y

Modifier le style de la barre

style de polyligne

Polyligne-Smooth-Fill

Données définies dynamiquement

Opération

diagramme circulaire

Modifier la couleur de la carte

Stockage HTML5

Fonctionnalités des cookies

Définir des cookies locaux

Cookie chinois transcodage-accès direct