aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • 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 891 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 718 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 1016 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 176 2025-02-15 10:02:12
  • Ein Anfänger -Leitfaden für die neuesten Bootstrap -Dienstprogrammklassen
    Ein Anfänger -Leitfaden für die neuesten Bootstrap -Dienstprogrammklassen
    Bootstrap 4: Ein tiefes Eintauchen in verbesserte Versorgungsklassen Die Veröffentlichung von Bootstrap 4 führte zu erheblichen Verbesserungen, insbesondere zu einem raffinierten Satz von Versorgungsklassen, das das Styling ohne benutzerdefinierte CSS optimiert hat. Dieser Artikel untersucht diese Verbesserungen und konzentriert sich auf die
    CSS-Tutorial 594 2025-02-15 09:58:13
  • Entwickeln von Winkel -Apps ohne Mockbackend ohne Back End
    Entwickeln von Winkel -Apps ohne Mockbackend ohne Back End
    Dieser Artikel zeigt, wie der Mockbackend von Angular 2 die unabhängige Front-End-Entwicklung, beschleunigte Iteration und Tests ohne Back-End-Abhängigkeiten erleichtert. Mockbackend -Abschnitte HTTP
    js-Tutorial 204 2025-02-15 09:56:12
  • 10 Lodash -Funktionen, die Sie durch ES6 ersetzen können
    10 Lodash -Funktionen, die Sie durch ES6 ersetzen können
    Lodash ist derzeit die abhängigste Bibliothek im NPM -Paket, aber wenn Sie ES6 verwenden, benötigen Sie es möglicherweise nicht. In diesem Artikel wird untersucht, wie native Sammlungsmethoden, Pfeilfunktionen und andere neue ES6 -Funktionen kombiniert werden, um den Code vieler gemeinsamer Szenarien zu vereinfachen. Kernpunkte Lodash ist derzeit die abhängigste Bibliothek im NPM -Paket. In einigen Fällen kann die Verwendung von ES6 jedoch die Notwendigkeit beseitigen. ES6 -Merkmale wie native Set -Methoden, Pfeilfunktionen, Dekonstruktionssyntax sowie REST- und Spread -Operatoren können gemeinsame Funktionen von Lodash ersetzen, z. B. Karte, Filter, Reduzieren, Kopf und Schwanz, Ruhe und Ausbreitung. ES6 ist in Ordnung
    js-Tutorial 258 2025-02-15 09:55:12
  • 3 Tipps zum Beschleunigen Ihrer Bootstrap -Website
    3 Tipps zum Beschleunigen Ihrer Bootstrap -Website
    Schlüsselpunkte Laden Sie nur die erforderlichen Komponenten im Bootstrap -Paket herunter. Unnötige Komponenten erhöhen die Größe der Website und verlangsamen die Geschwindigkeit. Wenn nicht bestimmte Funktionen verwendet werden, löschen Sie sie, um die Geschwindigkeit zu optimieren. Verwenden Sie keine vorkompilierten Download -Pakete, sondern wählen Sie Quellcode. Auf diese Weise können Sie nur die benötigten Komponenten einfügen und ein schlankeres und effizientes Stylesheet für Ihre Produktionsumgebung erstellen. Implementieren Sie bewährte Client -Optimierungstechniken wie das Schreiben von optimiertem CSS und JavaScript -Code, Komprimieren und Zusammenführen von CSS und JavaScript -Code sowie die Optimierung von Bilddateigrößen. Diese Schritte können die Geschwindigkeit und Leistung Ihrer Website erheblich verbessern. Die Website-Optimierung ist eine Reihe von serverseitigen und Client-Technologien, die das Netzwerk beschleunigen sollen
    CSS-Tutorial 239 2025-02-15 09:53:11
  • Verwenden Sie Paket, um eine HyperApp -App zu bündeln und auf GitHub -Seiten bereitzustellen
    Verwenden Sie Paket, um eine HyperApp -App zu bündeln und auf GitHub -Seiten bereitzustellen
    Dieses Tutorial zeigt, dass das Erstellen einer HyperApp -Anwendung lokal erstellt, sie mit Paket bündelt und auf Github -Seiten eingesetzt wird. Wir erstellen eine To-Do-List-App, in der ES6-Module, JSX, SCSS und NPM-Skripte für einen effizienten Workflow genutzt werden. Schlüsselkonzepte:
    js-Tutorial 884 2025-02-15 09:48:12
  • Erstellen Sie eine native reagemonische Anwendung und authentifizieren Sie mit OAuth 2.0
    Erstellen Sie eine native reagemonische Anwendung und authentifizieren Sie mit OAuth 2.0
    Integrieren Sie einfach die Authentifizierungsfunktionen von React Native Apps mit Okta und OpenID Connect (OIDC), ohne sie selbst zu bauen. Mit OIDC können Sie die OKTA -API direkt authentifizieren, und dieser Artikel zeigt, wie diese Funktion in einer nativen React -Anwendung implementiert wird. Mithilfe der AppAuth -Bibliothek lernen wir, wie Sie Anmeldeberosen über OIDC umleiten. React Native ist ein effizientes Gerüst. Im Gegensatz zu ionischen und anderen hybriden mobilen Frameworks können Sie native mobile Anwendungen mithilfe von Webtechnologien (React und JavaScript) erstellen. Es beinhaltet keinen Browser oder Webview, daher verwendet es React
    js-Tutorial 968 2025-02-15 09:47:11
  • Interaktive Datenvisualisierung mit modernem JavaScript und D3
    Interaktive Datenvisualisierung mit modernem JavaScript und D3
    In diesem Artikel möchte ich Sie durch ein Beispielprojekt führen, das ich kürzlich erstellt habe - eine völlig originelle Art der Visualisierung mithilfe der D3 -Bibliothek, die zeigt, wie jede dieser Komponenten dazu beiträgt, D3 zu einer großartigen Bibliothek zum Lernen zu machen. D3 steht
    js-Tutorial 771 2025-02-15 09:41:12
  • Passauthentifizierung für Node.js -Anwendungen
    Passauthentifizierung für Node.js -Anwendungen
    Dieses Tutorial zeigt die Facebook- und Github -Authentifizierung in einer Webanwendung von node.js mit passport.js, einer beliebten Authentifizierung Middleware. Pass vereinfacht die Integration von OAuth und OpenID Connect. Schlüsselkonzepte: Passport.js: a node.js middl
    js-Tutorial 404 2025-02-15 09:39:12
  • Erstellen Sie benutzerdefinierte Dashboards mit MongoDB, Azure & Serverless -Funktionen
    Erstellen Sie benutzerdefinierte Dashboards mit MongoDB, Azure & Serverless -Funktionen
    In diesem Artikel wird beschrieben, dass ein benutzerdefiniertes WordPress -Dashboard mit React.js, Node.js, MongoDB -Atlas und mehreren Microsoft Azure -Diensten erstellt wird und sich auf serverlose Azure -Funktionen konzentriert. Der Autor wählte diesen Stapel wegen seiner Skalierbarkeit, Kosteneffizienz und aus
    js-Tutorial 164 2025-02-15 09:38:12
  • Erstellen eines Twitter -Clients mit Nodejs und Angular
    Erstellen eines Twitter -Clients mit Nodejs und Angular
    Dieses Tutorial zeigt, dass ein grundlegender Twitter -Client node.js für das Backend und Angular für das Frontend verwendet wird und sich auf die Anzeige Ihrer Heimatleiste konzentriert. Während einige frühere Knoten.js und Winkelkenntnisse angenommen werden, bietet der Leitfaden eine Struktur
    js-Tutorial 301 2025-02-15 09:37:11
  • Einführung in die Sicherungskiste
    Einführung in die Sicherungskiste
    Fusebox: Eine schnelle und einfache Alternative zu Webpack Webpack regiert die oberste Stelle als das JavaScript-Modul-Bundler, doch seine Komplexität verhindert häufig Neuankömmlinge. Dieser Artikel Champions Fusebox, eine schnellere, intuitivere Alternative zum Streamlin
    js-Tutorial 273 2025-02-15 09:33: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