JavaScript-Kern-Tutorial [DOM-Stücklistenoperationen, die JS kennen muss]

• Kapitel1 Kapitel eins
• 1-1 Einführung in Web-APIs
• 1-2 Die Beziehung zwischen den beiden Phasen der JS-Grundlagen und der Web-APIs
• 1-3 API und Web-API
• 1-4 Einführung in DOM
• 1-5 Einführung in DOM
• 1-6 getElementById ruft das Element ab
• 1-7 getElementsByTagName Ruft einen bestimmten Typ eines Tag-Elements ab
• 1-8 H5 fügt eine neue Möglichkeit zum Erhalten von Elementen hinzu
• 1-9 Holen Sie sich Body- und HTML-Elemente
• 1-10 Drei Elemente des Vorfalls
• Kapitel2 Kapitel Zwei
• 2-1 Ereignisprozess ausführen
• 2-2 Elemente manipulieren – Elementinhalt ändern
• 2-3 Der Unterschied zwischen innerText und innerHTML
• 2-4 Elemente manipulieren – Elementattribute ändern
• 2-5 Time-Sharing-Begrüßungsfall
• 2-6 Vorgangselement-Formulareigenschaften ändern
• 2-7 Beispiel für die Nachahmung von JD.com, um versteckte Passwörter im Klartext anzuzeigen (Teil 1)
• 2-8 Beispiel für die Nachahmung von JD.com, um versteckte Passwörter im Klartext anzuzeigen (Teil 2)
• 2-9 Elemente manipulieren – Stilattribute ändern
• 2-10 Fall einer Nachahmung des schließenden QR-Codes von Taobao
• Kapitel3 drittes Kapitel
• 3-1 Looping-Sprites
• 3-2 Verborgenen Textfeldinhalt anzeigen
• 3-3 Verwenden Sie className, um Stilattribute zu ändern
• 3-4 Informationen zur Passwortfeldüberprüfung
• 3-5 Zusammenfassung der betrieblichen Elemente und Aufgaben
• 3-6 Exklusiver Gedanke (Algorithmus)
• 3-7 Baidu-Hauterneuerungseffekt
• 3-8 Farbwechseleffekt von Tabellenzeilen
• 3-9 Formular „Alles auswählen“ – „Alles auswählen abbrechen“ (Teil 1)
• 3-10 Formular „Alles auswählen“ – „Alles auswählen abbrechen“ (Teil 2)
• Kapitel4 Kapitel Vier
• 4-1 Benutzerdefinierten Attributwert abrufen
• 4-2 Legen Sie fest, dass benutzerdefinierte Eigenschaften entfernt werden sollen
• 4-3 Analyse des Wechsellayouts der Tab-Leiste (wichtig)
• 4-4 Tab-Bar-Switching-Produktion (Teil 1)
• 4-5 Tab-Bar-Switching-Produktion (Teil 2)
• 4-6 Benutzerdefinierte H5-Attribute
• 4-7 Warum Knotenoperationen und Knoteneinführung lernen?
• 4-8 Der übergeordnete Knoten der Knotenoperation
• 4-9 Untergeordneter Knoten der Knotenoperation
• 4-10 Knotenoperation erstes untergeordnetes Element und letztes untergeordnetes Element
• Kapitel5 Kapitel fünf
• 5-1 Sina-Dropdown-Menü
• 5-2 Der Geschwisterknoten der Knotenoperation
• 5-3 Knotenoperationen: Knoten erstellen und hinzufügen
• 5-4 Einfache Version des Posting-Message-Falls
• 5-5 Knotenoperation – Knoten löschen
• 5-6 Nachrichtenfall löschen
• 5-7 Knotenoperation-Kopierknoten
• 5-8 Tabellen dynamisch generieren – Schülerdaten erstellen
• 5-9 Tabellen dynamisch generieren – Zeilen erstellen
• 5-10 Tabellen dynamisch generieren – Zellen erstellen
• Kapitel6 Kapitel sechs
• 6-1 Tabellen dynamisch generieren – Zellen mit Daten füllen
• 6-2 Tabellen dynamisch generieren – Zellen erstellen und löschen
• 6-3 Tabellen dynamisch generieren – Vorgänge hinzufügen und löschen
• 6-4 document.write erstellt Elemente
• 6-5 Vergleich der Effizienz zwischen innerHTML und createElement
• 6-6 DOM-Schlüsselkern
• 6-7 Erweiterter Leitfaden zu Veranstaltungen
• 6-8 Zwei Möglichkeiten, Ereignisse zu registrieren
• 6-9 attachmentEvent-Registrierungsereignis
• 6-10 Ereignis löschen
• Kapitel7 Kapitel VII
• 7-1 DOM-Ereignisflusstheorie
• 7-2 Überprüfung des DOM-Ereignisflusscodes
• 7-3 Was ist ein Ereignisobjekt?
• 7-4 Der Unterschied zwischen e.target und this
• 7-5 Standardverhalten blockieren
• 7-6 Verhindern Sie, dass Ereignisse übersprudeln
• 7-7 Veranstaltungsdelegation
• 7-8 Deaktivieren Sie die Textauswahl und das Rechtsklick-Menü
• 7-9 Holen Sie sich die Koordinaten der Maus auf der Seite
• 7-10 Engel folgt der Maus
• Kapitel8 Kapitel acht
• 8-1 Häufig verwendete Tastaturereignisse
• 8-2 keyCode bestimmt, welche Taste der Benutzer gedrückt hat
• 8-3 Fallstudie zur Simulation von JD-Schlüsseleingabeinhalten
• 8-4 Simulieren Sie die Abfrage der JD Express-Tracking-Nummer (Teil 1)
• 8-5 Simulieren Sie die Abfrage der Jingdong-Express-Tracking-Nummer (Teil 2)
• 8-6 Einführung in die Stückliste
• 8-7 Stücklistenübersicht
• 8-8 Seitenladeereignis
• 8-9 Fenstergrößenänderungsereignis
• 8-10 Timer setTimeout
• Kapitel9 Kapitel neun
• 9-1 Rückruffunktion und Anzeigen, die nach 5 Sekunden automatisch geschlossen werden
• 9-2 klarer Timer
• 9-3 Timer setInterval
• 9-4 Countdown-Effekt
• 9-5 klarer Timer
• 9-6 SMS-Fall senden
• 9-7 das weist auf das Problem hin
• 9-8 js synchron und asynchron
• 9-9 Synchroner Aufgaben- und asynchroner Aufgabenausführungsprozess
• 9-10 js-Ausführungsmechanismus
• Kapitel10 Kapitel Zehn
• 10-1 Allgemeine Eigenschaften von Standortobjekten
• 10-2 Nach 5 Sekunden zur Seite springen
• 10-3 URL-Parameter abrufen
• 10-4 Gängige Ortungsmethoden
• 10-5 Navigatorobjekt
• 10-6 Geschichtsobjekt
• 10-7 Lesen von Spezialeffekten auf einer PC-Webseite
• 10-8 offsetLeft und offsetTop ermitteln den Element-Offset
• 10-9 offsetWidth und offsetHeight ermitteln die Elementgröße
• 10-10 Der Unterschied zwischen Offset und Stil
• Kapitel11 Kapitel 11
• 11-1 Holen Sie sich die Koordinaten der Maus in der Box
• 11-2 Modalfeld ziehen (oben)
• 11-3 Modalfeld ziehen (Mitte)
• 11-4 Ziehen Sie das modale Feld (unten)
• 11-5 Erstellen einer Seitenstruktur, die den Lupeneffekt von Jingdong imitiert
• 11-6 Imitierter Jingdong-Lupeneffekt mit versteckter Okklusionsschicht und großem Kästchen
• 11-7 Nachahmung der Jingdong-Lupeneffekt-Okklusionsschicht folgt der Maus
• 11-8 Der Jingdong-Lupenimitationseffekt begrenzt den Bewegungsbereich der Okklusionsschicht
• 11-9 Nachahmung der Jingdong-Lupe mit großem Bildbewegungseffekt
• 11-10 Kundenserie
• Kapitel12 Kapitel 12
• 12-1 Funktion sofort ausführen
• 12-2 Die Grundprinzipien der Taobao flexibleJS-Quellcode-Analyse
• 12-3 Taobao flexibleJS-Quellcode-Analyse-Seitenshow-Ereignis
• 12-4 Scroll-Serie
• 12-5 Nachahmung der festen Seitenleiste von Taobao (Teil 1)
• 12-6 Nachahmung der festen Taobao-Seitenleiste (unten)
• 12-7 Zusammenfassung von drei großen Serien
• 12-8 Der Unterschied zwischen Mouseover und Mouseenter
• 12-9 Animationsprinzipien
• 12-10 Einfache Kapselung der Animationsfunktion
• Kapitel13 Kapitel 13
• 13-1 Animationsfunktion – verschiedene Timer für verschiedene Elemente aufzeichnen
• 13-2 Prinzip der Erleichterung der Animation
• 13-3 Grundlegende Code-Implementierung der Beschleunigungsanimation
• 13-4 Vereinfachte Animation zum Wechseln zwischen mehreren Zielwerten
• 13-5 Fügen Sie eine Rückruffunktion hinzu, um die Animation zu vereinfachen
• 13-6 Nutzung von Animationsfunktionen
• 13-7 Aufbau eines Webseiten-Karusselldiagramms mit Struktur
• 13-8 Webseitenkarussell – linke und rechte Schaltfläche ein- und ausblenden, wenn die Maus vorbeifährt
• 13-9 Webseitenkarussell-dynamisch generierte kleine Kreise
• 13-10 Webseitenkarussell – kleiner Kreis exklusiver Gedanke
• Kapitel14 Kapitel 14
• 14-1 Webseitenkarussell – klicken Sie auf den kleinen Kreis, um durch die Bilder zu scrollen
• 14-2 Webseitenkarussell – nahtloses Scrollen auf der rechten Schaltfläche
• 14-3 Webseitenkarussell – Klonen Sie das erste Bild
• 14-4 Der kleine Kreis des Webseitenkarussells ändert sich mit der Schaltfläche rechts
• 14-5 Webseitenkarussell – zwei kleine Fehlerlösungen
• 14-6 Webseiten-Karussell-Button-Funktion auf der linken Seite
• 14-7 Funktion zum automatischen Abspielen von Webseitenkarussells
• 14-8 Drosselventil- und Logik-Interrupt-Anwendung
• 14-9 Zurück nach oben mit Animation
• 14-10 Salto-Wolkenfall
• Kapitel15 Kapitel 15
• 15-1 Einführung in Spezialeffekte für mobile Websites
• 15-2 Mobile Touch-Veranstaltung
• 15-3 Mobile TouchEvent-Touch-Ereignisobjekt
• 15-4 Ziehen Sie Elemente auf Mobilgeräten
• 15-5 Aufbau einer Karussell-Kartenstruktur für mobile Terminals
• 15-6 Analyse des mobilen Karussell-Diagrammlayouts
• 15-7 Mobile Karussell-Scrolling-Bilder
• 15-8 Mobiles Karussell – nahtloses Scrollen
• 15-9 classList-Klassennamenoperation
• 15-10 Mobiles Karusselldiagramm – kleine Punkte folgen Änderungen
• Kapitel16 Kapitel 16
• 16-1 Karusselldiagramm auf dem mobilen Endgerät – Karusselldiagramm mit dem Finger ziehen
• 16-2 Mobiles Karussell – schieben Sie Ihren Finger, um das Karussell zum vorherigen und nächsten Bild zu bewegen
• 16-3 Mobiler Karussell-Image-Rebound-Effekt
• 16-4 Zurück zum AnfangVorlagenerstellung
• 16-5 Lösung für das 300-ms-Verzögerungsproblem von Klickereignissen auf mobilen Endgeräten
• 16-6 Verwendung des Fastclick-Plug-ins
• 16-7 Verwendung des Swioper-Plug-Ins – Einführung verwandter Dateien
• 16-8 Mobiles Karussellbild – gemäß Grammatikvorgaben verwendet
• 16-9 Änderung der Nutzungsparameter des Swiper-Plug-ins
• 16-10 Weitere mobile Plug-ins und Nutzungsübersicht
• Kapitel17 Kapitel 17
• 17-1 Verwendung des Video-Plugins zy.media.js
• 17-2 Bootstrap-Karussell
• 17-3 Alibaba Show Carousel Picture Production
• 17-4 Leitfaden zur lokalen Lagerung
• 17-5 Lokale SpeichersitzungStrage
• 17-6 lokaler Speicher localStorage
• 17-7 Denken Sie an die Groß-/Kleinschreibung des Benutzernamens