Erstellen|Entdecken Sie unbegrenzte kreative Möglichkeiten
kreativer Zweck
Dies ist eine Website, die die Kreativität aller zusammenbringt. Hier können wir die harte Arbeit der Studenten sehen, die am Web-Frontend-Entwicklungskurs teilgenommen haben, ihr Wachstum sehen, ihre Liebe sehen und ihre unendliche Kreativität sehen! Obwohl diese Ausstellungsseite so einfach ist, sind die Studentenseiten so reichhaltig und kreativ, ich hoffe, dass sie Ihnen gefallen werden!
strukturelle Funktion
- Arbeit einreichen
- Alle Werke anzeigen, einschließlich der Detailseite anzeigen
- Zeigen Sie die Rangliste der Werke an und liken Sie die Werke
- Sammeln Sie Ihre Lieblingswerke
technische Details
- Durch die Überwachung der Browserfenstergröße wird das Bannerbild der Startseite immer im Vollbildmodus angezeigt
- Ändern Sie die Navigationsleiste, indem Sie die Bildlaufposition überwachen
- Layout: Traditionelle Layoutmethode von Position + Float, einschließlich einiger Tricks wie Anzeige: Inline-Block und Clear Float.
- Das Symbol verwendet Iconfont
- Der Stil -webkit-scrollbar ändert die Bildlaufleiste, um die Webseite schöner zu machen
- Verwenden Sie Pseudoklassen, um einige Effekte auf die Rangliste zu erzielen
- An den Rändern der Karte wurden einige gleitende Farbeffekte vorgenommen
- Realisierte die Vorlage für die gesamte Site-Seite, erhielt den Vorlageninhalt über Ajax und renderte ihn auf der Seite.
- Verwenden Sie den Standort, um die aktuellen URL-Parameter abzurufen, sodass verschiedene Seiten unterschiedliche Vorlagen und einige spezifische Effekte verwenden können. Dieser Effekt kann mit nur einer Funktion erreicht werden, und der Parameter ist der Vorlagenname.
- Verwenden Sie js, um die Anzeigeattribute einiger Effekte zu steuern und bestimmte Effekte in meiner Favoritenspalte zu erzielen
- Senden Sie die Seite, indem Sie sich in „submit.php“ einschleichen (mit Bootstrap, um den Stileffekt des Formulars zu erzielen), sie an die Datenbank senden, sie dann aus getdata.php abrufen und einen JSON-String generieren.
- Wenn die Website Daten abruft, wird die Ajax-Synchronisationsmethode verwendet, um die JSON-Zeichenfolge von getdata.php abzurufen. Gleichzeitig werden beim Ausschleifen der JSON-Zeichenfolge rekursive Aufrufe verwendet, um einige durch die Verwendung von Ajax verursachte asynchrone Probleme zu lösen.
- Verwenden Sie Sessionstorage, um abgerufene Daten zu speichern
- Auf der Ranking-Seite wurde eine Sortierfunktion nach Sternwert implementiert
- Betten Sie Platzhalter in Vorlagen ein, um abgerufene Daten an der richtigen Stelle zu platzieren
- Für die Detailseite wird eine Funktion verwendet, um die URL-Parameter abzurufen, sodass verschiedene Konten unterschiedliche Detailseiten anzeigen können.
