aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Einführung von Bootcards: Bootstrap -Karten einfach gemacht
    Einführung von Bootcards: Bootstrap -Karten einfach gemacht
    Bootcards: Ein Bootstrap-basierter UI-Framework zum Erstellen von Kartenschnittstellen Bootcards vereinfachen die Erstellung visuell ansprechender kartenbasierter Schnittstellen mithilfe von Bootstrap. Das Dual-Pane-Design passt sich nahtlos an Desktops und mobile Geräte an, wodurch es ID erfolgt
    CSS-Tutorial 287 2025-02-20 12:08:10
  • Lesen Sie Bilder und Daten mithilfe von Leinwand und JavaScript
    Lesen Sie Bilder und Daten mithilfe von Leinwand und JavaScript
    In diesem Video nehme ich Sie auf eine Reise durch die Grundlagen, wie Sie in Bilddaten mithilfe von JavaScript dynamisch lesen können. Zusammen untersuchen wir, wie Sie Bilddaten auf drei verschiedene Arten lesen - von einem bestimmten Dateinamen auf Ihrem Server mithilfe der HTML
    js-Tutorial 631 2025-02-20 12:02:09
  • Automatisieren Sie die Leistungstests mit grunt.js
    Automatisieren Sie die Leistungstests mit grunt.js
    Key Takeaways Der Task -Läufer von Grunt.js kann verwendet werden, um die Leistungstests während des Webentwicklungsprozesses zu automatisieren, um sicherzustellen, dass die Leistungsziele oder „Budgets“ ohne addierte manuelle Tests zu QA -Prozessen hinzugefügt werden. Der Grunzen -Perfbu
    js-Tutorial 842 2025-02-20 12:01:09
  • Unveränderlichkeit in JavaScript
    Unveränderlichkeit in JavaScript
    Unveränderlichkeit: Ein Eckpfeiler der funktionellen Programmierung, das auch den objektorientierten Programmierungen erhebliche Vorteile bietet. In diesem Artikel wird die Unveränderlichkeit in JavaScript untersucht und seine Implementierung und Vorteile beschrieben. Schlüsselkonzepte: Unveränderlichkeit:
    js-Tutorial 479 2025-02-20 11:59:11
  • Wie und warum sollten Sie Ihr kritisches CSS einfügen?
    Wie und warum sollten Sie Ihr kritisches CSS einfügen?
    Verbesserung der Webleistung: Strategien und Tipps zum Einbinden von Schlüssel CSS In diesem Artikel wird Möglichkeiten zum Inline -Key -CSS (Einbetten von CSS -Regeln direkt in HTML -Dokumente) untersucht, um die Website der Website zu optimieren. Durch das Inline-CSS kann das Webrendering erheblich beschleunigt werden, insbesondere das Laden von Inhalten im ersten Bildschirm, wodurch die Renderung von Verzögerungen durch zusätzliche HTTP-Anfragen zur Erzielung externer CSS-Dateien vermieden werden kann. Schlüsselpunkte: Identifizieren Sie genaue Schlüssel -CSS: Critical CSS bezieht sich auf den minimalen CSS -Code, der erforderlich ist, um den Inhalt auf dem ersten Bildschirm zu rendern. Dies variiert von Seite zu Seite und erfordert Tools (z. B. Google PageSpeed ​​-Erkenntnisse, kritischer Pfad CSS
    CSS-Tutorial 274 2025-02-20 11:52:15
  • Schreiben von AngularJS -Apps mit ES6
    Schreiben von AngularJS -Apps mit ES6
    Nutzung von ES6 -Merkmalen in AngularJS -Entwicklung: Ein umfassender Leitfaden Schlüsselvorteile: ES6 (ECMAScript 2015) verbessert die AngularJS -Entwicklung mit Merkmalen wie Pfeilfunktionen, Vorlagenliteralen, Klassen, Modulen und Versprechen erheblich. Diese
    js-Tutorial 532 2025-02-20 11:49:12
  • Erstellen staatlicher Modale in AngularJs mit einem Winkel -UI -Router
    Erstellen staatlicher Modale in AngularJs mit einem Winkel -UI -Router
    Es gibt eine Reihe von Möglichkeiten, um Modale in einer AngularJS-Anwendung zu implementieren, einschließlich des beliebten Angular-Dialog-Service und des offiziellen Angular-UI-Bootstrap-Modals. In diesem Artikel werde ich mitteilen, wie ich mit Modalen in Angular umgehen möchte, und verwenden
    js-Tutorial 616 2025-02-20 11:45:12
  • Ersetzen Sie Make durch Jake
    Ersetzen Sie Make durch Jake
    Jake: Ein modernes Build -Tool, das von Make inspiriert ist Jake ist ein leistungsstarkes Build -Tool, das auf Node.js basiert und die Stärken von Make erbt, während sie die moderne JavaScript -Entwicklung umfasst. Es bietet einen flexiblen und skriptierbaren Ansatz zur Automatisierung von Build -Prozessen, m
    js-Tutorial 760 2025-02-20 11:37:10
  • Text mit blast.js animieren
    Text mit blast.js animieren
    Mit Hilfe von Bibliotheken ist es jetzt mehr oder weniger eine einfache Aufgabe, HTML -Elemente mithilfe von CSS oder JavaScript zu animieren. Sie können jedoch nur die vollständigen vorhandenen Elemente animieren. Dies bedeutet, dass Sie das Wort in einem einzelnen Element (wie einer Spanne) in einem einzigen Wort in einem Absatz animieren möchten, wenn Sie ein einzelnes Wort animieren möchten, und es dann entsprechend finden müssen. Wenn Sie nur ein oder zwei Spannelemente wie dieses haben, ist dies keine große Sache, aber was ist, wenn Sie jeden Charakter in einem Absatz animieren möchten? Für jeden Charakter müssen Sie eine Spannweite erstellen, die viel zusätzliches Markup hinzufügt und den Text schwer zu bearbeiten macht. Deshalb existiert Blast.js. Schlüsselpunkte Blast.js ist a
    js-Tutorial 910 2025-02-20 11:32:11
  • ATOZ CSS Schneller Tipp: Platzhaltertext
    ATOZ CSS Schneller Tipp: Platzhaltertext
    Dieser Artikel ist Teil der ATOZ CSS -Serie. Hier finden Sie andere Einträge für die Serie. Sie können die vollständigen Text und Screenshots seiner entsprechenden Video-Pseudo-Elemente anzeigen. 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 Screenshots nicht genug sind. In diesem Artikel haben wir einen neuen Tipp zum Style -Platzhaltertext hinzugefügt. P steht für Platzhaltertext Pseudo-Elemente: Vor und: Nach: Nach dem Erstellen komplexer Designmerkmale, ohne Tags mit nicht-semantischen Elementen durcheinander zu bringen. Andere Pseudo-Elemente wie: Erstlinie und: fi
    CSS-Tutorial 788 2025-02-20 11:29:09
  • Erstellen Sie eine Node.JS-Betriebene-Chatroom-Web-App: Chatroom UI mit Bootstrap
    Erstellen Sie eine Node.JS-Betriebene-Chatroom-Web-App: Chatroom UI mit Bootstrap
    Key Takeaways In diesem Tutorial wird gezeigt, wie Sie eine Chatroom-Benutzeroberfläche mit Bootstrap in einer Web-App von Node.JS erstellen, wobei der Schwerpunkt auf dem Erstellen eines reaktionsschnellen Designs liegt, das sich an verschiedene Geräte anpasst. Der Prozess beinhaltet das Hinzufügen von Bootstrap zum Projec
    js-Tutorial 793 2025-02-20 11:28:09
  • Erstellen einer JQuery -Foto -Diashow mit Fadein und Fadeout
    Erstellen einer JQuery -Foto -Diashow mit Fadein und Fadeout
    Dieser Screencast zeigt, dass eine einfache Diashow mit den Fadein- und Fadeout -Methoden von JQuery erstellt wird. Diese Methoden bieten eine bequeme Animationskontrolle über die Sichtbarkeit von Elementen und bieten mehr granuläre Kontrolle als CSS3. Das Video zeigt den Te
    js-Tutorial 603 2025-02-20 11:25:09
  • So erstellen Sie eine Trello -Chrome -Erweiterung - Exportlisten
    So erstellen Sie eine Trello -Chrome -Erweiterung - Exportlisten
    Im vorherigen Teil haben wir die Grundlagen unserer Erweiterung erstellt und die Authentifizierung über einen benutzerdefinierten Einstellungsbildschirm für fundamentvolle Einstellungen implementiert und die JavaScript-Clientbibliothek von Trello verwendet. In diesem Teil werden wir unsere Erweiterung beenden, indem wir den Exportieren hinzufügen
    js-Tutorial 539 2025-02-20 11:23:13
  • Finden einer Date Picker -Eingangslösung für Bootstrap
    Finden einer Date Picker -Eingangslösung für Bootstrap
    Best Practices für den Cross-Browser-Datumeingabe In diesem Artikel werden die Herausforderungen und besten Lösungen für die Implementierung von Datumseingabefeldern in verschiedenen Browsern untersucht. Aufgrund der inkonsistenten Browserunterstützung und der Vernachlässigung von Lang -Attributen benötigen wir eine robuste Lösung, um mit Datumsformaten, UTC/lokalen Zeitproblemen und Unterschieden zwischen verschiedenen Browsern umzugehen. Schlüsselpunkte: Die Unterstützung des Browsers und die Lang-Attribute ist ungleichmäßig, was dazu führt, dass die Eingabe-Widgets in nicht einheimischen Sprachen nicht angezeigt werden. Viele JavaScript -Lösungen versuchen, die Unterstützung für die Datumseingabe zu verbessern, aber nur wenige Skripte können zwei verschiedene Datumsformate verarbeiten, die gleichzeitig Daten anzeigen und speichern. DatePicker für JQuery UI ist ein gut getesteter und unterstützter
    js-Tutorial 976 2025-02-20 11:21:10
  • 6 Node.js statische Site -Generatoren
    6 Node.js statische Site -Generatoren
    Node.js statischer Website Generator: Eine leichte Alternative zu WordPress Kernpunkte Node.js statische Website -Generatoren wie Wintersmith, Assemble, Metalsmith, Hexo, Punch und DocPad bieten praktikable Alternativen zu herkömmlichen CMS wie WordPress und bieten eine leichte Lösung für das Erstellen von Blogs oder Informationswebsites. Jeder Node.js statische Website-Generator verfügt über einzigartige Funktionen: Wintersmith ist eine einfache und flexible Option für Entwickler mit mittlerer bis hoher Ebene.
    js-Tutorial 416 2025-02-20 11:20:16

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