aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Angular 2 Authentifizierung: Schutz des privaten Inhalts
    Angular 2 Authentifizierung: Schutz des privaten Inhalts
    In diesem Artikel wird gezeigt, wie Sie einer Winkelanwendung Authentifizierung hinzufügen und bestimmte Abschnitte vor nicht autorisierten Zugriff schützen. Es ist Teil 5 eines SitePoint Angular 2 -Tutorials zum Bau einer Crud -App mit der Winkel -CLI. Dieses Tutorial baut
    js-Tutorial 685 2025-02-15 10:49:11
  • Bootstrap Grid: Beherrschen der nützlichsten Flexbox -Eigenschaften
    Bootstrap Grid: Beherrschen der nützlichsten Flexbox -Eigenschaften
    In diesem Artikel werden das Grid -System von Bootstrap, das auf Flexbox basiert, zum Erstellen reaktionsschneller Layouts untersucht. Wir werden Schlüsselklassen und Flexbox -Konzepte abdecken, um effiziente und anpassbare Designs zu erstellen. Schlüsselkonzepte: Bootstrap 4 nutzt Flexbox für sein Netz, Si, SI
    CSS-Tutorial 212 2025-02-15 10:48:13
  • Nehmen Sie Ihre Website als progressive Web -App nach
    Nehmen Sie Ihre Website als progressive Web -App nach
    Progressive Web Apps (PWAS): Verwandeln Sie Ihre Website in ein natives Erlebnis Die Summen um Progressive Web Apps (PWAS) ist unbestreitbar. Viele glauben, dass sie die Zukunft der mobilen Webentwicklung repräsentieren und eine überzeugende Alternative zu NA anbieten
    CSS-Tutorial 1094 2025-02-15 10:47:11
  • Steigern Sie Ihren Workflow mit Angular 5 Snippets und VS Code
    Steigern Sie Ihren Workflow mit Angular 5 Snippets und VS Code
    Angular 5 -Code -Snippets im Visual Studio -Code verbessern die Produktivität erheblich und verringern die Notwendigkeit, doppelten Code zu schreiben. Der VS -Code -Markt bietet eine Vielzahl von Code -Snippets für verschiedene Programmiersprachen, einschließlich Angular 5. Diese Code -Ausschnitte können in jedem Angular 5 -Projekt installiert und verwendet werden. Benutzer können ihre eigenen Code -Snippets im VS -Code erstellen, indem sie dieselbe in Textmate definierte Syntax definieren. Diese benutzerdefinierten Code -Ausschnitte können durch Einfügen von Registerkartenstopps, Platzhaltern und Auswahllisten interaktiv sein. Sie können das Team verwenden, indem Sie einen .VSCODE -Ordner im Projektroot -Verzeichnis erstellen und an das Repository senden
    js-Tutorial 442 2025-02-15 10:44:11
  • Erstellen einer WebRTC -Video -Chat -Anwendung mit SimpleWebrtc
    Erstellen einer WebRTC -Video -Chat -Anwendung mit SimpleWebrtc
    Erstellen einer Echtzeit-Video-Chat-Anwendung basierend auf SimpleWebrtc Dieses Buch, 6 JavaScript -Projekte, enthält diesen Artikel, zielt darauf ab, einen Einblick in die moderne JavaScript -Entwicklung zu erhalten. Mit dem Aufstieg von WEBRTC und der verbesserten Fähigkeit von Browsern, die Echtzeit-Punkt-zu-Punkt-Kommunikation zu bewältigen, ist das Erstellen von Echtzeitanwendungen einfacher als je zuvor. In diesem Tutorial werden SimpleWebrtc und die Funktionsweise unserer Arbeit bei der Implementierung von WEBRTC untersucht. Während des gesamten Prozesses erstellen wir eine WebRTC -Video -Chat -Anwendung mit Messaging -Funktionen. Wenn Sie Hintergrundkenntnisse über Webrtc und Peer-to-Peer-Kommunikation benötigen, wird empfohlen, "Dawn of Webrtc" und "GE" zu lesen
    js-Tutorial 719 2025-02-15 10:42:12
  • ES6 in Aktion: So verwenden Sie Proxys
    ES6 in Aktion: So verwenden Sie Proxys
    ES6 -Stellvertreter: Metaprogramming Kraftpaket in JavaScript Schlüsselkonzepte: ES6 -Proxys ermöglichen die Metaprogrammierung durch Abfangen von Objekteigenschaftszugriff. Ein Proxy fungiert als Vermittler zwischen Ihrem Code und dem Zielobjekt. Dies beinhaltet drei Schlüsselelemente
    js-Tutorial 422 2025-02-15 10:37:09
  • Top -Winkel -Plugins für Sublime Text
    Top -Winkel -Plugins für Sublime Text
    Plugins zur Verbesserung der Effizienz der Winkelentwicklung im erhabenen Text In diesem Artikel wird eine Reihe von Winkel -Plugins vorgestellt, die im Sublime Text Texteditor verfügbar sind, mit dem Angular -Entwickler, sowohl neue als auch Veteranen, helfen sollen, den Sublime -Text besser für die Entwicklung zu nutzen. Diese Plug-Ins bieten Funktionen wie Code-Abschluss, Codeausschnitte, Syntax-Hervorhebungen und integrierte Fehlerprüfung, die die Entwicklungseffizienz erheblich verbessert. Bevor Sie beginnen, müssen Sie den Paketmanager von Sublime Text - Paketsteuerung installieren. Paketsteuerung installieren Die meisten Winkel -Plugins erfordern Package Con
    js-Tutorial 237 2025-02-15 10:28:11
  • Eine Einführung in TypeScript: Statische Eingabe für das Web
    Eine Einführung in TypeScript: Statische Eingabe für das Web
    Typscript -Kernkonzepte TypeScript ist ein Superset von JavaScript. Zu den wichtigsten Vorteilen gehören: Statischer Typ: TypeScript führt eine statische Überprüfung des Typs ein, die Typ -Fehler in der Kompilierungsphase erkennen, Laufzeitfehler vermeiden und die Codezuverlässigkeit verbessern können. Schnittstellen: Definieren Sie die Struktur eines Objekts, geben Sie Codeaufforderungen und automatische Fertigstellung an, beschleunigen Sie die Entwicklung und reduzieren Sie Fehler. Module und Klassen: Unterstützt modulare Entwicklung und objektorientiert
    js-Tutorial 442 2025-02-15 10:27:11
  • Verwenden von ES -Modulen heute im Browser
    Verwenden von ES -Modulen heute im Browser
    Verwenden Sie ES -Module in Browsern: aktueller Status und Zukunft Kernpunkte: ES6 (ES2015) führte native JavaScript-Normmodulstandards ein, aber zunächst unterstützt die LED-Entwickler von schlechten Browser, um Modullader zu verwenden, um Abhängigkeiten in eine einzelne ES5-kompatible Browserdatei zu bündeln. Mainstream -Browser wie Safari, Chrom, Firefox und Edge unterstützen nun die Importsyntax des ES6 -Moduls und ermöglichen eine effizientere und standardisiertere Codestruktur. Trotz der zunehmenden Unterstützung für ES6 -Module sind Build -Tools wie Babel und Webpack immer noch unverzichtbar, da die Browser weiterhin optimiert werden.
    js-Tutorial 239 2025-02-15 10:26:12
  • Clean Code mit ES6 -Standardparametern und Eigenschaften -Kürzungen
    Clean Code mit ES6 -Standardparametern und Eigenschaften -Kürzungen
    Kernpunkte Mit ES6 -Standardparametern können die Standardwerte für Funktionen initialisiert werden und werden verwendet, wenn die Parameter weggelassen oder nicht definiert werden. Diese Funktion vereinfacht den Code und macht ihn prägnanter und einfacher zu lesen, da er die Notwendigkeit reduziert, wenn Anweisungen und andere Überprüfungen erforderlich sind. ES6 -Attributabkürzung bietet eine Möglichkeit, den Code prägnanter und einfacher zu lesen, insbesondere wenn es sich um große Konfigurationsobjekte handelt. Ohne eine vollständige Attributzuweisung zu schreiben, können Sie Werte den Attributen mit demselben Namen wie der Variablen unter Verwendung der Abkürzung zuweisen. Die Standardparameter und Attributabkürzungen in ES6 können die Methoden ordnungsgemäß und in einigen Fällen kürzere Methoden machen. Sie können Entwicklern helfen, sich mehr auf die praktischen Verwendung der Methode zu konzentrieren, ohne von vielen Standardvorbereitungen abgelenkt zu werden. Obwohl die Attributabkürzung eher eine äußere ist
    js-Tutorial 451 2025-02-15 10:19:13
  • 3D -Transformationsfunktionen in CSS
    3D -Transformationsfunktionen in CSS
    Key Takeaways CSS 3D-Transformationsfunktionen ermöglichen die Manipulation von HTML-Elementen in drei Dimensionen: die horizontale x-Achse, die vertikale y-Achse und die Tiefe Z-Achse. Dies umfasst Funktionen wie rotatex (), rotatey (), rotatez (), translate3d (), t
    CSS-Tutorial 976 2025-02-15 10:15:11
  • ES6 in Aktion: Let und const
    ES6 in Aktion: Let und const
    Schlüsselpunkte von LET und const in ES6 ES6 führt zwei neue Schlüsselwörter ein, LET und const, die eine Möglichkeit bieten, blockgeschützte Variablen und Konstanten zu definieren, die Funktionen von JavaScript zu verbessern und potenzielle Fehler zu verringern. Mit dem LET -Schlüsselwort können Variablen innerhalb eines bestimmten Blockbereichs deklariert werden, was eine signifikante Änderung gegenüber den früheren Einschränkungen von JavaScript darstellt, die auf Funktionen und globale Bereiche beschränkt sind. Mit LET deklarierte Variablen werden nicht gehoben, was bedeutet, dass sie nicht verwiesen werden können, bevor sie innerhalb eines Blocks deklariert werden. Das CONT -Schlüsselwort wird verwendet, um Konstanten zu definieren, die nicht neu eingebracht werden können. Obwohl Const eine unveränderliche Erzeugung erzeugt
    js-Tutorial 921 2025-02-15 10:12:11
  • Vorbereitung auf ECMascript 6: Neue String -Methoden - String.Prototype.*
    Vorbereitung auf ECMascript 6: Neue String -Methoden - String.Prototype.*
    In meinem vorherigen Artikel über ES6 -Array -Methoden habe ich die neuen Methoden in ECMascript 6 eingeführt, die mit dem Array -Typ arbeiten. In diesem Tutorial lernen Sie neue ES6 -Methoden kennen, die mit Strings funktionieren: String.Prototype.* Wir werden mehrere entwickeln
    js-Tutorial 751 2025-02-15 10:10:12
  • Ein Full-Screen-Bootstrap-Karussell mit zufälligem Anfangsbild
    Ein Full-Screen-Bootstrap-Karussell mit zufälligem Anfangsbild
    Dieser Artikel zeigt, dass zwei einfache Bootstrap-Karussellverlängerungen erstellt werden: eine Vollbilddiop-Diashow und ein Karussell mit einer randomisierten anfänglichen Folie. Wir beginnen mit einem einfachen Karussell und verbessern es dann. Schlüsselkonzepte: Full-Screen-Karussell: erreicht
    CSS-Tutorial 1047 2025-02-15 10:06:12
  • Number (). Tofixed () Rundungsfehler: defekt, aber fixierbar
    Number (). Tofixed () Rundungsfehler: defekt, aber fixierbar
    Dieser Artikel wurde ursprünglich auf David Kayes Blog veröffentlicht Ich habe Rundungsfehler in Number (). Tofixed () in allen JavaScript -Umgebungen gefunden, die ich ausprobiert habe (Chrome, Firefox, Internet Explorer, Brave und Node.js). Überraschenderweise ist das Fix sehr einfach. Lesen Sie weiter ... Schlüsselpunkte JavaScripts Nummer (). Tofixed () -Funktion hat Rundungsfehler in mehreren Umgebungen (Chrome, Firefox, Internet Explorer, Brave und Node.js). Dieser Fehler ist inkonsistent, wenn der Dezimaleil
    js-Tutorial 208 2025-02-15 10:02:12

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