aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Eine inhaltsschwankende Komponente erstellt 3 Wege: JQuery, JS, CSS
    Eine inhaltsschwankende Komponente erstellt 3 Wege: JQuery, JS, CSS
    Schlüsselergebnisse: In diesem Artikel werden drei Ansätze zum Erstellen einer inhaltsschwachen Komponente untersucht: JQuery, Vanilla JavaScript und CSS-Nur. Jede Methode bietet Kompromisse bei der einfachen Implementierung, der Browserkompatibilität und zur Code-Effizienz. JQ
    js-Tutorial 496 2025-02-20 12:53:10
  • ATOZ CSS Schneller Tipp: So verwenden Sie Unicode -Zeichen
    ATOZ CSS Schneller Tipp: So verwenden Sie Unicode -Zeichen
    In dieser ATOZ CSS -Serie -Rate werden Unicode -Zeichen und deren CSS -Anwendungen untersucht. Erfahren Sie, wie Sie Symbole und Symbole nahtlos in Ihre Webdesigns integrieren. Ein vollständiges Transkript und Screencast stehen für ein tieferes Verständnis zur Verfügung. Unicode ch
    CSS-Tutorial 1046 2025-02-20 12:49:10
  • Teilen Sie Bilder mit einem Pinterest-Aufruf zu Action
    Teilen Sie Bilder mit einem Pinterest-Aufruf zu Action
    Dieser Artikel zeigt, wie ein Pinterest-Aufruf zu Bildern hinzugefügt wird, der nur auf Schwebeplätzen angezeigt wird, um das Engagement der sozialen Medien zu steigern. Es betont ein sauberes, benutzerfreundliches Design und vermeidet unnötige Abhängigkeiten. Schlüsselvorteile: Erhöhen Sie die Pinterest -Aktien
    js-Tutorial 307 2025-02-20 12:46:10
  • Bauen Sie ein Echtzeit-SignalR-Dashboard mit AngularJs auf
    Bauen Sie ein Echtzeit-SignalR-Dashboard mit AngularJs auf
    Erstellen Sie ein Echtzeit-Service-Überwachungspanel! In unserem Serviceüberwachungsbereich werden echte Daten in Echtzeit angezeigt. Es wird uns zeigen, was auf Servern und Microservices auf nahezu Echtzeit, asynchroner, nicht blockierter Weise passiert. Klicken Sie hier, um das vollständige Client -Beispiel anzuzeigen. Sehen Sie sich Visualisierung mit D3.JS an und erläutern Sie Ihre Daten in JavaScript! Sehen Sie sich diesen Kurs an. Sehen Sie sich diesen Kurs an. Präsentieren Sie die Serverdemonstration hier. Wir werden das AngularJS-Framework und viele coole Echtzeit-Diagramme und viele Echtzeitdaten verwenden, um eine vereinfachte Version dieses Überwachungsbereichs zu erstellen. Wir werden unsere Dienste auch mit der SignalR- und Web -API -Bibliothek von .NET 4.5 erstellen. Schlüsselpunkte Nutzen Sie AngularJs und s
    js-Tutorial 893 2025-02-20 12:45:11
  • Nehmen Sie Ihre Cordova -App mit Onsen UI weiter
    Nehmen Sie Ihre Cordova -App mit Onsen UI weiter
    Dieses Tutorial baut auf dem ersten Teil auf, in dem wir die Benutzeroberfläche für eine Anmeldungs- und Anmeldeseite über die Onsen-UI erstellt haben. Jetzt werden wir Funktionen mit AngularJS und Firebase als Backend hinzufügen. Der vollständige Quellcode ist auf GitHub verfügbar.
    js-Tutorial 468 2025-02-20 12:42:09
  • Ist Onsen UI die Antwort auf die Cordova UI -Entwicklung?
    Ist Onsen UI die Antwort auf die Cordova UI -Entwicklung?
    Onsen UI: Ein JavaScript/CSS -Framework für die Entwicklung mobiler Apps Onsen UI ist ein leistungsstarkes JavaScript- und CSS-Framework zum Erstellen von plattformübergreifenden mobilen Apps mithilfe von HTML5, PhoneGap und Cordova. Der Fokus auf native Leistung, Benutzererfahrung, RE
    js-Tutorial 789 2025-02-20 12:41:08
  • Neue Tools für plattformübergreifende Entwicklung & Sencha extjs5
    Neue Tools für plattformübergreifende Entwicklung & Sencha extjs5
    Sencha Extjs 5: Ein modernes JavaScript -UI -Framework für Web- und Hybrid -Apps Sencha Extjs 5 stellt einen signifikanten Fortschritt in JavaScript UI -Frameworks dar und bietet moderne Verbesserungen für das Aufbau von Web- und Hybridanwendungen. Diese Veröffentlichung rationalisiert
    js-Tutorial 314 2025-02-20 12:40:11
  • So erstellen Sie eine Trello -Chrome -Erweiterung - API -Authentifizierung
    So erstellen Sie eine Trello -Chrome -Erweiterung - API -Authentifizierung
    Bei SitePoint verwenden wir Trello ausgiebig. Sicher, es hat seine Macken und könnte in verschiedenen Bereichen ein oder zwei Verbesserungen verwenden, aber größtenteils hat es die kollaborative Erfahrung nicht nur der Mitarbeiter, sondern auch der Autoren und ihrer Redakteure revolutioniert. ICH
    js-Tutorial 329 2025-02-20 12:36:11
  • Erste Schritte mit Slack Bots
    Erste Schritte mit Slack Bots
    Slack ist ein beliebtes Instrument, um eine bessere Kommunikation zwischen Teammitgliedern zu fördern. Es verfügt über eine Reihe hilfreicher Funktionen und Dienste, einschließlich Integrationen von Drittanbietern und Unterstützung von Webhook. Slack Webhooks können lustig und nützlich sein, und sie sind leicht zu s.
    js-Tutorial 1040 2025-02-20 12:30:12
  • Verspottete Abhängigkeiten in AngularJS -Tests
    Verspottete Abhängigkeiten in AngularJS -Tests
    Kernpunkte AngularJS wird unter Berücksichtigung von Tests geboren, und sein eingebauter Abhängigkeitsinjektionsmechanismus ermöglicht es, dass jede Komponente mit einem JavaScript-Test-Framework (wie Jasmine) getestet wird. Das Verspotten bei Unit -Tests beinhaltet die Fähigkeit, Testcode -Ausschnitte zu isolieren, was eine Herausforderung sein kann, da die Abhängigkeiten aus verschiedenen Quellen stammen. Das Verspotten in AngularJs wird durch das Angular-Mocks-Modul vereinfacht, das Simulationen für eine Reihe häufig verwendeter AngularJS-Dienste liefert. Die Servicesimulation in AngularJs kann erreicht werden, indem Instanzen von tatsächlichen Diensten erfasst und Dienste anhören oder $ angeboten werden, um Simulationsdienste zu implementieren.
    js-Tutorial 418 2025-02-20 12:28:16
  • ATOZ CSS Schneller Tipp: Text rechtfertigen und Flexbox verwenden
    ATOZ CSS Schneller Tipp: Text rechtfertigen und Flexbox verwenden
    Dieser Artikel ist Teil der ATOZ CSS -Serie. Hier finden Sie andere Einträge für die Serie. In den Vollbildungsaufzeichnungen und Anweisungen zur Textausrichtung finden Sie hier. Willkommen in unserer Atoz CSS -Serie! In dieser Serie werde ich verschiedene CSS -Werte (und Eigenschaften) untersuchen, die mit verschiedenen Buchstaben im Alphabet beginnen. Wir wissen, dass manchmal die Bildschirmaufzeichnung nicht ausreicht. In diesem Artikel habe ich einen neuen Tipp/einen neuen Kurs zur Textausrichtung hinzugefügt. J steht für Textausrichtung Es gibt nichts mehr über die Textausrichtung zu sagen. In diesem Artikel werden wir in die Welt der Flexbox ein Umweg aufnehmen und nach Möglichkeiten suchen, um Inhalte auszurichten. In der Bildschirmaufzeichnung von J -Buchstaben diskutieren wir Text
    CSS-Tutorial 170 2025-02-20 12:26:12
  • Aufbau eines Pacman -Spiels mit Bacon.js
    Aufbau eines Pacman -Spiels mit Bacon.js
    Das asynchrone Programmierfunktion von JavaScript ist sowohl ein Segen als auch ein Fluch, weil es zu "Callback -Hölle" führen wird. Während Versorgungsbibliotheken wie async.js organisieren können, ist es immer noch schwierig, Steuerflüsse effektiv zu verfolgen und die Logik des asynchronen Codes zu schließen. In diesem Artikel wird das Konzept der reaktionsschnellen Programmierung vorgestellt, das Bibliotheken wie Bacon.js verwendet, um die asynchronen Merkmale von JavaScript zu bewältigen. Schlüsselpunkte Responsive Programming behandelt asynchrone Datenflüsse, wodurch die asynchronen Funktionen von JavaScript verwaltet und "Callback -Hölle" vermieden werden. Bibliothek wie Bacon.js kann verwendet werden, um dieses Konzept zu implementieren. Bacon.js ist eine reaktionsschnelle Programmierbibliothek, mit der Pac Man Games erstellt werden kann
    js-Tutorial 459 2025-02-20 12:19:13
  • Verwenden von ReformenJs in AngularJS -Anwendungen
    Verwenden von ReformenJs in AngularJS -Anwendungen
    Kernpunkte RequiredJS ist eine JavaScript -Bibliothek, die JavaScript -Abhängigkeiten das Laden vereinfacht und die Wartbarkeit der Codebasis verbessert. In großen Projekten ist es besonders nützlich, da die Verfolgung von Abhängigkeiten in großen Projekten eine Herausforderung sein kann. Das Abhängigkeitsinjektionssystem von Angular und das Abhängigkeitsmanagement von FordernJS hat unterschiedliche Funktionen. AngularJS behandelt die erforderlichen Objekte in der Komponente, während RequestJS Module oder JavaScript -Dateien behandelt. AngularJS -Komponenten können als Anforderungsmodule definiert werden und manuell gestartet werden, da die erforderlichen Skriptdateien asynchron geladen werden müssen.
    js-Tutorial 504 2025-02-20 12:14:14
  • Eine Einführung in Snap.svg
    Eine Einführung in Snap.svg
    Key Takeaways Snap.svg ist eine leistungsstarke und flexible Bibliothek, die speziell für die Arbeit mit skalierbaren Vektorgrafiken (SVG) entwickelt wurde und Funktionen wie Maskierung, Ausschnitt, Muster, Gradienten und mehr bietet. SNAP.SVG ermöglicht es Entwicklern, animieren und m
    js-Tutorial 687 2025-02-20 12:13:19
  • Verbesserung der Schriftleistung durch Untersatz und lokaler Speicher
    Verbesserung der Schriftleistung durch Untersatz und lokaler Speicher
    Schlüsselpunkte Schriftart von Schriftart: Entfernen Sie nicht verwendete Zeichen in Web -Schriftarten, reduzieren Sie die Dateigröße erheblich und verbessern Sie die Leistung der Webschrift. Tools wie den WebFont -Generator von Font Squirrel unterstützen den Untersatz- und Codierungsprozess. Rollback -Schriftarten: Zeigen Sie bei tatsächlichen Schriftart -Downloads Fallback -System -Schriftarten an, um den sofortigen Zugriff auf Website -Inhalte zu gewährleisten und die wahrgenommene Leistung der Website oder Anwendung zu verbessern. Lokaler Speicher: Speichern Sie Web -Schriftarten im lokalen Speicher, wodurch die Schriftleistung erheblich verbessert wird. Schriftarten können nach einer Sitzung oder sogar nach dem Neustart von Geräten bestehen bleiben, ohne jedes Mal erneut herunterzuladen, wenn die Webseite geladen wird. Es ist jedoch zu beachten, dass diese Methode davon abhängt, ob der Browser des Benutzers den lokalen Speicher unterstützt. Eine Technik, die in jüngster Zeit viel Aufmerksamkeit erregt hat, besteht darin, Subsetting -Methoden zu verwenden, um die Größe der Webseiten -Schriftarten zu verringern.
    js-Tutorial 632 2025-02-20 12:09: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