aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Asynchrone APIs mit den Fetch -API- und ES6 -Generatoren
    Asynchrone APIs mit den Fetch -API- und ES6 -Generatoren
    Kernpunkte ECMAScript 6 (ES6) unterstützt besser asynchrones Programmieren durch Versprechen und Generator und führte die Fetch -API ein, um XMLHTTPrequest als Grundlage für die Kommunikation mit Remote -Ressourcen zu ersetzen. Die Fetch -API -Methode gibt ES6 -Versprechen -Objekte zurück, die mit dem Generator verwendet werden können, um die Grundlage komplexer asynchroner Operationen zu bilden, wie z. Generator kann mit der Fetch -API verwendet werden, um Aufgaben wie lange Umfragen auszuführen, bei denen die Kunden ständig sind
    js-Tutorial 833 2025-02-19 08:43:09
  • Ein bearbeitbares Netz mit JQuery, Bootstrap und Shield Ui Lite
    Ein bearbeitbares Netz mit JQuery, Bootstrap und Shield Ui Lite
    In diesem kurzen Tipp stelle ich ein paar einfache Schritte zur Einrichtung eines bearbeitbaren Netzes (oder einer Tabelle) mit Bootstrap und Shield UI Lite an. Shield UI Lite ist eine Open -Source -JQuery -Bibliothek, die unter anderem ein JQuery -Netz enthält. Das Netz unterstützt die Bearbeitung o
    js-Tutorial 315 2025-02-19 08:37:15
  • Verlieren Sie die JQuery Bloat
    Verlieren Sie die JQuery Bloat
    Kernpunkte Nodelist.js dient als Alternative zum DOM -Betrieb für JQuery und bietet ähnliche Funktionen, ist jedoch kleiner (4K nach Komprimierung) und nutzt Verbesserungen an nativen Browser -APIs. Im Gegensatz zu JQuery behandelt Nodelist.js Arrays von Knoten als einzelne Knoten, wodurch sauberer Code und einfachere Nodelist -Objektvorgänge aktiviert werden. Nodelist.js enthält spezielle Methoden zum Einstellen und Erhalten von Eigenschaften, zum Aufrufen elementspezifischer Methoden und zum Zugriff auf Knoten in Nodelist, und Eigentümerattribute, die der PrevObject-Eigenschaft von JQuery entsprechen.
    js-Tutorial 290 2025-02-19 08:27:10
  • Die Befehlszeilen -API zum Spaß und Gewinn
    Die Befehlszeilen -API zum Spaß und Gewinn
    Browser Developer Tool Command Line API: Ein leistungsstarkes Tool zur Verbesserung der Entwicklung und der Debugging -Effizienz In diesem Artikel wird die leistungsstarke Befehlszeilen -API in Browser -Entwickler -Tools untersucht, die eine Reihe von Aliase, bequemen Funktionen und Verknüpfungen bietet, um die Entwicklung und Debuggenerfahrung erheblich zu verbessern. Kernpunkte: Mit der Befehlszeilen -API können Entwickler mit Webseiten in der JavaScript -Konsole interagieren. Die API ist auf den Zugriff auf JavaScript -Konsole beschränkt und kann nicht für Seitenskripte verwendet werden. Es ist jedoch zweckmäßig, mit Code -Snippets direkt im Browserfenster zu experimentieren. Die API bietet eine Vielzahl von Funktionen für DOM -Exploration, Objektverfolgung und Konsolendebugging, einschließlich $ (Document.querySelector alias), DIR (listet alle Eigenschaften des Objekts auf)
    js-Tutorial 393 2025-02-19 08:25:08
  • HTML5 -Formulare: Zuverlässige Tools in unserer Toolbox
    HTML5 -Formulare: Zuverlässige Tools in unserer Toolbox
    Das Folgende stammt aus dem Buch "HTML5 & CSS3 für die reale Welt, 2. Auflage", die von Alexis Goldstein, Louis Lazaris und Estelle Weyl mitautorisiert wurde. Dieses Buch ist in Geschäften auf der ganzen Welt erhältlich und Sie können die E-Book-Version hier auch kaufen. Wir haben den größten Teil des Seitencodes geschrieben und Sie wissen jetzt fast alles über die neuen HTML5 -Elemente und deren Semantik. Bevor wir jedoch mit dem Aussehen der Website beginnen (wir machen es in Kapitel 7), lassen wir schnell die Homepage des HTML5 Herald, um die Registrierungsseite zu überprüfen. Dadurch wird HTML5 in der Web -Tabelle veranschaulicht
    CSS-Tutorial 641 2025-02-19 08:24:14
  • 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 686 2025-02-18 13:13:14
  • Schneller Tipp: Erstellen Sie eine Video -Player -Komponente in React
    Schneller Tipp: Erstellen Sie eine Video -Player -Komponente in React
    Erstellen Sie eine wiederverwendbare React -Video -Wiedergabekomponente In diesem Artikel führt Sie durch den Prozess des Erstellens einer React -Videokomponente, die die Liste der Videos von Vimeo, YouTube und Dailymotion durchläuft. Diese Komponente ist leicht zu erweitern, um andere Videoträfte zu unterstützen. Wir werden React-Hot-Boilerplate als Entwicklungsumgebung verwenden, die das heiße Nachladen unterstützt, sodass Sie die Komponentenergebnisse unmittelbar in Ihrem Browser ansehen können, ohne die Seite nach jeder Codeänderung zu aktualisieren. Die Videokomponente hat keinen eigenen Zustand, was sie wiederverwendbar und vorhersehbar macht, was bedeutet, dass der gleiche Eingang immer denselben Ausgang erzeugt. In diesem Artikel werden auch Best Practices für Baukomponenten in React erörtert, einschließlich der Verwendung von P
    js-Tutorial 836 2025-02-18 13:10:11
  • So erstellen Sie ein Wi-Fi-Dashboard mit node.js und ractive.js
    So erstellen Sie ein Wi-Fi-Dashboard mit node.js und ractive.js
    Key Takeaways Verwenden Sie Node.js, um einen Server zu erstellen, der vorhandene Funktionen auf Wi-Fi-Netzwerkinformationen erweitert, wodurch das Dashboard umfassender wird. Implementieren Sie Ractive.js für die Client-Seite, um Echtzeit-Updates und Interac zu verwalten
    js-Tutorial 574 2025-02-18 13:05:16
  • So bauen Sie einen täglichen Affirmations -SMS -Service mit Stripe & Syncano auf
    So bauen Sie einen täglichen Affirmations -SMS -Service mit Stripe & Syncano auf
    Dieser von Syncano gesponserte Artikel zeigt, dass ein SMS -Service für tägliche Affirmationen mithilfe ihrer Cloud -Plattform errichtet wird. Syncano übernimmt Datenspeicher, Benutzerkonten, automatisierte Codeausführung und Webhooks. Der Service integriert Twilio für SMS Messag
    js-Tutorial 424 2025-02-18 13:03:17
  • Erforschung verschiedener CMS -Lösungen, die auf Node.js basieren
    Erforschung verschiedener CMS -Lösungen, die auf Node.js basieren
    Drei beliebte Node.js Content Management Systems (CMS) Keystonejs, Pencilblue und Apostroph repräsentieren drei führende Node.JS-basierte Content-Management-Systeme, die jeweils einen bestimmten Feature-Satz bieten. Keystonejs zeichnet sich beim Erstellen von datenbankgesteuertem WebSI aus
    js-Tutorial 671 2025-02-18 13:01:59
  • Eine Einführung in ein vernünftiges pures funktionelles Programmieren
    Eine Einführung in ein vernünftiges pures funktionelles Programmieren
    Key Takeaways Reine Funktionen sind für die funktionelle Programmierung unerlässlich, da sie denselben Ausgang für denselben Eingang zurückgeben, ohne Nebenwirkungen zu verursachen und die Vorhersehbarkeit und Testbarkeit zu verbessern. Funktionelle Programmierung reduziert die Programmkomplexität durch B
    js-Tutorial 783 2025-02-18 12:58:16
  • Stellen Sie Ihre eigene REST -API in 30 Minuten mit MLAB und Heroku ein
    Stellen Sie Ihre eigene REST -API in 30 Minuten mit MLAB und Heroku ein
    Stellen Sie in 30 Minuten Ihre eigene REST -API ein: eine Anleitung mit MLAB und Heroku Schlüsselhighlights: Dieses Tutorial zeigt, dass das Aufbau und die Bereitstellung einer erholsamen API mit dem mittleren Stack (MongoDB, Express.js, AngularJs, Node.js) auf Heroku mit MongoDB auf ML gehostet wird
    js-Tutorial 738 2025-02-18 12:52:18
  • 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 497 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 175 2025-02-18 12:49:11
  • Unterrichten Sie Ihrem Raspberry Pi, um mit IBM Watson zu sprechen
    Unterrichten Sie Ihrem Raspberry Pi, um mit IBM Watson zu sprechen
    Dieses Tutorial zeigt, wie Ihr Raspberry Pi mit IBM Watsons Text-to-Speech-Service und Node-Red-Redakteur gesprochen werden kann. Wir werden auf einem früheren Beispiel aufbauen (angenommen, dass Raspberry Pi, Bluemix und Node-Rot eingerichtet wurden). Kunstwerke von SitePoint/Patcat, Logorechte:
    js-Tutorial 671 2025-02-18 12:45: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