aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Debuggen von CSS für die Reaktionsfähigkeit der Benutzeroberfläche
    Debuggen von CSS für die Reaktionsfähigkeit der Benutzeroberfläche
    Dieser Artikel wird aus dem von Tiffany Brown geschriebenen Buch "The Master of CSS" abgezogen. Das Buch ist in wichtigen Buchhandlungen auf der ganzen Welt erhältlich und Sie können die E-Book-Version hier auch kaufen. CSS Bestimmte Eigenschaften und Werte auslösen den Reflow, der teuer ist und die Reaktionsgeschwindigkeit der Benutzeroberfläche reduzieren kann Ausrüstung. Was ist die Umlagerung? {.Titel} Die Umlagerung bezieht sich auf alle Aktionen, die einen Teil oder das gesamte Layout der Seite ändert. Ändern Sie beispielsweise die Größe eines Elements oder aktualisieren Sie seine linke Position. Sie veranlassen den Browser, die Höhe, Breite und Position anderer Elemente im Dokument neu zu berechnen. Das Repaint ähnelt dem Neulackieren und zwingen den Browser zum Repaint.
    CSS-Tutorial . chrome 697 2025-02-18 13:13:14
  • Vivaldi 1.0 Release: Ihr neuer Standardbrowser?
    Vivaldi 1.0 Release: Ihr neuer Standardbrowser?
    Vivaldi 1.0: Ein Hauch frischer Luft in der Browserwelt Ein neuer Browser -Start ist kein alltägliches Ereignis. Der Markt hat eine Dürre erheblicher Neueinsteiger gesehen, aber Vivaldi 1.0 ist für Windows, Mac und Linux zur Verfügung gestellt. Schlüsselmerkmale: Entwickeln
    IT Industrie . chrome 1005 2025-02-18 13:12:10
  • Erstellen von Formularen mit dem Webix -Framework
    Erstellen von Formularen mit dem Webix -Framework
    Dieser Artikel wurde Peer von Simon Codrington und Mallory Van Achterberg überprüft. Vielen Dank an alle Peer -Rezensenten von SitePoint, die SitePoint -Inhalte so gut wie möglich gemacht haben! Als Webdesigner besteht die Möglichkeit, dass Sie Webformen auf einem FAI erstellen müssen
    js-Tutorial . chrome 522 2025-02-18 12:50:14
  • HTML5 -Video und Audio: Das Markup - SitePoint
    HTML5 -Video und Audio: Das Markup - SitePoint
    Detaillierte Erläuterung von HTML5 -Video- und Audio -Tags: Erstellen eines reaktionsschnellen Videoplayers Dieser Artikel stammt aus dem Buch "HTML5 & CSS3 für die Real World, 2. Ausgabe", die von Alexis Goldstein, Louis Lazaris und Estelle Weyl mitautorisiert wurde. Dieses Buch ist in wichtigen Buchhandlungen auf der ganzen Welt erhältlich und Sie können die E-Book-Version hier auch kaufen. Kernpunkte Die Video- und Audio-Tags von HTML5 ermöglichen eingebettete Video- und Audioelemente direkt im HTML-Code, ohne dass externe Plug-Ins oder Spieler erforderlich sind. HTML5 -Video- und Audio -Tags enthalten mehrere Attribute, um das Verhalten dieser Elemente zu steuern, wie z. B. Autoplay
    CSS-Tutorial . chrome 189 2025-02-18 12:49:11
  • So schreiben Sie Atompakete mit Vanille JavaScript
    So schreiben Sie Atompakete mit Vanille JavaScript
    Dieser Artikel wurde von Vildan Softic überprüft. Vielen Dank an alle Peer -Rezensenten von SitePoint, die SitePoint -Inhalte so gut wie möglich gemacht haben! Atom ist ein moderner Kern -Hackable -Editor. Das ist großartig, aber für Entwickler, die Kaffee nicht fließend spalten
    js-Tutorial . chrome 795 2025-02-18 12:43:10
  • Erstellen Sie plattformübergreifende Desktop-Knoten-Apps mit Elektronen
    Erstellen Sie plattformübergreifende Desktop-Knoten-Apps mit Elektronen
    Key Takeaways Electron, ein von GitHub entwickeltes Tool, ermöglicht es Entwicklern, plattformübergreifende Desktop-Apps mithilfe von JavaScript- und Web-Technologien zu erstellen. Es bietet eine stabilere und sichere Lösung als frühere Optionen wie Flash, Air, Java und Silve
    js-Tutorial . chrome 919 2025-02-18 12:26:10
  • Erste Schritte mit Dienstangestellten
    Erste Schritte mit Dienstangestellten
    Servicearbeiter: Offline -Web -Apps und darüber hinaus In diesem Artikel werden Dienstangestellte, Hintergrundskripte untersucht, die Funktionen wie Push -Benachrichtigungen und Offline -Funktionen ermöglichen, indem Netzwerkanforderungen abfangen. Wir werden Registrierung, Caching, Aktualisierung abdecken,
    js-Tutorial . chrome 354 2025-02-18 12:24:13
  • Progressive Web -Apps: Überbrückung der Lücke zwischen Web und Mobilgeräte
    Progressive Web -Apps: Überbrückung der Lücke zwischen Web und Mobilgeräte
    Progressive Web Apps (PWAS): Überbrückung der Lücke zwischen Websites und mobilen Apps Wichtige Vorteile: PWAs bieten eine überzeugende Alternative zu herkömmlichen Websites und nativen mobilen Apps. Sie liefern Offline -Funktionalität, schnelle Updates und umgehen die App
    IT Industrie . chrome 376 2025-02-18 12:23:11
  • Erstellen Sie einen Echtzeit-Video-Chat-Raum mit Webrtc & Twilio
    Erstellen Sie einen Echtzeit-Video-Chat-Raum mit Webrtc & Twilio
    Dieser Artikel profitierte von der Peer Review von Wern Ancheta und Tim Severien. Vielen Dank an die Peer -Rezensenten von SitePoint für die Verbesserung unserer Inhalte! Aufbauend auf meinem vorherigen Artikel "The Dawn of Webrtc", der eine einfache Fotokabine demonstrierte, t, T.
    js-Tutorial . chrome 395 2025-02-18 12:20:09
  • Speichern der Bandbreite mit der Datensparung von Chroms
    Speichern der Bandbreite mit der Datensparung von Chroms
    Die Datenspeicherfunktion von Chrom: Reduziert mobile Datenverbrauch erheblich Kernpunkte: Die Dateneinsparungsfunktion von Chrome reduziert die Verwendung von Mobilfunkdaten erheblich, indem die Bilder und andere Elemente automatisch komprimiert, schrumpfen und konvertiert werden, wodurch die Bandbreite gespeichert wird. Das Arbeitsprinzip der Datensparenfunktion besteht darin, den Netzwerkverkehr von Chrome über Google von Googles Servern anstelle von Benutzern zu übertragen und den angeforderten Inhalt des Servers über HTTP/2 anstelle von HTTP zu optimieren, wodurch die Anzahl der Rundreisen zwischen Server und Cache zukünftige Ressourcen verringert wird. Für sofortige Laden. Es ist einfach, Daten zu ermöglichen, die sowohl von mobilen als auch von Desktop-Versionen von Chrome gespeichert werden. Dadurch wird die Gesamtseitengröße um 30-40% verringert, ohne die Geschwindigkeit zu verlangsamen.
    IT Industrie . chrome 679 2025-02-18 11:52:09
  • Einbetten der virtuellen Realität im Internet mit VR -Ansichten
    Einbetten der virtuellen Realität im Internet mit VR -Ansichten
    Key Takeaways Die Entwicklung von virtuellen Realitätserfahrungen für das Web fährt schnell voran, wobei die eingebettbaren VR -Ansichten von Google eine jüngste Ergänzung sind. Mit VR -Ansichten können Entwickler 360 -Grad -Virtual -Reality -Bilder und -Videos in die Website einbetten
    js-Tutorial . chrome 589 2025-02-18 11:46:10
  • Erstellen eines 3D -Motors mit JavaScript
    Erstellen eines 3D -Motors mit JavaScript
    Dieser Artikel wurde Peer von Tim Severien und Simon Codrington überprüft. Vielen Dank an alle Peer -Rezensenten von SitePoint, die SitePoint -Inhalte so gut wie möglich gemacht haben! Das Anzeigen von Bildern und anderen flachen Formen auf Webseiten ist ziemlich einfach. Aber wenn es c
    js-Tutorial . chrome 454 2025-02-18 11:45:10
  • Erstellen Sie eine Chrome-Erweiterung von Text-to-Speech-Chrom
    Erstellen Sie eine Chrome-Erweiterung von Text-to-Speech-Chrom
    Kernpunkte In diesem Artikel wird erläutert, wie Sie eine Chrome-Browser-Erweiterung (TTS) erstellen, bei der die API der HTML5-Voice-Synthese oder die API von Drittanbietern verwendet wird, um hervorgehobene Text- oder Zwischenablementinhalte in Sprache umzuwandeln. Chrome -Erweiterungen enthalten normalerweise Manifestdateien (Metadatendateien), Bilder (z. B. Erweiterungssymbole), HTML -Dateien, JavaScript -Dateien und andere Ressourcen (z. B. Stilblätter). Die TTS -Erweiterung wartet darauf, dass der Benutzer auf sein Symbol klickt oder einen bestimmten Hotkey (Shift Y) drückt, und konvertiert dann den hervorgehobenen Text- oder Zwischenablettungsinhalt in die Sprache. Der Code für die Erweiterung enthält Hintergrundskripte und Inhaltskripte, Berechtigungen zum Zugriff auf aktive Tags und Benutzer -Clipboards auf
    js-Tutorial . chrome 848 2025-02-18 11:30:16
  • Verwenden der SoundCloud -API mit dem JavaScript SDK
    Verwenden der SoundCloud -API mit dem JavaScript SDK
    Key Takeaways Mit der SoundCloud -API können Entwickler auf fast alle Daten zugreifen, die sie benötigen. Die API ist eine Sammlung von URLs, die Zugriff auf Daten von SoundCloud-Servern ermöglichen, während das SDK (Software Development Kit) eine vorgeschriebene Bibliothek für Quer ist
    js-Tutorial . chrome 396 2025-02-18 11:20:10
  • So implementieren Sie ein reibungsloses Scrollen in Vanille JavaScript
    So implementieren Sie ein reibungsloses Scrollen in Vanille JavaScript
    Kernpunkte Verwenden Sie die Jump.js -Bibliothek, um native JavaScript -Smooth Scrolling zu implementieren und die Bildlaufanimation ohne externe Abhängigkeiten zu vereinfachen. Ändern Sie sprung.js ursprünglicher Code, um ihn von ES6 in ES5 zu konvertieren, um eine größere Kompatibilität mit verschiedenen Browsern zu gewährleisten. Verwenden Sie die RequestArationFrame -Methode, um reibungslose Animationsaktualisierungen durchzuführen, die Leistung zu optimieren und ein reibungsloseres Benutzererlebnis zu bieten. Implementieren Sie benutzerdefiniertes JavaScript, um das Standardverhalten des Standard-In-Page-Verknüpfung abzufangen, und ersetzen Sie plötzliche Sprünge durch reibungslose Scrolling-Animationen. Integrieren
    js-Tutorial . chrome 535 2025-02-18 10:49: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