aktueller Standort:Heim > Technische Artikel > Web-Frontend > js-Tutorial

  • Ein einfacher CSS-Drop-Cap
    Ein einfacher CSS-Drop-Cap
    Sie können den Drop-Cap-Effekt, den wir im neuen Blogs-Design verwenden, sowie das obere Erst-Line-Upper, das die meisten Browser anzeigen, nicht nicht bemerkt haben (außer Safari, aus Gründen, die ich in einem Moment erklären werde). Es gibt einige hackige Methoden für
    js-Tutorial 221 2025-03-06 01:23:09
  • Schreiben Sie die Inhalte eines Schichts mit JavaScript neu
    Schreiben Sie die Inhalte eines Schichts mit JavaScript neu
    Das Ändern von Webseiteninhalten ohne Serveranforderungen ist eine häufige Aufgabe für Webentwickler. Ebenen bieten eine einfache Lösung. Dieser Artikel zeigt eine wiederverwendbare JavaScript -Funktion zum Aktualisieren von Ebeneninhalten über wichtige Browser (
    js-Tutorial 729 2025-03-06 01:22:10
  • 10 Color Picker -Plugins
    10 Color Picker -Plugins
    Zehn fantastische JQuery -Farbauswahl -Plugins, sodass Ihre Website -Benutzer einfach die gewünschte Farbe auswählen können! Die meisten Plugins sind mit Tutorials ausgestattet und sind sehr einfach eingerichtet. Genießen Sie es! :) Ausgewählte Empfehlungen - Chromoselektor Demo -Dokument herunterladen JQuery Farbauswahl Quellcode Einfacher Farbauswahl Jpicker Quellcode Farbauswahl Quellcode ASP.NET -Farbauswahl Quellcode Drupal -Farbauswahl Quellcode Einfacher Farbauswahl Quellcode Farbtastic Farb Selector Quellcode Super einfacher Farbauswahl Quellcode Izzy Farbauswahl
    js-Tutorial 367 2025-03-06 01:21:12
  • Deck die Hallen mit unauffälligem JavaScript
    Deck die Hallen mit unauffälligem JavaScript
    Key Takeaways Das unauffällige JavaScript fördert eine saubere Trennung von Struktur (HTML), Präsentation (CSS) und Verhalten (JavaScript), wobei die Wartbarkeit und Skalierbarkeit von Webanwendungen verbessert werden. Scripting sollte idealerweise von HTML M getrennt werden
    js-Tutorial 287 2025-03-06 01:20:09
  • JQuery überprüfen, ob div bis zum Ende gescrollt wurde
    JQuery überprüfen, ob div bis zum Ende gescrollt wurde
    Dieser saubere JQuery -Code -Snippet wird verwendet, um festzustellen, ob der Benutzer am unteren Rand des DIV -Elements scrollt und ein Ereignis auslöst. Dies ist nützlich, um zu wissen, ob der Benutzer nach unten scrollt (Überlauf: Scrollen), um beispielsweise zu überprüfen, ob der Benutzer die Allgemeinen Geschäftsbedingungen im Registrierungsformular gelesen hat. $ (Dokument) .Ready (function () { $ ('div'). Bind ('Scroll', chk_scroll); }); Funktion chk_scroll (e) { var elem = $ (e.currentTarget);
    js-Tutorial 246 2025-03-06 01:19:08
  • So schreiben Sie eine Cookie-Less-Sitzungsbibliothek für JavaScript
    So schreiben Sie eine Cookie-Less-Sitzungsbibliothek für JavaScript
    Diese JavaScript -Bibliothek nutzt das Fenster.name -Eigenschaft, um Sitzungsdaten zu verwalten, ohne sich auf Cookies zu verlassen. Es bietet eine robuste Lösung zum Speichern und Abrufen von Sitzungsvariablen über Browser hinweg. Die Bibliothek bietet drei Kernmethoden: Sitzung
    js-Tutorial 916 2025-03-06 01:18:08
  • Wie man große Datenmengen in JavaScript verarbeitet
    Wie man große Datenmengen in JavaScript verarbeitet
    In früheren Artikeln haben wir JavaScript-Ausführungs- und Browserbeschränkungen sowie Möglichkeiten zur Auflösung von Warnungen mit Timer-basierten Pseudothreads untersucht, um „Skript nicht reagieren“ zu beheben. Heute werden wir nach Möglichkeiten suchen, um große Datenmengen im Browser zu verarbeiten. Vor einigen Jahren haben Entwickler nie Alternativen zur komplexen serverseitigen Verarbeitung betrachtet. Dieses Konzept hat sich geändert, und viele AJAX -Anwendungen senden große Datenmengen zwischen dem Client und dem Server. Darüber hinaus kann der Code das DOM aktualisieren, was ein besonders zeitaufwändiger Browserprozess ist. Der Versuch, diese Informationen sofort zu analysieren, kann die Anwendung nicht mehr reagieren und eine Skriptwarnung werfen. JavaScript -Timer können helfen, indem lange Datenanalyseprozesse in kürzere Blöcke unterteilt werden
    js-Tutorial 985 2025-03-06 01:16:08
  • Halten Sie sich an strenge CSS-Codierungsstandards im BBC-Stil?
    Halten Sie sich an strenge CSS-Codierungsstandards im BBC-Stil?
    Detaillierte Erklärung der strengen CSS -Codierungsspezifikationen von BBC In diesem Artikel werden die CSS-Codierungsspezifikationen der BBC erörtert, die in der Branche bekannt sind und die Best Practices, die Lesbarkeit ohne CSS/JS-Unterstützung und die Einhaltung der W3C-Standards betonen. Kernpunkte: Die CSS -Spezifikation der BBC konzentriert sich auf Best Practices und konzentriert sich auf die Code -Lesbarkeit, um sicherzustellen, dass CSS und JavaScript deaktiviert sind und die veröffentlichten W3C -Empfehlungen ausschließlich folgen. Zu den Spezifikationen gehören spezifische Regeln wie das Verbot der Verwendung von! Wichtiger, obligatorischer Seiten Hintergrundfarbe und Verwendung komprimierter externer Stylesheets. Inline -Stile sind verboten, und externe CSS -Dateien können nicht mit @import geladen werden, um potenzielle Browser zu vermeiden
    js-Tutorial 595 2025-03-06 01:15:09
  • 12 HILFFISCHE JQUY -Methoden, die Sie anwenden sollten
    12 HILFFISCHE JQUY -Methoden, die Sie anwenden sollten
    Datenbefugnis und Entfernung von DOM -Elementen Beginnen wir mit einigen Methoden, mit denen Sie Daten an angehängte Daten von jedem DOM -Element anhängen oder entfernen können. Verwenden Sie die Methode Data (). Die gleiche Methode kann auch zusätzliche Datenwerte abrufen, indem sie einfach die Daten () () -Methode übergeben, die in früheren Versionen von JQuery zu einem vollständigen Austausch aller Daten führte. Es verschmilzt jedoch die neuen Passdaten mit den vorhandenen Daten. Jeder Schlüsselname enthält Kleinbuchstaben nach Daten-* Aufrufe das Attribut des DOM-Elements. Das erste Mal, dass die entfernte methode () () aufgerufen wird Wenn Sie die vorherige Verwendung von WRA loswerden möchten
    js-Tutorial 518 2025-03-06 01:14:11
  • JQuery überprüfen, ob das Element die Klasse angehängt hat
    JQuery überprüfen, ob das Element die Klasse angehängt hat
    JQuery -Code -Snippet, um zu überprüfen, ob ein Webseitenelement eine bestimmte CSS -Klasse angehängt hat. Könnte verwendet werden, um zu überprüfen, ob das Element zusätzliche Formatierung benötigt oder ob Sie bestimmte Seitenelemente schützen möchten. Dazu können wir die jQuery HASClass () verwenden
    js-Tutorial 898 2025-03-06 01:13:11
  • Verwenden von SetTimeout, um einen JQuery -Timer zu erstellen
    Verwenden von SetTimeout, um einen JQuery -Timer zu erstellen
    Dieses Tutorial zeigt einen JQuery -Countdown -Timer, der jede Sekunde von 10 abnimmt. Dies wird erreicht, indem SetTimeout innerhalb der Timer -Funktion rekursiv aufgerufen wird. Unten ist der Code. JQuery Code JQuery (Dokument) .Ready (function () { lass zählen
    js-Tutorial 306 2025-03-06 01:11:10
  • So stoppen Sie die Spam -Ernte mit E -Mail -Verschleierung
    So stoppen Sie die Spam -Ernte mit E -Mail -Verschleierung
    Der Tag, an dem ich den „Mailto:“ -Link entdeckte, war herrlich. Ich könnte meine Adresse auf einer Webseite veröffentlichen und jeder könnte mir eine E -Mail mit einem einzigen Klick senden. Dies war in den unschuldigeren Tagen des Webs - bevor die Spam -Ernte übernahm. Verwenden Sie heute ein „Mailto:“
    js-Tutorial 616 2025-03-06 01:10:08
  • JQuery Strip Alle HTML -Tags aus einem Div
    JQuery Strip Alle HTML -Tags aus einem Div
    Verwenden Sie JQuery, um alle HTML -Tags in Div zu entfernen Das Folgende ist ein einfaches JQuery -Code -Snippet, wobei JQuerys Ersatz () -Funktion mithilfe von JQuery -Funktion alle HTML -Tags im DIV entfernen (d. H. Nur der Text im HTML -Tag wird beibehalten). Siehe auch Leerzeichen entfernen. var item_html = $ (this) .html (); item_html = item_html.replace (/]>/gi, ''); Einfachere Funktionen: jQuery.fn.Striptags = function () { Gibt dies zurück
    js-Tutorial 875 2025-03-06 01:09:09
  • Laden Sie den Inhalt des Box dynamisch mit AJAX
    Laden Sie den Inhalt des Box dynamisch mit AJAX
    Dieses Tutorial zeigt, dass dynamische Seitenfelder über AJAX geladen werden und sofortige Aktualisierung ohne vollständige Seiten -Nachladen ermöglicht werden. Es nutzt JQuery und JavaScript. Betrachten Sie es als einen benutzerdefinierten Content-Box-Loader im Facebook-Stil. Schlüsselkonzepte: Ajax und JQuery
    js-Tutorial 1013 2025-03-06 01:07:10
  • Animierung mit Deckkraft in JQuery Animate
    Animierung mit Deckkraft in JQuery Animate
    Key Takeaways Bei der Verwendung von jQuery.animate kann Internet Explorer zu Font -Rendering -Problemen führen. Um dies zu vermeiden, verwenden Sie die Deckkraft von JQuery („Show“ oder Opazität („ausblenden“) Verknüpfungseigenschaften oder setzen Sie die Filter -CSS
    js-Tutorial 982 2025-03-06 01:05:09

Werkzeugempfehlungen

Kontaktcode für das jQuery-Enterprise-Nachrichtenformular

Der Kontaktcode für das jQuery-Unternehmensnachrichtenformular ist ein einfacher und praktischer Unternehmensnachrichtenformular- und Kontaktcode für die Einführungsseite.

Wiedergabeeffekte für HTML5-MP3-Spieluhren

Der Spezialeffekt „HTML5 MP3-Musikbox-Wiedergabe“ ist ein MP3-Musikplayer, der auf HTML5+CSS3 basiert, um niedliche Musikbox-Emoticons zu erstellen und auf die Schaltfläche „Umschalten“ zu klicken.

HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte

Der Spezialeffekt „HTML5 Cool Particle Animation“ für das Navigationsmenü ist ein Spezialeffekt, der seine Farbe ändert, wenn die Maus über das Navigationsmenü bewegt wird.
Menünavigation
2024-02-29

Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare

Der Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare ist eine visuelle Form, die auf jQuery und dem Bootstrap-Framework basiert.

Webvorlage für Bio-Obst- und Gemüselieferanten Bootstrap5

Eine Webvorlage für Bio-Obst- und Gemüselieferanten – Bootstrap5
Bootstrap-Vorlage
2023-02-03

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus
Backend-Vorlage
2023-02-02

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5
Bootstrap-Vorlage
2023-02-02

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4
Bootstrap-Vorlage
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG material
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
Banner image
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-02-27

Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen

Die Website-Vorlage für Reinigungs- und Wartungsdienste für Heimdekoration ist ein Website-Vorlagen-Download, der sich für Werbewebsites eignet, die Heimdekorations-, Reinigungs-, Wartungs- und andere Dienstleistungsorganisationen anbieten. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-05-09

Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben

Die Vorlage „Fresh Color Matching“ für die Lebenslauf-Leitfadenseite für persönliche Bewerbungen ist eine persönliche Webvorlage zum Herunterladen von Lebensläufen für die Jobsuche, die für einen frischen Farbabstimmungsstil geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-29

Web-Vorlage für kreativen Job-Lebenslauf für Designer

Die Webvorlage „Designer Creative Job Resume“ ist eine herunterladbare Webvorlage für die Anzeige persönlicher Lebensläufe, die für verschiedene Designerpositionen geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28

Website-Vorlage eines modernen Ingenieurbauunternehmens

Die Website-Vorlage für moderne Ingenieur- und Bauunternehmen ist eine herunterladbare Website-Vorlage, die sich zur Förderung der Ingenieur- und Baudienstleistungsbranche eignet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28