aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Eine Einführung in den Rollup.js JavaScript Bundler
    Eine Einführung in den Rollup.js JavaScript Bundler
    Rollup.js: Ein JavaScript-Modul der nächsten Generation Rollup.js, erstellt von Rich Harris (ebenfalls Autor von SVELTE), ist ein moderner JavaScript -Modul -Bundler, der mehrere Quelldateien zu einem einzigen optimierten Bundle kompiliert. Im Gegensatz zu einigen a
    js-Tutorial . json 683 2025-02-10 16:01:10
  • So richten Sie VS -Code für die React -Entwicklung ein
    So richten Sie VS -Code für die React -Entwicklung ein
    VS -Code -Konfigurationshandbuch zur effizienten Reaktentwicklung: Verbesserung Ihrer Codierungseffizienz React -Entwickler benötigen einen Code -Editor, der React -Code effizient schreiben kann. Es gibt Tausende von freien Erweiterungen auf dem Markt für VS -Code, mit denen Sie Ihren Entwicklungsworkflow verbessern können. Dieser Artikel konzentriert sich auf einige Erweiterungen und Einstellungen, die Ihre React -Codierungseffizienz auf professionelle Ebene bringen. Einige der im Artikel aufgeführten Erweiterungen sind nicht reagentspezifisch, können aber Ihre Effizienz und Codierungsgeschwindigkeit verbessern. Tatsächlich gibt es nur wenige Erweiterungen, die in Ihrer täglichen Codierung wirklich nützlich sind. Die in diesem Artikel aufgeführten Tools und Technologien können Ihnen Stunden Entwicklungsarbeiten sparen - diese Zeit wären bei der Lösung vieler kleiner, aber kleiner Lösung verschwendet worden
    js-Tutorial . json 1023 2025-02-10 15:59:10
  • 21 Node.js Interviewfragen mit Lösungen
    21 Node.js Interviewfragen mit Lösungen
    Die Vorbereitung auf ein Vorstellungsgespräch ist immer eine entmutigende Aufgabe. Höchstwahrscheinlich wissen Sie nicht genau, was Sie gefragt werden, und die Nerven können leicht übernehmen, was Sie auch Ihren eigenen Namen vergessen lässt. Ich habe 21 Node.js -Fragen für Vorstellungsgespräche zusammengestellt, die stammen
    js-Tutorial . json 397 2025-02-10 15:55:09
  • So verwenden Sie AMP mit WordPress
    So verwenden Sie AMP mit WordPress
    Kernpunkte Google Accelerated Mobile Pages (AMP) ist ein wichtiges Tool zur Verbesserung der Geschwindigkeit und der Benutzererfahrung von Website auf mobilen Geräten, ohne die Werbeeinnahmen zu beeinträchtigen. AMP kann die SEO -Rangliste verbessern, da Google beim Ranking von Websites die Ladegeschwindigkeit berücksichtigt. Wenn AMP-Seiten aufgrund einer schnelleren Belastung höhere Klickraten und niedrigere Absprungraten aufweisen, werden sie höher rangieren. Um AMP implementieren zu können, müssen Entwickler zwei Versionen der Webseite erstellen: eine Originalversion für Desktop -Benutzer und eine AMP -Version für mobile Benutzer. AMP erlaubt keine Formularelemente und JavaScript von Drittanbietern, sodass AMP-Versionen möglicherweise nicht zur Verfügung stehen, z. B. Kontaktformulare oder aufeinanderfolgende Kommentare. Google
    WordDrücken Sie . json 378 2025-02-10 15:47:09
  • So holen Sie Daten von einer API von Drittanbietern mit Deno ab
    So holen Sie Daten von einer API von Drittanbietern mit Deno ab
    In diesem Artikel wird Deno untersucht, eine moderne Laufzeitumgebung, die als potenzieller Nachfolger oder Wettbewerber von Node.js. Deno priorisiert die Sicherheit und bietet integrierte Typuskriptsunterstützung. Wir werden ein Befehlszeilen-Tool erstellen, das mit den Star Wars interagiert
    js-Tutorial . json 902 2025-02-10 15:46:15
  • Der Stand der PHP -MVC -Frameworks im Jahr 2017
    Der Stand der PHP -MVC -Frameworks im Jahr 2017
    Schlüsselpunkte Laravel und Symfony leiten derzeit PHP -MVC -Frameworks mit einer starken Gemeinschaft und neuen Fähigkeiten für die kontinuierliche Entwicklung. Der Aufstieg von Microservices und Container-basierten Architekturen verändert die Rolle von MVC beim Aufbau von Anwendungen als „Funktionen“. Während Laravel im Vordergrund steht, können große eloquente Modelle und übermäßige Dienste sie komplizieren, was zu monolithischen Anwendungen führt. Symfony bietet zwar manchmal zu monolithischen Anwendungen, bietet jedoch Eleganz und Flexibilität durch die Verwendung von Repositorys. Das Aufkommen von Microservices bedeutet nicht, dass PHP stirbt, aber Entwickler sollten weiter bleiben und in Betracht ziehen, G zu lernen
    PHP-Tutorial . json 1030 2025-02-10 15:32:11
  • Leichte automatische Steuerelemente mit dem HTML5 -Datalisten
    Leichte automatische Steuerelemente mit dem HTML5 -Datalisten
    In diesem Tutorial werden wir ein tiefes Tauchgang in das wenig verwendete HTML5-Element einnehmen. Es kann eine leichte, zugängliche, cross-Browser-Autokontrollenregelung implementieren, für die kein JavaScript erforderlich ist. Key Takeaways Das html5 `` Element offe
    CSS-Tutorial . json 922 2025-02-10 15:18:08
  • Mean Stack: Erstellen Sie eine App mit Winkel und Winkel -CLI
    Mean Stack: Erstellen Sie eine App mit Winkel und Winkel -CLI
    Dieses Tutorial führt Sie durch die Benutzerauthentifizierung in einer mittleren Stapelanwendung. Wir werden eine gemeinsame Architektur verwenden: eine eckige einseitige App, die mit einem Node.js-, Express- und MongoDB-basierten Rest-API interagiert. Wichtige Authentifizierungsaspekte: Benutzerregistrierung
    js-Tutorial . json 621 2025-02-10 15:14:16
  • Daten aus einer HTTP -API mit Python abrufen
    Daten aus einer HTTP -API mit Python abrufen
    Python Effizienter Zugriff auf die HTTP -API: Fordern Sie Bibliothek an und fordern Sie Cache an Dieser Artikel wird aus "Practical Python" ausgerichtet, und der Autor Stuart zeigt, wie man mit Python und mehreren Modulen von Drittanbietern leicht auf die HTTP-API zugreift. In den meisten Fällen erfordert die Verarbeitung von Daten von Drittanbietern Zugriff auf die HTTP-API, d. H. Das Senden von HTTP-Anfragen an Webseiten, die so konzipiert werden, dass sie von Maschinen gelesen werden, anstatt manuell gelesen zu werden. Die API-Daten befinden sich normalerweise in einem maschinenlesbaren Format, normalerweise in JSON oder XML. Lassen Sie uns mithilfe von Python sehen, wie Sie auf die HTTP -API zugreifen. Die Grundprinzipien der Verwendung von HTTP -API sind einfach: Machen Sie eine HTTP -Anfrage an die URL der API, die einige Identitäten enthalten kann
    Python-Tutorial . json 814 2025-02-10 15:11:12
  • CSS -Optimierungstools zur Steigerung der PWA -Leistung
    CSS -Optimierungstools zur Steigerung der PWA -Leistung
    Verbesserung der PWA -Leistung: Ein CSS -Optimierungshandbuch In diesem Artikel wird untersucht, wie die Leistung progressiver Webanwendungen (PWA) durch CSS -Optimierung erheblich verbessern kann. Wir werden lernen, wie man nicht verwendete CSS entzieht, CSS inlinekritisch ist und den endgültigen Code komprimiert. Diese Technologien eignen sich auch für normale Websites und Anwendungen. Schlüsselpunkte: Die CSS -Optimierung kann die PWA -Leistung erheblich verbessern, indem ungenutzte CSS, Inline -CSS -CSS und Codekomprimierung entfernt werden. Das Open -Source -Audit -Tool -Leuchtturm von Google kann dazu beitragen, Möglichkeiten für die CSS -Optimierung zu ermitteln. Tools wie PurifyCSS können ungenutzte CSS -Stile entfernen und die Größe von CSS -Dateien verringern. Critical CSS Extrac
    CSS-Tutorial . json 567 2025-02-10 14:54:10
  • Der einfachste Weg, WordPress -Websites zu animieren: Bebuilder Lottie
    Der einfachste Weg, WordPress -Websites zu animieren: Bebuilder Lottie
    Lottie Animation: Die beste Wahl für die WordPress -Website Animation Lottie ist zu einem effektiven Weg geworden, um Animationen auf WordPress -Websites zu erstellen, mit Vorteilen, einschließlich: Keine Codierung, einfache Anpassung, hervorragende Leistung, vollständige Reaktionsfähigkeit und eine verbesserte Benutzererfahrung. Die Integration von Bebuilder in Lottie erleichtert WordPress-Benutzern, Animationen ohne Codierungsfähigkeiten zu erstellen und anzupassen. Verwenden Sie einfach eine Drag-and-Drop-Schnittstelle und eine reiche Anpassungsoptionen. Vorteile der Lottie -Animation: Keine Codierung erforderlich: Erstellen und Bearbeiten von Lottie -Animationen erfordert, dass kein Code geschrieben wird. Sie können vorgefertigte Animationen aus Ressourcen wie LotTiefiles und Iconscout erhalten,
    IT Industrie . json 385 2025-02-10 14:52:10
  • So migrieren Sie Ihre App von Express zu Fastify
    So migrieren Sie Ihre App von Express zu Fastify
    Express war einst der beliebteste Framework für die Entwicklung von Webanwendungen mit node.js. Der Rahmen hat jedoch in den letzten Jahren die aktive Entwicklung verringert, was zu einer mangelnden Unterstützung für moderne JavaScript -Merkmale führte. Gleichzeitig entstehen viele neue Frameworks, die unterschiedliche Ansätze zur Entwicklung von Node.js anwenden, und Fastify ist einer davon. In diesem Artikel wird untersucht, warum Fastify eine überzeugende Alternative zur Entwicklung von Node.js Webanwendungen ist. Wir werden lernen, wie Sie vorhandenen Expressanwendungen von Grund auf neu einschreiben und stattdessen Schritt für Schritt zu Fastify wechseln. Nach dem Studium dieses Artikels können Sie vorhandene zuversichtlich übertragen werden
    js-Tutorial . json 725 2025-02-10 14:50:13
  • So erstellen Sie einen Entwicklerblog mit Gatsby und MDX
    So erstellen Sie einen Entwicklerblog mit Gatsby und MDX
    Sie können Ihre Ideen problemlos an Websites wie Dev.TO, Hashhnode oder Medium veröffentlichen. Das Ideal ist jedoch die volle Kontrolle über Ihren eigenen Inhalt. Es gibt eine ständig wachsende Liste von Tools zum Erstellen Ihrer eigenen Website und zur Steuerung Ihrer eigenen Inhalte. In diesem ext
    js-Tutorial . json 538 2025-02-10 14:41:11
  • 2FA in Laravel mit Google Authenticator - Holen Sie sich sicher!
    2FA in Laravel mit Google Authenticator - Holen Sie sich sicher!
    Google Authenticator 2-Schritt In diesem Artikel wird Sie über die Integration von Google Authenticator in Ihre Laravel-App für die Zwei-Faktor-Authentifizierung (2FA) geleitet, um die Anwendungssicherheit erheblich zu verbessern. Kernpunkte: Verwenden von Google Authenticator und Laravel, um 2FA zu implementieren, sind die Verifizierung von Kennwort- und Geräte-generierten Überprüfungscodes mit zwei Faktoren erforderlich, um die Kontosicherheit zu verbessern. Google Authenticator zeitbasiertes Einmalkennwort (TOTP) -Algorithmus, der ohne Netzwerkverbindung offline funktioniert, besser als Abhängigkeiten
    PHP-Tutorial . json 818 2025-02-10 14:37:10
  • Erstellen Sie eine Node.js -Crud -App mit React und FeathersJs
    Erstellen Sie eine Node.js -Crud -App mit React und FeathersJs
    Dieses Tutorial zeigt, dass das Erstellen einer CRUD Contact Manager -Anwendung mit Node.js, React, FeathersJs und MongoDB erstellt wird. Es betont einen optimierten Ansatz, der den Code des Boilerplate minimiert und moderne React -Funktionen nutzt. Das Kernkonzept ist Separa
    js-Tutorial . json 485 2025-02-10 14:31: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