aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Eine Einführung in Ereignisschleifen in PHP
    Eine Einführung in Ereignisschleifen in PHP
    PHP -Ereignisschleife: Ein Werkzeug für asynchrones Programmieren Kernpunkte Eine PHP -Ereignisschleife ist eine Programmierstruktur, mit der auf Ereignisse oder Nachrichten in einem Scheduler gewartet wird, insbesondere für den Umgang mit asynchronen Vorgängen. Die herkömmliche PHP -Programmierung ist synchron, führt jeweils eine Operation durch und wartet darauf, dass jede Operation abgeschlossen wird, bevor der nächste Vorgang fortgesetzt wird. Während die Ereignisschleife eine asynchrone Programmierung ermöglicht, bei der ein Vorgang gestartet und anschließend aufgehalten werden kann, bis das Ergebnis fertig ist, können während dieser Zeit andere Vorgänge ausgeführt werden. Bibliotheken wie ReactPHP oder AMP bieten die erforderlichen Schnittstellen und Klassen zum Erstellen und Verwalten von PHP -Ereignisschleifen, sodass die Ressourcen und kürzere Reaktionszeiten eine bessere Verwendung von Anwendungen ermöglichen, die eine große Anzahl gleichzeitiger Verbindungen verarbeiten müssen. Obwohl
    PHP-Tutorial . chrome 558 2025-02-17 10:37:09
  • Testcafe: Einfachere End-to-End-Web-App-Tests mit node.js
    Testcafe: Einfachere End-to-End-Web-App-Tests mit node.js
    Testcafe: node.js Framework zur Vereinfachung der automatisierten Tests von Webanwendungen Kernpunkte: TestCafe ist ein Webanwendungs ​​-Test -Framework, das auf Node.js basiert und das Setup und den laufenden Prozess automatisierter Tests vereinfacht. Es deckt alle Testphasen ab, einschließlich des Starts eines Browsers, des Ausführens eines Tests, des Sammelns von Ergebnissen und zum Erstellen von Berichten. TestCafe benötigt keine Browser -Plugins oder andere Abhängigkeiten und unterstützt Tests in beliebten modernen Desktop- oder Mobile -Browser. Es ist auch mit Cloud -Testdiensten und unkonventionellen Browsern über das Plugin -Ökosystem kompatibel. TestCafe bietet eine Vielzahl von Testvorgängen, von schwebem bis zum Datei-Upload, und verfügt über einen integrierten automatischen Wartezeitmechanismus, ohne manuelles Warten oder Winterschlaf hinzuzufügen.
    IT Industrie . chrome 700 2025-02-17 10:31:10
  • PHP vs node.js Smackdown: Antwortrecht
    PHP vs node.js Smackdown: Antwortrecht
    SitePoint hatte kürzlich einen Peak -Showdown zwischen PHP und Node.js, und Craig Buckler stellt diese beiden Entwicklungstechnologien in eine der zehn Herausforderungen, um den ultimativen Gewinner zu bestimmen. Wie Craig in dem Artikel hervorhebt, ist dieser Vergleich immer umstritten. Als interessantes Follow-up luden wir Bruno Škvorc (PHP-Editor für SitePoint) und James Hibbard (einer der JavaScript-Herausgeber von SitePoint) ein, zu jeder Runde zu kommentieren. Hier ist ihre rundum-Runden-Bewertung… Schlüsselpunkte Da PHP einfach eingerichtet ist und beim Ausführen von Skripten sofort Feedback erhalten kann
    PHP-Tutorial . chrome 779 2025-02-17 10:28: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 . chrome 434 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 . chrome 977 2025-02-17 10:24:15
  • Sieben Möglichkeiten, wie Sie Elemente mit CSS Grid Layout platzieren können
    Sieben Möglichkeiten, wie Sie Elemente mit CSS Grid Layout platzieren können
    Sieben Möglichkeiten zum Layout -Webelemente mithilfe von CSS Grid (Dieser Artikel wurde am 23. März 2017 aktualisiert. Spezifischer Inhalt: Browser -Unterstützung für das CSS -Gitterlayout) In diesem Artikel werden sieben Möglichkeiten eingeführt, Elemente auf Webseiten mit dem Grid -Layout -Modul zu platzieren. SitePoint hat zuvor "Einführung in das CSS -Gitterlayout" veröffentlicht. Kürzlich schrieb ich auch "die aktuelle Situation des Entwurfs der Arbeit von CSS Grid Layout". Hier befindet sich der Fokus ausschließlich auf der spezifischen Art, Elemente auf einer Webseite mithilfe von CSS -Raster zu layern. Lassen Sie uns nun sie einzeln vorstellen. Schlüsselpunkte Das CSS -Gitterlayout ermöglicht die flexible Verwendung mehrerer Methoden auf Webseiten
    IT Industrie . chrome 551 2025-02-17 10:20:13
  • So implementieren Sie Internationalisierung (I18N) in JavaScript
    So implementieren Sie Internationalisierung (I18N) in JavaScript
    Schlüsselpunkte Die Internationalisierung (I18N) ist der Prozess der Erstellung oder Umwandlung von Produkten und Dienstleistungen, damit sie sich an Lokalsprachen und Kulturen anpassen können. Lokalisierung (L10N) ist der Prozess der Anpassung der internationalisierten Software für eine bestimmte Region oder Sprache. Globalize ist eine JavaScript -Bibliothek, die von Mitgliedern des JQuery -Teams zur Internationalisierung und Lokalisierung entwickelt wurde. Es verwendet die offiziellen Unicode -CLDR -JSON -Daten, unterstützt alle wichtigen Browser und bietet Funktionen wie digitale Formatierung und Parsen, Datums- und Zeitformatierung und Parsen, relative Zeitformatierung, Währungsformatierung, Nachrichtenformatierung, pluraler Unterstützung und Unterstützung der Einheit usw. JavaScript durch die Internationalisierung API (
    js-Tutorial . chrome 736 2025-02-17 10:00:26
  • Einheimische unendliche Scrollen mit der IntersectionObserver -API
    Einheimische unendliche Scrollen mit der IntersectionObserver -API
    Intersection Observer API: Effizientes DOM -Element -Sichtbarkeit überwachen Die Intersection Observer API ist eine aufkommende clientseitige JavaScript-API zur effizienten Überwachung der Sichtbarkeit bestimmter DOM-Elemente, die für Funktionen wie faules Laden, unendliches Scrollen und Anzeigensichtbarkeit nützlich ist. Browserunterstützung und Polyfüllung Diese API ist relativ neu und bietet derzeit nur begrenzte Browser -Unterstützung, einschließlich Chrome Desktop 51, Chrome Android 51, Android WebView 51, Opera 38 und Opera Android 38. Ein Pol in der Entwicklung wird jedoch auf GitHub bereitgestellt
    js-Tutorial . chrome 777 2025-02-17 09:49:08
  • Web-Audio-API: Fügen Sie Ihre Webseite bandbreitfreundlichen Sound hinzu
    Web-Audio-API: Fügen Sie Ihre Webseite bandbreitfreundlichen Sound hinzu
    Entsperren von Browser Audio Power: Eine Anleitung zur Web -Audio -API Die Web -Audio -API ermöglicht Entwickler, die ausgefeilte Audioverarbeitung direkt mit JavaScript in Webseiten in Webseiten zu integrieren, wodurch die Notwendigkeit von Plugins beseitigt wird. Dies ist besonders vorteilhaft
    js-Tutorial . chrome 784 2025-02-17 09:37:09
  • So bestellen und ausrichten Sie Elemente im Netzlayout
    So bestellen und ausrichten Sie Elemente im Netzlayout
    Dieses Tutorial zeigt die Steuerung und Ausrichtung der Elemente innerhalb des CSS -Netzlayouts. Wir werden Bestellelemente untersuchen und sie sowohl einzeln als auch als Gruppe ausrichten. Zuvor haben wir die Grundlagen der Rasterlayout, einschließlich Element -Platzierung und th, abgedeckt
    IT Industrie . chrome 286 2025-02-17 09:24:11
  • So bauen Sie Ihren eigenen KI -Assistenten mit api.ai auf
    So bauen Sie Ihren eigenen KI -Assistenten mit api.ai auf
    Möchten Sie ein detailliertes Verständnis der künstlichen Intelligenz haben? Sehen Sie sich unser Video -Tutorial an "Microsoft Cognitive Services and Text Analysis API: Implementierung der KI -Sentiment -Analyse in Ihrem Roboter". Die Welt der intelligenten Assistenten verändert sich mit jedem Tag - Siri, Cortana, Alexa, OK Google, Facebook M, Bixby - Alle Tech -Giganten haben ihre eigenen Smart Assistants. Viele Entwickler erkennen jedoch nicht, dass der Bau eines eigenen KI -Assistenten tatsächlich sehr einfach ist! Sie können sich an Ihre Bedürfnisse, IoT -Geräte und benutzerdefinierte APIs anpassen, und die Möglichkeiten sind endlos. Hinweis: Dieser Artikel wurde 2017 aktualisiert, um die neuesten Änderungen in API.AI zu widerspiegeln. Früher habe ich einen Artikel darüber geschrieben
    IT Industrie . chrome 223 2025-02-17 09:16:08
  • Abenteuer in Aurelia: Erstellen eines benutzerdefinierten PDF -Viewers
    Abenteuer in Aurelia: Erstellen eines benutzerdefinierten PDF -Viewers
    Dieser Artikel wurde von Vildan Softic überprüft. Vielen Dank an alle Peer -Rezensenten bei SitePoint für die Erhöhung der Inhalte von SitePoint -Inhalten! Die Arbeit mit PDF -Dateien in Webanwendungen war schon immer schwierig. Wenn Sie Glück haben, müssen Ihre Benutzer die Datei nur herunterladen. Aber manchmal brauchen Benutzer mehr Funktionen. Ich hatte in der Vergangenheit Glück, aber diesmal benötigen unsere Benutzer die App, um PDF -Dokumente anzuzeigen, damit sie Metadaten für jede Seite speichern können. Zuvor haben Menschen möglicherweise teure PDF -Plugins (wie Adobe Reader) verwendet, um dies im Browser zu laufen, um dies zu erreichen. Nach einiger Zeit und Experimenten fand ich jedoch einen besseren Weg, um im Internet zu gehen
    js-Tutorial . chrome 759 2025-02-17 09:03:09
  • Seiten mit der Webanimationen -API zum Leben erwecken
    Seiten mit der Webanimationen -API zum Leben erwecken
    In diesem Artikel von Gastautor Dudley Storey wird die Webanimationen -API, ein leistungsstarkes Tool zum Erstellen von dynamischen und performanten Webanimationen, untersucht. Die Gastbeiträge von SitePoint zielen darauf ab, ansprechende Inhalte von führenden JavaScript -Experten zu liefern. Schlüsselhighlights
    js-Tutorial . chrome 462 2025-02-17 09:01:09
  • Was ist HTTP/2?
    Was ist HTTP/2?
    HTTP/2: Ein großes Upgrade des Webseiten -Transportprotokolls HTTP/2 ist die neueste Version des Hypertext Transfer Protocol (HTTP) und ist so konzipiert, dass sie HTTP/1.1 ersetzen. Es verbessert die Datenübertragungseffizienz und -geschwindigkeit erheblich durch Merkmale wie Binärdaten, Komprimierungsheader, Pipelineisierung, Multiplexing und Serverschub. Unterschiede zwischen HTTP/2 und HTTP/1.1 HTTP/2 (ursprünglich als HTTP/2.0 bezeichnet) stammt aus dem von Google 2009 entworfenen SPDY -Protokoll. HTTP/1.1 verfügt über einige Einschränkungen, z. B. das Entwerfen in einer Zeit mit kleinen Webseitengrößen und begrenzten CSS- und JavaScript-Anwendungen. Es ist schwierig, mit der aktuellen Situation von hoher Bandbreite, AJAX-Treibern, einseitigen Anwendungen und Client-Frameworks fertig zu werden. Htt
    IT Industrie . chrome 746 2025-02-17 08:49:12
  • Erstellen Sie eine Suchmaschine mit Node.js und Elasticsearch
    Erstellen Sie eine Suchmaschine mit Node.js und Elasticsearch
    Dieser Artikel wurde von Mark Brown, Vildan Softic und Moritz Kröger überprüft. Vielen Dank an alle Peer -Rezensenten bei SitePoint für die perfekte Erstellung von SitePoint -Inhalten! Elasticsearch ist eine Open -Source -Suchmaschine, die aufgrund ihrer hohen Leistung und verteilten Architektur immer beliebter wird. In diesem Artikel werden die wichtigsten Funktionen untersucht und Ihnen die Verwendung einer Suchmaschine von Node.js erstellen. Schlüsselpunkte ElasticSearch ist eine leistungsstarke Suchmaschine, die auf Apache Lucene basiert und hauptsächlich für die Echtzeit-Indexierung und -suche verwendet wird. Das System ist musterlos und kann automatisch Datenstrukturen erkennen und
    js-Tutorial . chrome 952 2025-02-17 08:47: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