aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Funktionelle reaktive Programmierung mit ELM: Eine Einführung
    Funktionelle reaktive Programmierung mit ELM: Eine Einführung
    Kernpunkte ELM ist eine funktionale Programmiersprache, die in JavaScript zusammengestellt wurde und sich auf die Vereinfachung und Verbesserung der Front-End-Entwicklung konzentriert. Es verwendet Typinferenz, ist reaktiv und kombiniert funktionelle Programmiermuster wie reine Ansichten, Referenztransparenz und unveränderliche Daten. ELM verwendet Modi wie unveränderliche Daten, reine Ansichten, die die DOM, Einweg-Datenströme, zentralisierte Zustands- und zentralisierte Datenvariationsbeschreibungen sowie begrenzte Nebenwirkungen beschreiben. Diese Muster erleichtern die Vorhersage, Aufrechterhaltung und robustes Anwendungen. Die Sicherheitsfunktionen von ELM vermeiden die Möglichkeit, dass ein Wert leer ist und Entwickler dazu zwingt, alle alternativen Pfade in der Anwendung zu bewältigen. Dies bietet viel Vertrauen in die Anwendung und sieht selten Laufzeitfehler in ELM -Anwendungen.
    js-Tutorial 274 2025-02-18 10:21:39
  • Sinon Tutorial: JavaScript -Tests mit Mocks, Spione & Stubs
    Sinon Tutorial: JavaScript -Tests mit Mocks, Spione & Stubs
    Dieser Artikel wird von Mark Brown und Marc Towler überprüft. Vielen Dank an alle SitePoint -Peer -Rezensenten, die SidePoint -Inhalte für die Besten erhalten haben! Eines der größten Hindernisse beim Schreiben von Unit-Tests ist, wie man mit nicht trivialem Code umgeht. In den tatsächlichen Projekten führt der Code häufig verschiedene Vorgänge aus, die Tests erschweren. AJAX -Anfragen, Timer, Daten, Zugriff auf andere Browserfunktionen… oder Datenbanken machen immer Spaß, wenn Sie node.js verwenden. All dies ist schwer zu testen, da Sie sie in Ihrem Code nicht kontrollieren können. Wenn Sie AJAX verwenden, benötigen Sie einen Server, um auf die Anfrage zu antworten
    js-Tutorial 724 2025-02-18 10:13:13
  • HTML5 -Formulare: Neue Steuerelemente
    HTML5 -Formulare: Neue Steuerelemente
    HTML5 führt fünf neue Formelemente ein :,,, und, jeweils unterschiedliche Zwecke. Das Element wirkt als Messgerät und repräsentiert visuell einen Wert innerhalb eines bestimmten Bereichs. Entscheidend ist, dass es ein Namensattribut fehlt und nicht mit dem Formular eingereicht wird. Th
    CSS-Tutorial 602 2025-02-18 10:11:10
  • 6 JQuery Infinite Scrolling Demos
    6 JQuery Infinite Scrolling Demos
    Unendlich scrollen sind jetzt ein häufiges Merkmal und es gibt mehrere Fälle, in denen es wirklich nützlich ist. Zum Beispiel gibt es einige Websites, auf denen wir uns einfach nicht ein gutes Paginationssystem wie Twitter oder sogar Facebook vorstellen können. Ein weiteres Beispiel für wo Inf
    js-Tutorial 795 2025-02-18 10:09:10
  • Einführung in Jcanvas: JQuery trifft HTML5 -Leinwand
    Einführung in Jcanvas: JQuery trifft HTML5 -Leinwand
    Mit HTML5 können Sie Grafiken mit dem Element und seiner zugehörigen JavaScript -API direkt in Ihre Webseite zeichnen. In diesem Beitrag werde ich Ihnen JCANVAS vorstellen, einer kostenlosen und Open-Source-JQuery-basierten Bibliothek für die HTML5-Canvas-API. Wenn Sie d
    js-Tutorial 443 2025-02-18 10:06:11
  • Erstellen Sie Ihre eigene Chromverlängerung mit Angular 2 & TypyScript
    Erstellen Sie Ihre eigene Chromverlängerung mit Angular 2 & TypyScript
    In diesem Tutorial wird das Erstellen einer Chromverlängerung mithilfe von Angular 2 und TypeScript gezeigt, um Lesezeichen direkt auf der neuen Registerkartenseite zu verwalten. Es verbessert sowohl die Funktionalität als auch die visuelle Anziehungskraft des standardmäßigen neuen Registerkartenerlebnisses. Schlüsselmerkmale: Levera
    js-Tutorial 1016 2025-02-18 10:05:09
  • Erstellen eines Scrud -Systems mit JQuery, JSON und DataTables
    Erstellen eines Scrud -Systems mit JQuery, JSON und DataTables
    Dieser Artikel zeigt, dass eine robuste Webanwendung zum Verwalten von Datenbankinhalten mithilfe von Jquery, JSON, DataTables und JQuery -Validierung erstellt wird. Die Anwendung, ein Screst -System (Suche, Erstellen, Lesen, Update, Löschen) ermöglicht es Benutzern, mit a zu interagieren
    js-Tutorial 366 2025-02-18 10:04:11
  • Erstellen einer Multiselect -Komponente als Webkomponente
    Erstellen einer Multiselect -Komponente als Webkomponente
    Update 12.05.2016: Ein Begleitartikel "So erstellen Sie zugängliche Webkomponenten", befasst sich mit den Einschränkungen dieses Artikels. Bitte lesen Sie beide für ein vollständiges Verständnis. Dieser Artikel profitierte von Peer Review von Ryan Lewis. Vielen Dank an Sitep
    js-Tutorial 944 2025-02-18 09:59:09
  • So machen Sie Ihre Web -App mit der Bilderkennung intelligenter
    So machen Sie Ihre Web -App mit der Bilderkennung intelligenter
    Dieser Artikel zeigt, wie eine einfache Webanwendung mit Clarifais Bilderkennungs -API erstellt wird. Mit der App können Benutzer Bilder aus dem Web ziehen, die dann von Clarifai analysiert werden, um Objekte zu identifizieren und eine Liste von Tags zurückzugeben. Der
    js-Tutorial 601 2025-02-18 09:54:11
  • Tessel 2: Kombinieren Sie JavaScript und das Internet der Dinge mit Leichtigkeit
    Tessel 2: Kombinieren Sie JavaScript und das Internet der Dinge mit Leichtigkeit
    Tessel 2: Internet der Dinge Entwicklungstools basierend auf JavaScript und Node.js Tessel 2 ist ein Mikrocontroller, mit dem Entwickler vernetzte Geräte mit JavaScript und Node.js. erstellt werden können. Auf dem Kern wird Linux -System ausgeführt, und Node.js wird darauf ausgeführt, sodass der Zugriff auf eine große Anzahl von NPM -Modulen zugänglich ist. Der in dieser Demonstration verwendete Tessel 2 -Mikrocontroller Die Hauptmerkmale von Tessel 2: Unterstützung von JavaScript und Node.js Support: Vereinfachen Sie Entwicklungsprozesse und nutzen Sie das riesige NPM -Ökosystem. Integriertes Wi-Fi und Ethernet: Einfach zu verbinden, unterstützt den Remote-Code-Druck und -betrieb, keine kontinuierliche Verbindung erforderlich
    js-Tutorial 975 2025-02-18 09:52:11
  • Smart Front-Ends & Dumb Back Ends: Beharring Status in AngularJs
    Smart Front-Ends & Dumb Back Ends: Beharring Status in AngularJs
    Benutzerinteraktionen mit einer Website generieren Anwendungsstatus - beispielsweise Schaltfläche Klicks oder Texteingaben. Dieser Zustand, der im RAM des Browsers als JavaScript -Objekte (Arrays, Zeichenfolgen usw.) wohnt, braucht Beharrlichkeit. Dieser Artikel untersucht Techniken für pro
    js-Tutorial 648 2025-02-18 09:48:13
  • Erstellen von Komponenten in Angular 2 mit TypeScript und ES5
    Erstellen von Komponenten in Angular 2 mit TypeScript und ES5
    Kernpunkte Angular 2.0 verwendet TypeScript (ein Supersatz von JavaScript), um die Leistung zu optimieren, die Seitengeschwindigkeit und die Workflow -Automatisierung zu verbessern. Mit TypeScript können Entwickler Typeninformationen verwenden, um Javascript -Code zu kommentieren, wodurch Fehler in der Codebasis erfasst werden können. Angular 2.0 führt das Konzept von Komponenten ein, bei denen es sich um wiederverwendbare Codeblöcke handelt, die Ansichten und Logik enthalten. Komponenten ersetzen Anweisungen als Hauptelement des Frameworks, um sicherzustellen, dass ein Teil des Code des Anwendung keinen anderen Teil des Codes beeinträchtigt. Das Erstellen einer Komponente in Angular 2.0 unter Verwendung von TypeScript beinhaltet die Definition einer Komponentenklasse und von
    js-Tutorial 964 2025-02-18 09:43:09
  • Machen Sie einen sprachgesteuerten Audio-Player mit der Web Speech-API
    Machen Sie einen sprachgesteuerten Audio-Player mit der Web Speech-API
    Kernpunkte Die Web -Voice -API ist eine JavaScript -API, mit der Webentwickler Spracherkennung und -synthese in ihre Webseiten integrieren können, wodurch die Benutzererfahrung verbessert wird, insbesondere für Menschen mit Behinderungen oder Benutzer, die mehrere Aufgaben gleichzeitig erledigen müssen. Die Spracherkennungs -API benötigt derzeit eine Internetverbindung und Benutzerberechtigungen, um auf das Mikrofon zuzugreifen. Bibliothek wie Annyang kann dazu beitragen, die Komplexität zu verwalten und die Vorwärtskompatibilität sicherzustellen. Sprachkontrollierte Audio-Player können mit der API der Sprachsynthese und der API der Spracherkennung erstellt werden. Auf diese Weise kann der Benutzer zwischen Songs navigieren und bestimmte Songs mit Sprachbefehlen anfordern. Der Audio -Player enthält Einstellungsdaten, UI -Methoden und Sprach -API -Methoden
    js-Tutorial 995 2025-02-18 09:40:09
  • Ein Vergleich von JavaScript -Kalendern und Schedulern
    Ein Vergleich von JavaScript -Kalendern und Schedulern
    Key Takeaways Kendo UI Scheduler, ein Teil des Kendo UI -Frameworks, benötigt eine kommerzielle Lizenz für die Nutzung und bietet einen grundlegenden, leicht anpassbaren Scheduler mit allen erforderlichen Funktionen. Es ist jedoch möglicherweise nicht die beste Wahl, wenn Sie nicht innen sind
    js-Tutorial 895 2025-02-18 09:36:09
  • CSS Architektur Block-Element-Modifier (BEM)-SitePoint
    CSS Architektur Block-Element-Modifier (BEM)-SitePoint
    BEM (Blockelementmodifier) ​​ist eine Front-End-Entwicklungsmethode, eine Namenskonvention und eine Reihe von zugehörigen Tools. Es stammt aus Yandex und wurde für die effiziente Entwicklung großer Teams entwickelt. Diese Erklärung konzentriert sich auf das Kernkonzept und
    CSS-Tutorial 946 2025-02-18 09:33: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