Einführung in Web-APIs

Die Beziehung zwischen den beiden Phasen der JS-Grundlagen und der Web-APIs

API und Web-API

Einführung in DOM

Einführung in DOM

getElementById ruft das Element ab

getElementsByTagName Ruft einen bestimmten Typ eines Tag-Elements ab

H5 fügt eine neue Möglichkeit zum Erhalten von Elementen hinzu

Holen Sie sich Body- und HTML-Elemente

Drei Elemente des Vorfalls

Ereignisprozess ausführen

Elemente manipulieren – Elementinhalt ändern

Der Unterschied zwischen innerText und innerHTML

Elemente manipulieren – Elementattribute ändern

Time-Sharing-Begrüßungsfall

Vorgangselement-Formulareigenschaften ändern

Beispiel für die Nachahmung von JD.com, um versteckte Passwörter im Klartext anzuzeigen (Teil 1)

Beispiel für die Nachahmung von JD.com, um versteckte Passwörter im Klartext anzuzeigen (Teil 2)

Elemente manipulieren – Stilattribute ändern

Fall einer Nachahmung des schließenden QR-Codes von Taobao

Looping-Sprites

Verborgenen Textfeldinhalt anzeigen

Verwenden Sie className, um Stilattribute zu ändern

Informationen zur Passwortfeldüberprüfung

Zusammenfassung der betrieblichen Elemente und Aufgaben

Exklusiver Gedanke (Algorithmus)

Baidu-Hauterneuerungseffekt

Farbwechseleffekt von Tabellenzeilen

Formular „Alles auswählen“ – „Alles auswählen abbrechen“ (Teil 1)

Formular „Alles auswählen“ – „Alles auswählen abbrechen“ (Teil 2)

Benutzerdefinierten Attributwert abrufen

Legen Sie fest, dass benutzerdefinierte Eigenschaften entfernt werden sollen

Analyse des Wechsellayouts der Tab-Leiste (wichtig)

Tab-Bar-Switching-Produktion (Teil 1)

Tab-Bar-Switching-Produktion (Teil 2)

Benutzerdefinierte H5-Attribute

Warum Knotenoperationen und Knoteneinführung lernen?

Der übergeordnete Knoten der Knotenoperation

Untergeordneter Knoten der Knotenoperation

Knotenoperation erstes untergeordnetes Element und letztes untergeordnetes Element

Sina-Dropdown-Menü

Der Geschwisterknoten der Knotenoperation

Knotenoperationen: Knoten erstellen und hinzufügen

Einfache Version des Posting-Message-Falls

Knotenoperation – Knoten löschen

Nachrichtenfall löschen

Knotenoperation-Kopierknoten

Tabellen dynamisch generieren – Schülerdaten erstellen

Tabellen dynamisch generieren – Zeilen erstellen

Tabellen dynamisch generieren – Zellen erstellen

Tabellen dynamisch generieren – Zellen mit Daten füllen

Tabellen dynamisch generieren – Zellen erstellen und löschen

Tabellen dynamisch generieren – Vorgänge hinzufügen und löschen

document.write erstellt Elemente

Vergleich der Effizienz zwischen innerHTML und createElement

DOM-Schlüsselkern

Erweiterter Leitfaden zu Veranstaltungen

Zwei Möglichkeiten, Ereignisse zu registrieren

attachmentEvent-Registrierungsereignis

Ereignis löschen

DOM-Ereignisflusstheorie

Überprüfung des DOM-Ereignisflusscodes

Was ist ein Ereignisobjekt?

Der Unterschied zwischen e.target und this

Standardverhalten blockieren

Verhindern Sie, dass Ereignisse übersprudeln

Veranstaltungsdelegation

Deaktivieren Sie die Textauswahl und das Rechtsklick-Menü

Holen Sie sich die Koordinaten der Maus auf der Seite

Engel folgt der Maus

Häufig verwendete Tastaturereignisse

keyCode bestimmt, welche Taste der Benutzer gedrückt hat

Fallstudie zur Simulation von JD-Schlüsseleingabeinhalten

Simulieren Sie die Abfrage der JD Express-Tracking-Nummer (Teil 1)

Simulieren Sie die Abfrage der Jingdong-Express-Tracking-Nummer (Teil 2)

Einführung in die Stückliste

Stücklistenübersicht

Seitenladeereignis

Fenstergrößenänderungsereignis

Timer setTimeout

Rückruffunktion und Anzeigen, die nach 5 Sekunden automatisch geschlossen werden

klarer Timer

Timer setInterval

Countdown-Effekt

klarer Timer

SMS-Fall senden

das weist auf das Problem hin

js synchron und asynchron

Synchroner Aufgaben- und asynchroner Aufgabenausführungsprozess

js-Ausführungsmechanismus

Allgemeine Eigenschaften von Standortobjekten

Nach 5 Sekunden zur Seite springen

URL-Parameter abrufen

Gängige Ortungsmethoden

Navigatorobjekt

Geschichtsobjekt

Lesen von Spezialeffekten auf einer PC-Webseite

offsetLeft und offsetTop ermitteln den Element-Offset

offsetWidth und offsetHeight ermitteln die Elementgröße

Der Unterschied zwischen Offset und Stil

Holen Sie sich die Koordinaten der Maus in der Box

Modalfeld ziehen (oben)

Modalfeld ziehen (Mitte)

Ziehen Sie das modale Feld (unten)

Erstellen einer Seitenstruktur, die den Lupeneffekt von Jingdong imitiert

Imitierter Jingdong-Lupeneffekt mit versteckter Okklusionsschicht und großem Kästchen

Nachahmung der Jingdong-Lupeneffekt-Okklusionsschicht folgt der Maus

Der Jingdong-Lupenimitationseffekt begrenzt den Bewegungsbereich der Okklusionsschicht

Nachahmung der Jingdong-Lupe mit großem Bildbewegungseffekt

Kundenserie

Funktion sofort ausführen

Die Grundprinzipien der Taobao flexibleJS-Quellcode-Analyse

Taobao flexibleJS-Quellcode-Analyse-Seitenshow-Ereignis

Scroll-Serie

Nachahmung der festen Seitenleiste von Taobao (Teil 1)

Nachahmung der festen Taobao-Seitenleiste (unten)

Zusammenfassung von drei großen Serien

Der Unterschied zwischen Mouseover und Mouseenter

Animationsprinzipien

Einfache Kapselung der Animationsfunktion

Animationsfunktion – verschiedene Timer für verschiedene Elemente aufzeichnen

Prinzip der Erleichterung der Animation

Grundlegende Code-Implementierung der Beschleunigungsanimation

Vereinfachte Animation zum Wechseln zwischen mehreren Zielwerten

Fügen Sie eine Rückruffunktion hinzu, um die Animation zu vereinfachen

Nutzung von Animationsfunktionen

Aufbau eines Webseiten-Karusselldiagramms mit Struktur

Webseitenkarussell – linke und rechte Schaltfläche ein- und ausblenden, wenn die Maus vorbeifährt

Webseitenkarussell-dynamisch generierte kleine Kreise

Webseitenkarussell – kleiner Kreis exklusiver Gedanke

Webseitenkarussell – klicken Sie auf den kleinen Kreis, um durch die Bilder zu scrollen

Webseitenkarussell – nahtloses Scrollen auf der rechten Schaltfläche

Webseitenkarussell – Klonen Sie das erste Bild

Der kleine Kreis des Webseitenkarussells ändert sich mit der Schaltfläche rechts

Webseitenkarussell – zwei kleine Fehlerlösungen

Webseiten-Karussell-Button-Funktion auf der linken Seite

Funktion zum automatischen Abspielen von Webseitenkarussells

Drosselventil- und Logik-Interrupt-Anwendung

Zurück nach oben mit Animation

Salto-Wolkenfall

Einführung in Spezialeffekte für mobile Websites

Mobile Touch-Veranstaltung

Mobile TouchEvent-Touch-Ereignisobjekt

Ziehen Sie Elemente auf Mobilgeräten

Aufbau einer Karussell-Kartenstruktur für mobile Terminals

Analyse des mobilen Karussell-Diagrammlayouts

Mobile Karussell-Scrolling-Bilder

Mobiles Karussell – nahtloses Scrollen

classList-Klassennamenoperation

Mobiles Karusselldiagramm – kleine Punkte folgen Änderungen

Karusselldiagramm auf dem mobilen Endgerät – Karusselldiagramm mit dem Finger ziehen

Mobiles Karussell – schieben Sie Ihren Finger, um das Karussell zum vorherigen und nächsten Bild zu bewegen

Mobiler Karussell-Image-Rebound-Effekt

Zurück zum AnfangVorlagenerstellung

Lösung für das 300-ms-Verzögerungsproblem von Klickereignissen auf mobilen Endgeräten

Verwendung des Fastclick-Plug-ins

Verwendung des Swioper-Plug-Ins – Einführung verwandter Dateien

Mobiles Karussellbild – gemäß Grammatikvorgaben verwendet

Änderung der Nutzungsparameter des Swiper-Plug-ins

Weitere mobile Plug-ins und Nutzungsübersicht

Verwendung des Video-Plugins zy.media.js

Bootstrap-Karussell

Alibaba Show Carousel Picture Production

Leitfaden zur lokalen Lagerung

Lokale SpeichersitzungStrage

lokaler Speicher localStorage

Denken Sie an die Groß-/Kleinschreibung des Benutzernamens