aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • 6 kostenloses Material Design CSS -Frameworks für 2017 im Vergleich zu
    6 kostenloses Material Design CSS -Frameworks für 2017 im Vergleich zu
    Googles Materialdesign: Ein tiefes Eintauchen in CSS -Frameworks Wichtige Überlegungen: Seit seinem Debüt 2014 ist das Material Design von Google zu einer dominanten Designsprache in zahlreichen Google -Produkten und darüber hinaus. Webentwickler können seine Ästhetik nutzen
    CSS-Tutorial 931 2025-02-17 11:04:13
  • Aufbau eines JavaScript 3D Minecraft Editors
    Aufbau eines JavaScript 3D Minecraft Editors
    In diesem Artikel wird untersucht, dass eine rudimentäre 3D-Welt im 3D-Stil nur CSS-Transformationen, HTML und JavaScript unter Verwendung einer komplexen 3D-Programmierung vermieden wird. Der Autor nutzt sein vorhandenes CSS-Wissen und zeigt, wie Konzepte wie Z-Index, L.
    js-Tutorial 1001 2025-02-17 10:55:10
  • Schneller Tipp: Was sind Fabrikfunktionen in JavaScript?
    Schneller Tipp: Was sind Fabrikfunktionen in JavaScript?
    JavaScript -Fabrikfunktionen: leistungsfähiges Muster zum Erstellen von komponierbaren Objekten Eine JavaScript -Fabrikfunktion ist eine Funktion, die ein Objekt zurückgibt und mehrere ähnliche Objekte erstellt, ohne das Neue oder dieses Schlüsselwort zu verwenden. In diesem Artikel werden mehrere Verwendungen von Werksfunktionen untersucht, einschließlich parametrischer Fabrikfunktionen, komponierbarer Fabrikfunktionen, asynchronen Fabrikfunktionen und erweiterten Fabrikfunktionen, um zu zeigen, wie sie flexibler und einfacher für die Wartung von JavaScript -Code erstellt werden können. Kernkonzept Fabrikfunktion: Gibt die Funktion des Objekts zurück. Parametrisierte Fabrikfunktion: Die Fabrikfunktion, die Parameter akzeptiert, um die Rückgabeobjektstruktur zu ändern. Komponierbare Fabrikfunktionen: Die Arbeit des Aufbaus komplexer Objekte durch Kombination anderer Fabrikfunktionen
    js-Tutorial 718 2025-02-17 10:54:13
  • Erstellen eines Facebook -Chat -Bots mit Node und Heroku
    Erstellen eines Facebook -Chat -Bots mit Node und Heroku
    Erstellen Sie einen Facebook-Chatbot mit Node.js und Heroku, von denen Joan Yin und Camilo Reyes überprüft wurden. Vielen Dank an alle SitePoint -Peer -Rezensenten, die SidePoint -Inhalte für den Besten erhalten haben! Auf der F8 -Konferenz im letzten Jahr startete Facebook die Messenger -Plattform, mit der Entwickler Bots erstellen können, die mit Personen auf Messenger- oder Facebook -Seiten sprechen können. Mit Robotern können Anwendungsbesitzer besser mit Benutzern interagieren, indem sie eine personalisierte und interaktive Kommunikation bereitstellen, die kann
    js-Tutorial 860 2025-02-17 10:52:14
  • Einführung in die Entwicklung von JQuery -Plugins
    Einführung in die Entwicklung von JQuery -Plugins
    JQuery Plug-In: Ein leistungsstarkes Tool zur Verbesserung der Entwicklungseffizienz In diesem Artikel wird die Entwicklung von JQuery-Plug-Ins-Ins-Ins-Tiefen untersucht, die Vorteile erläutern und Sie dazu führen, dass Sie Ihre eigenen Plug-Ins-Ins schrittweise erstellen. Das JQuery-Plug-In kann die Entwicklungszeit erheblich verkürzen und die Wiederverwendung von Code verbessern. Schreiben Sie einfach den Funktionscode einmal und Sie können ihn in mehreren Projekten wiederverwenden und die Entwicklungseffizienz erheblich verbessern. Wir werden ein Beispiel-Plugin namens FancyToggle verwenden, um verschiedene Links der Plug-in-Entwicklung zu demonstrieren. Dieses Plug-In wird verwendet, um die Sichtbarkeit verschachtelter Elemente wie Listenelemente umzuschalten, um interaktive Komponenten zu erstellen, die dem Akkordeon ähnlich sind, wie z. B. dem FAQ-Abschnitt. Sie können CodePen besuchen, um das FancyToggle -Plugin anzusehen
    js-Tutorial 586 2025-02-17 10:50:13
  • Verwalten des CSS -Box -Modells
    Verwalten des CSS -Box -Modells
    CSS -Box -Modell: Der Schlüssel zum Verständnis des Weblayouts Das Wichtigste am Verständnis von CSS ist: Alles ist eine Box. Insbesondere generiert jedes Element im Dokument ein Feld. Diese Box kann eine Box auf Blockebene oder eine Inline-Box sein. Die Art der Box bestimmt, wie sich Elemente auf das Seitenlayout auswirken. Das CSS -Box -Modell ist ein Konzept, das zum Beschreiben des Layouts und der Größe von HTML -Elementen verwendet wird. Jedes Element enthält eine Box für Inhalte, Füllungen, Grenze und Ränder. Diese Boxen werden kombiniert, um das Layout des Inhalts des Elements zu bestimmen und wie benachbarte Elemente nebeneinander erscheinen: Ob das Element ein Feld erstellt und welche Art von Kästchen erstellt wird, hängt von der Markup -Sprache ab. CSS entwickelte sich zu einem Stil für HTML -Dokumente
    CSS-Tutorial 730 2025-02-17 10:49:11
  • Erstellen eines Microblogs mit Node.js, Git und Markdown
    Erstellen eines Microblogs mit Node.js, Git und Markdown
    Erstellen Sie ein Microblog basierend auf Node.js, Git und Markdown In diesem Artikel wird untersucht, wie ein Microblog mit Node.js, Git und einigen Abhängigkeiten erstellt wird. Diese App soll statische Inhalte aus Dateien bereitstellen, die im Repository übermittelt wurden. Sie lernen, wie Sie Ihre Anwendung erstellen und testen und einen Einblick in den Prozess der Bereitstellung Ihrer Lösung erhalten. Letztendlich haben Sie eine minimalistische, runnable Blog -Anwendung, auf der Sie aufbauen können. Schlüsselpunkte: Node.js bietet einen ausgewogenen Satz von APIs, die ideal für den Aufbau von Mikroblog -Plattformen sind, die keine unnötige Komplexität erfordern. Git wird verwendet, um Blog -Beiträge als versionierte Textdokumente zu speichern, ohne herkömmliche Datenbanken zu verwenden. Markd
    js-Tutorial 541 2025-02-17 10:48:14
  • Eine Einführung in Diagramm.js 2.0
    Eine Einführung in Diagramm.js 2.0
    Dieser Artikel ist Teil unserer modernen JavaScript -Anthologie. Eine umfassende Anleitung zum modernen JavaScript finden Sie in SitePoint Premium und laden Sie Ihre Kopie herunter. Peer überprüft von Tim Severien und Simon Codrington. Vielen Dank an alle Peer Rezensenten von SitePoint!
    js-Tutorial 1024 2025-02-17 10:47:09
  • Einführung von GraphicsJs, einer leichten leichten Grafikbibliothek
    Einführung von GraphicsJs, einer leichten leichten Grafikbibliothek
    HTML5: Der Eckpfeiler moderner Netzwerke. Heutzutage sind SVG und Leinwand häufig die Technologie der Wahl beim Erstellen interaktiver Bilder-Flash wurde vergessen, Silverlight ist zu einem seltenen Einhorn am Rande des Netzwerks geworden, und nur wenige Menschen erinnern sich an Drittanbieter-Plugins. Die Vor- und Nachteile jeder Technik sind gut dokumentiert, aber in Kurz gesagt ist SVG besser zum Erstellen und Umgang mit interaktiven Elementen geeignet. Dies liegt daran, dass SVG ein XML-basiertes Vektorformat ist, das, wenn ein Bild mit Tags in eine Seite geladen wird, jedes Element in der SVG-DOM verwendet werden kann. In diesem Artikel möchte ich Ihnen GraphicsJs vorstellen, einer neuen und leistungsstarken Open -Source -J -Basis auf SVG
    js-Tutorial 303 2025-02-17 10:42:15
  • Praktische funktionale Programmierung mit Ramda.js
    Praktische funktionale Programmierung mit Ramda.js
    Dieser Artikel wurde von Yaphi Berhanu, Vildan Softic, Jani Hartikainen und Dan Prince überprüft. Vielen Dank an alle SitePoint -Peer -Rezensenten, die SidePoint -Inhalte für den Besten erhalten haben! Einer der Zauber von JavaScript sind seine funktionalen Programmierfunktionen. Von Anfang an waren Funktionen erstklassige Bürger in der JavaScript-Welt. Dies ermöglicht es, elegante und ausdrucksstarke Code zu schreiben, der auf vielfältige Weise leicht zusammengestellt werden kann. Die Fähigkeit, funktionale Programmierung allein durchzuführen, kann jedoch die funktionale Programmierung nicht automatisch implementieren. Ramda.js ist sehr
    js-Tutorial 295 2025-02-17 10:40:10
  • Einführung des Website -Geschwindigkeitstests: Ein Bildanalyse -Tool
    Einführung des Website -Geschwindigkeitstests: Ein Bildanalyse -Tool
    Verbesserung der Geschwindigkeit und Benutzererfahrung der Website: Optimieren Sie die Bilder mit Website -Geschwindigkeitstest optimieren Bilder machen den größten Teil des Gewichts der Webseite aus, sodass die Bildoptimierung des Systems für Conversion -Raten und Benutzererfahrungen von entscheidender Bedeutung ist. Das von Ihnen ausgewählte Leistungstest -Tool wirkt sich stark auf den Bau und die Wartung Ihrer Website aus. WebPagetest ist ein beliebtes Open -Source -Tool zum Messen und Analyse der Webseitenleistung. Deshalb hat Cloudary entschieden, mit ihnen zu arbeiten, um Website -Geschwindigkeitstest zu starten. Website -Geschwindigkeitstest ist ein Bildanalyse -Tool, das Optimierungsvorschläge über einfache Komprimierungsüberprüfungen enthält. Das Tool verwendet die erweiterten Algorithmen von Cloudary, um zu demonstrieren
    CSS-Tutorial 963 2025-02-17 10:35:11
  • JQuery's JSONP mit Beispielen erklärt
    JQuery's JSONP mit Beispielen erklärt
    Zusammenfassung der wichtigsten Punkte JSONP (JSON With Padding) ermöglicht Cross-Domain-Ajax-Anrufe und umgibt homologe Richtlinien, die Skripte daran hindern, auf Daten aus verschiedenen Quellen zuzugreifen. Dies erfolgt durch die Rückgabe des Servers, der den Funktionsaufruf enthält, den der Browser interpretieren kann. Während JSONP wertvoll ist, um Daten aus verschiedenen Quellen zu erhalten und auf Inhalte für verschiedene Dienste zuzugreifen, hat es auch einige Einschränkungen. JSONP kann nur Cross-Domain-Anfragen ausführen und muss vom Server explizit unterstützt werden. Es hat auch potenzielle Sicherheitsprobleme, da es Möglichkeiten für Cross-Site-Skriptangriffe (XSS) eröffnet. Andere Lösungen für homologe Richtlinien sind die Verwendung von Proxy oder die Implementierung von Cross-Origin-Ressourcenfreigabe (CORS)
    js-Tutorial 201 2025-02-17 10:34:10
  • So übergeben Sie die Befehlszeilenparameter an Schlupfaufgaben
    So übergeben Sie die Befehlszeilenparameter an Schlupfaufgaben
    Kernpunkte Die Einfachheit von gulp.js ist eine der attraktivsten Funktionen, mit der Entwickler Aufgabenfunktionen in gulpFile.js schreiben und aus der Befehlszeile ausführen können. Es unterstützt jedoch nicht, dass die Befehlszeilenparameter für die Verwendung von Aufgaben zur Verwendung von Aufgaben. Obwohl Gulp -Aufgaben normalerweise keine Parameter erfordern, können Parameter in einigen Fällen nützlich sein. Wenn Sie beispielsweise FTP-Anmeldeinformationen als Parameter übergeben, können Sie die Sicherheit verbessern und hartcodierte sensible Informationen verhindern. Die Eigenschaft process.argv in node.js gibt ein Array mit Prozessen, Skripten und allen Befehlszeilenparametern zurück. Dieses Array kann in gulpfile.js analysiert werden, um ein Objekt zu erstellen, das Parameterwerte enthält. Obwohl Gul
    js-Tutorial 685 2025-02-17 10:32:10
  • JavaScript -Funktionstests mit nightwatch.js
    JavaScript -Funktionstests mit nightwatch.js
    Eric Elliott schrieb einmal einen Artikel über JavaScript -Tests: JavaScript -Test: Unit -Tests, Funktionstests und Integrationstests, die verschiedene Arten von Tests und wann zu welcher Test verwendet werden. In diesem Artikel werden JavaScript -Funktionstests ausführlicher untersucht und unter Verwendung der Nightwatch.js -Bibliothek demonstriert. Bevor wir anfangen, überprüfen wir, was Funktionstests sind und warum es wichtig ist. Einfach ausgedrückt, funktionale Tests sollen sicherstellen, dass die Anwendung aus Sicht eines Benutzers wie erwartet funktioniert. Wir sprechen hier nicht technische Tests wie Unit -Tests oder Integrationstests. Das Ziel hier ist es, sicherzustellen, dass Benutzer nahtlos durchgeführt werden können
    js-Tutorial 440 2025-02-17 10:26:10
  • Erste Schritte mit der javaScript-Datenbank von PouchDB-Client-Seite
    Erste Schritte mit der javaScript-Datenbank von PouchDB-Client-Seite
    Dieser Artikel wurde von Sebastian Seitz und Taulant Spahiu überprüft. Vielen Dank an die Peer -Rezensenten von SitePoint für ihre Beiträge! Moderne clientseitige Webanwendungen erfordern komplexierte Funktionen zur Datenbearbeitung. Browser bieten jetzt robuste Javas an
    js-Tutorial 987 2025-02-17 10:24:15

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