aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Anschließend Angular und die WordPress-API mit WP-API-Angular anschließen
    Anschließend Angular und die WordPress-API mit WP-API-Angular anschließen
    Dieses Tutorial zeigt die Verwendung der WP-API-Angular-Bibliothek, um Angular 2-Anwendungen mit der WordPress-REST-API zu verbinden. Die Bibliothek unterstützt wichtige WP -Ressourcen (Benutzer, Beiträge, Kommentare, Medien, Taxonomien). Wir werden Funktionen erstellen, die seine Leichtigkeit zeigen
    js-Tutorial 457 2025-02-15 09:29:11
  • ES6 in Aktion: Symbole und ihre Verwendung
    ES6 in Aktion: Symbole und ihre Verwendung
    ES2015 führt einige Sprachmerkmale ein, die Entwickler seit langem erwartet haben, aber auch einige wenig bekannte Merkmale, die wenig bekannt werden müssen, wie zum Beispiel das Symbol. Symbol ist ein neuer primitiver Datentyp, ein eindeutiges Tag, das garantiert nicht mit anderen Symbolen in Konflikt steht. In diesem Sinne können Sie sich Symbol als eine Art Uuid vorstellen (eine universelle eindeutige Kennung). Mal sehen, wie Symbol funktioniert und was wir damit machen können. Wichtige Punkte ES6 führt ein neues primitives Datentypsymbol ein, das ein eindeutiges Tag ist, das niemals mit anderen Symbolen in Konflikt steht, was es zu einer Zeichenfolge oder Ganzzahl als Klasse/Modulkonstante macht
    js-Tutorial 318 2025-02-15 09:27:13
  • Bootstrap UI -Bibliotheken für Angular, React und Vue.js
    Bootstrap UI -Bibliotheken für Angular, React und Vue.js
    In diesem Artikel werden mehrere UI-Bibliotheken im Bootstrap-Stil untersucht, die mit den beliebten JavaScript-Frameworks kompatibel sind: Angular, React und Vue.js, wodurch die Ästhetik und Funktionalität von einseitigen Anwendungen (SPAs) erheblich verbessert werden. Schlüsselvorteile: Thes
    CSS-Tutorial 937 2025-02-15 09:19:10
  • So fügen Sie Ihrer PWA mit Okta und Schablone Auth zu Auth zu
    So fügen Sie Ihrer PWA mit Okta und Schablone Auth zu Auth zu
    Progressive Web Apps (PWAS) revolutionieren die Webentwicklung und bieten eine Lösung für die Herausforderungen bei der Aufrechterhaltung konsistenter Updates in verschiedenen Entwicklungsteams und dem Dilemma der Auswahl zwischen Web- und Mobile -App -Entwicklung. PWAs Provid
    js-Tutorial 460 2025-02-15 09:18:12
  • Tipps zum JavaScript -Leistungsoptimierungsoptimierung: Ein Überblick
    Tipps zum JavaScript -Leistungsoptimierungsoptimierung: Ein Überblick
    In diesem Artikel wird viele Aspekte der Optimierung der JavaScript-Leistung im sich ständig ändernden JavaScript-Ökosystem untersucht. Wir werden dem Prinzip von "Tools, nicht Regeln" folgen und versuchen, zu viel JavaScript -Jargon zu vermeiden. Aufgrund des begrenzten Raums können alle Aspekte der JavaScript -Leistungsoptimierung nicht behandelt werden, lesen Sie unbedingt den Referenzlink und tauchen Sie selbst ein. Bevor wir uns mit den Details befassen, verstehen wir diese Frage zunächst aus einer makroarmeren Sicht: Was ist ein leistungsstarker JavaScript und wie passt sie zu einer breiteren Webleistung Metrik? Schlüsselpunkte JavaScript verbraucht viel Leistung und sollte mit Vorsicht verwendet werden. Stellen Sie sicher, dass Sie es am unteren Ende einstellen
    js-Tutorial 523 2025-02-15 09:17:11
  • 7 Performance-Tipps für jankfreie JavaScript-Animationen
    7 Performance-Tipps für jankfreie JavaScript-Animationen
    Schlüsselpunkte Vermeiden Sie für eine bessere Animationsleistung die Animation von CSS -Eigenschaften, die Posting- oder Zeichnungsvorgänge auslösen, und verwenden Sie Eigenschaften, die von modernen Browsern wie Transformation und Deckkraft optimiert wurden. Die animierten Elemente können mit der CSS-Willenseigenschaft in ihre eigenen Ebenen beworben werden. Dies sollte jedoch mit Vorsicht erfolgen, da es Speicher und Verwaltung erfordert. Ersetzen Sie SetTimeout/SetInterval durch RequestAnimationFrame, um das Verzögerungsrisiko zu verringern und glattere Animationen zu gewährleisten, da diese Methode den Animationscode zum besten Zeitpunkt für den Browser ausführt. Für html
    js-Tutorial 590 2025-02-15 09:13:12
  • Anpassen von Bootstrap JQuery -Plugins
    Anpassen von Bootstrap JQuery -Plugins
    Bootstrap bietet eine Fülle von vorgefertigten JQuery-Plugins, die einfach über Datenattribute integriert werden, um die Bedarf an manueller JavaScript-Codierung zu beseitigen. Die Anpassung dieser Plugins auf bestimmte Projektanforderungen erfordert jedoch häufig eine Anpassung. Diese Leitfaden -Demo
    CSS-Tutorial 871 2025-02-15 09:12:12
  • Authentifizierung mit Angular und Auth0
    Authentifizierung mit Angular und Auth0
    Dieses Tutorial zeigt, dass das Erstellen einer Angular Application ("Daily Deals") mit öffentlichen und privaten Angeboten aufgebaut ist und private Angebote nur über tokenbasierte Authentifizierung mit Auth0 zugänglich sind. Die eckige CLI rationalisiert
    js-Tutorial 215 2025-02-15 09:10:11
  • So verwenden Sie Medienabfragen in JavaScript mit MatchMedia
    So verwenden Sie Medienabfragen in JavaScript mit MatchMedia
    Kernpunkte Medienabfragen, die ursprünglich für das reaktionsschnelle Design in CSS verwendet wurden, können auch in JavaScript verwendet werden, um Inhalte oder Funktionen basierend auf den Geräteeigenschaften wie Bildschirmgröße, Auflösung und Orientierung anzupassen. Das Fenster.Matchmedia -API in JavaScript ermöglicht die Erkennung von CSS3 -Medienabfrage -Statusänderungen. Es gibt ein MediaqueryList -Objekt zurück, mit dem festgestellt werden kann, ob eine bestimmte Medienabfrage mit dem aktuellen Gerät übereinstimmt, und einen Ereignishörer als Antwort auf Änderungen hinzufügen. JavaScript -Medienabfragen werden in modernen Browsern weit verbreitet und bieten eine zuverlässige Möglichkeit, reaktionsschnelle Designs zu erstellen. Sie können mit CSS -Medienfragen kombiniert werden
    js-Tutorial 820 2025-02-15 09:08:11
  • Erstellen Sie eine Gesundheitsverfolgungs -App mit React, GraphQL und Benutzerauthentifizierung
    Erstellen Sie eine Gesundheitsverfolgungs -App mit React, GraphQL und Benutzerauthentifizierung
    Erstellen Sie eine sichere Reaktionsanwendung: Kombinieren Sie GraphQL, Typorm, Node.js und Okta In diesem Artikel wird Ihnen geführt, wie Sie eine sichere GraphQL -API unter Verwendung des Vesper -Frameworks, TypeOrm, MySQL und Node.js erstellen und einen Client erstellen, der mit React, ReactStrap und Apollo -Client mit ihm interagiert. Wir konzentrieren uns auf sichere Benutzerauthentifizierung und vereinfachen die Identitätsmanagement mit Okta. Dieser Artikel wurde ursprünglich im Okta Developer Blog veröffentlicht. Vielen Dank an die Partner, die SitePoint als möglich unterstützen. Wir werden eine Gesundheitsverfolgungs -App für die tägliche Gesundheit erstellen
    js-Tutorial 374 2025-02-15 09:07:11
  • Axios-Anfänger: Ein praktischer HTTP-Client, ein praktischer, verspracher HTTP-Client
    Axios-Anfänger: Ein praktischer HTTP-Client, ein praktischer, verspracher HTTP-Client
    Axios Schlüsselpunkte Axios ist ein beliebter HTTP-Client mit einer beliebten vielversprechenden HTTP mit einer benutzerfreundlichen API, die in Browsern und Node.js-Umgebungen verwendet werden kann. Es bietet ein vielseitiges Tool für JavaScript -Entwickler. Axios unterscheidet sich in mehrfacher Hinsicht von der integrierten Fetch-API, einschließlich der Behandlung von HTTP-Fehlercodes, der automatischen Einbeziehung von Cookies in Anforderungen und der Möglichkeit, Updates für Upload-/Download-Fortschritte bereitzustellen. Axios ermöglicht es Entwicklern, Ausgangs- oder Eingabedaten umzuwandeln und Abfangvorführungen hinzuzufügen, die ausgelöst werden, wenn eine Anforderung gestellt oder eine Antwort empfangen wird. Diese Funktionen dienen zum Verarbeiten von Daten und zur Verwaltung
    js-Tutorial 480 2025-02-15 09:06:13
  • Erstellen Sie eine JavaScript -Einzel -Seiten -App ohne Framework
    Erstellen Sie eine JavaScript -Einzel -Seiten -App ohne Framework
    Dieses Tutorial zeigt, dass das Erstellen einer einzelnen Seitenanwendung (SPA) von Grund auf neuer JavaScript erstellt wird, ohne sich auf ein Front-End-Framework zu verlassen. Dieser Ansatz bietet ein tieferes Verständnis der Spa -Architektur und der Interaktion zwischen Komponenten. Key Concep
    js-Tutorial 143 2025-02-15 09:05:11
  • Vorbereitung auf ECMascript 6: Neue Zahlenmethoden
    Vorbereitung auf ECMascript 6: Neue Zahlenmethoden
    Dieser Artikel umfasst neue und verbesserte Zahlenmethoden in ES6 (ECMASScript 6). Es ist Teil einer Reihe über die neuen Funktionen von ES6, in denen wir auch neue Methoden für die String- und Array -Datentypen erörtert haben, aber auch neue Arten von Daten wie
    js-Tutorial 490 2025-02-15 09:03:12
  • Verwenden von angularer ngmodules für wiederverwendbaren Code und mehr
    Verwenden von angularer ngmodules für wiederverwendbaren Code und mehr
    Angular ngmodules: Ein tiefes Eintauchen in die Anwendungsorganisation und faule Belastung Ngmodulen sind grundlegend für Winkel, strukturierende Anwendungen und Straffungskompilierung. Sie sind entscheidend für die Feature -Organisation, faule Laderouten und das Aufbau von RE
    js-Tutorial 625 2025-02-15 09:02:12
  • WebAssembly: Lösen von Leistungsproblemen im Web
    WebAssembly: Lösen von Leistungsproblemen im Web
    WebAssembly: Überbrückung der Leistungslücke WebAssembly (WASM) befasst sich mit den Leistungsbeschränkungen von JavaScript, indem sie Code direkt ausführt und nahezu native Geschwindigkeiten erreicht. Dieses Bytecode -Format, das aus Sprachen wie C oder Rost zusammengestellt wurde, wirkt als Modullast
    js-Tutorial 263 2025-02-15 09:01:11

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