aktueller Standort：Heim > Technische Artikel > Web-Frontend
- Richtung：
- alle web3.0 Backend-Entwicklung Web-Frontend Datenbank Betrieb und Instandhaltung Entwicklungswerkzeuge PHP-Framework tägliche Programmierung WeChat-Applet häufiges Problem andere Technik CMS-Tutorial Java System-Tutorial Computer-Tutorials Hardware-Tutorial Mobiles Tutorial Software-Tutorial Tutorial für Handyspiele
- Klassifizieren：
-
- Ein umfassender Blick auf JQuery Dom Traversal
- JQuery DOM Traversal: Leichte Kontrolle von Webelementen In diesem Artikel wird die Jquery DOM -Traversal -Methode eingehend untersucht. Dabei wird angezeigt, wie JQuery verwendet wird, um Webseitenelemente einfach auszuwählen und basierend auf ihrer Beziehung zu anderen Elementen auf der Seite zu arbeiten. Kernpunkte: Mit JQuery DOM -Traversal können Entwickler einfach navigieren und Webseitenelemente manipulieren und relativ zur anfänglichen Auswahl arbeiten, einschließlich des Austauschs der ursprünglichen Auswahl oder dem Hinzufügen und Entfernen von Elementen. JQuery bietet mehrere Methoden zum Filtern von Elementen basierend auf der Position von Elementen im Vergleich zu anderen Elementen und der Frage, ob sie bestimmte Klassen usw. haben. Zu den Methoden gehören EQ, First, Last, Slice, Filter und Map. JQuery liefert auch DOM
- js-Tutorial 734 2025-02-17 12:17:13
-
- Wie bist du gekommen? Die besten und schlechtesten Webdesign -Tools
- Klicken Sie hier, um meinen neuesten Newsletter zu abonnieren Vor kurzem erinnert mich die Rückkehr von Adobe Dreamweaver an die Vergangenheit. Früher war ich ein treuer Dreamweaver -Benutzer, aber nachdem ich mich an Linux zugewandt hatte, habe ich seine Existenz fast vergessen. Dies weckte meine Neugier auf andere Web -Erstellungs -Tools, die ich in meiner Karriere verwendet habe, und habe mich entschlossen, sie zu überprüfen. Ich suchte schnell im Bücherregal und fand diesen Schatz - "Frontpage 2000 Concise Tutorial". FrontPage (jetzt eingestellt) ist ein Editor von Microsoft und das Tool, mit dem ich meine erste Webseite erstellt habe. Die Wysiwyg -Methode ist für Neulinge attraktiv (die meisten Menschen waren zu dieser Zeit neu) und mit Microsofts Spektrum an Büroprodukten
- js-Tutorial 319 2025-02-17 12:14:13
-
- Erstellen Sie eine Musik -Streaming -App mit Electron, React & ES6
- Dieses Tutorial führt Sie durch den Bau einer stilvollen SoundCloud -Musik -Streaming -Desktop -App mit Electron, React, ES6 und der SoundCloud -API. Die App ermöglicht die Suche nach Tracks und das Abspielen der SoundCloud -Website. Schlüsselfunktion
- js-Tutorial 451 2025-02-17 12:13:17
-
- Wie ich ein reines CSS -Kreuzworträtsel erstellt habe
- Dieser Artikel zeigt ein faszinierendes reines CSS -Kreuzworträtsel, das ohne JavaScript erstellt wurde und das auf Codepen erhebliche Aufmerksamkeit auf sich gezogen hat (über 350 Herzen und 24.000 Aufrufe!). Inspiriert vom CSS -Netzgarten nutzt der Autor genial CSS Grid
- CSS-Tutorial 640 2025-02-17 12:09:09
-
- Die Bedeutung und der Zweck des reaktionsschnellen Webdesigns
- Responsive Web Design: An alle Bildschirme angepasst Responsive Web Design (RWD) ist eine Designmethode, mit der sich eine Website an Bildschirme aller Größen anpassen kann und für die Unterstützung einer zunehmenden Anzahl von Geräten für das Durchsuchen von Webseiten von entscheidender Bedeutung ist. RWD folgt dem Entwicklungsprinzip von "Nicht wiederholen" (trocken) und zielt darauf ab, einen Codessatz für jedes Gerät anzupassen. Dies bedeutet, einen Satz von HTML-, CSS- und JavaScript -Code zu schreiben und Elemente für jede Plattform angemessen anzuzeigen. Es gibt eine Reihe verschiedener Designkonzepte für RWD -Speicher, einschließlich progressiver Verbesserung, eleganten Herabstufungen und mobiler Priorität. Diese Ansätze konzentrieren sich auf verschiedene Aspekte, wie z.
- CSS-Tutorial 250 2025-02-17 12:08:09
-
- JavaScript Refactoring -Techniken: spezifisch für generische Code
- Wichtigste Imbiss: Refactoring JavaScript verbessert die Code -Lesbarkeit, die Wartbarkeit, die Leistung und die Wiederverwendbarkeit, die Erkennung und Korrektur von Fehler. Häufige Techniken beinhalten die Minimierung der Redundanz unter Verwendung von Variablen, Verbesserung der Ereignisbehandlung und Refinal
- js-Tutorial 804 2025-02-17 12:06:11
-
- Editorial: Was möchten Sie 2017 lernen?
- Abonnieren Sie unseren neuesten JavaScript -Newsletter und klicken Sie hier, um abonnieren Frohes Neues Jahr, Leser von SitePoint JavaScript! Ich hoffe, jeder hat einen tollen Urlaub (für Urlaub) und ist bereit, 2017 in einem brandneuen Look willkommen zu heißen. 2016 war ein verrücktes Jahr für JavaScript! Wir haben die zunehmende Beliebtheit von ES6 und den Aufstieg progressiver Webanwendungen miterlebt. Darüber hinaus erscheint Garn als Konkurrent von NPM, und JavaScript Müdigkeit ist ebenfalls zum Thema geworden. Wenn Sie dies verpasst haben oder nur auf das vergangene Jahr zurückblicken wollten, sind wir bereit für Sie. Craig Buckler in seinem Artikel "Javascri"
- js-Tutorial 628 2025-02-17 12:04:15
-
- Lernen Sie, D3.JS -Datenvisualisierungen mit Beispiel zu erstellen
- D3.JS: Dynamische Datenvisualisierung mit JavaScript zeichnen In diesem Artikel werden D3.JS, eine leistungsstarke JavaScript -Bibliothek zum Erstellen dynamischer und interaktiver Datenvisualisierungen erläutert. Es verwendet HTML, SVG und CSS, um Daten in Webbrowsern zu rendern. Kernpunkte: D3.JS ist eine vielseitige JavaScript -Bibliothek, mit der Entwickler dynamische, interaktive Datenvisualisierungen in Webbrowsern mithilfe von HTML, SVG und CSS erstellen können. Die Bibliothek bietet eine Fülle von Tools für die Datenverarbeitung und konvertiert Rohdaten in aussagekräftige visuelle Darstellungen und kann allgemein an eindeutigen kreativen Ideen angepasst werden. D3.JS verwendet eine Skalenleiste, um Datenwerte auf Vision zuzuordnen
- js-Tutorial 948 2025-02-17 12:03:16
-
- GPS -Daten mit dem Tessel 2 verfolgen
- GPS-Tracking mit Tessel 2 und GPS-Modulen: Ein Echtzeit-Standortprojekt basierend auf JavaScript In diesem Artikel wird ein Echtzeit-GPS-Tracking-System mit dem Tessel 2-Mikrocontroller und seinem GPS-Modul erstellt. Tessel 2 unterstützt die JavaScript -Programmierung und kann seine Funktionalität durch verschiedene Module erweitern. Wir lernen, wie Sie GPS-Module anschließen, JavaScript-Code auf Tessel 2-Side schreiben, um GPS-Daten zu verarbeiten und einen Node.JS-Server und die Front-End-Google Maps-Integration zu erstellen, um die Visualisierung von Standort-Standorten in Echtzeit zu erreichen. 1. Hardwareverbindung Schließen Sie das GPS -Modul an den A -Port von Tessel 2 an (in der Nähe von USB -Leistung
- js-Tutorial 704 2025-02-17 12:02:09
-
- Ein umfassender Blick auf JQuery -Selektoren
- Dieser Artikel profitierte von Peer Review von Matt Smith und Tim Severien. Vielen Dank an die Peer -Rezensenten von SitePoint für die Verbesserung der Inhaltsqualität! Die Auswahl von Elementen ist grundlegend für die Manipulation von Webseiten mit JQuery. Egal, ob Sie Inhalte ändern, a
- js-Tutorial 923 2025-02-17 12:01:15
-
- 13 JQuery SelectBox/Dropdown-Plugins
- 13 JQuery Dropdown-Menü Plug-Ins helfen Ihnen bei der Verbesserung Ihrer Web-Interactive-Erfahrung! Dieser Artikel wurde am 12. Oktober 2016 aktualisiert, um den aktuellen Status des Dropdown-Menü-Plug-Ins widerzuspiegeln. Der standardmäßige Dropdown-Menüstil ist für alle nicht zufriedenstellend. Manchmal müssen Sie möglicherweise sein Erscheinungsbild steuern (um die Konsistenz über Browser und Geräte hinweg aufrechtzuerhalten), oder Sie benötigen möglicherweise andere Funktionen, die nicht nativ unterstützt werden. Glücklicherweise gibt es viele hervorragende JQuery-basierte Plugins, die diesen Prozess vereinfachen können. Wir werden einige Plugins abdecken, die Sie in Ihr nächstes Projekt integrieren können. Einige dieser Plugins verfügen über hochkonfigurierbare Optionen, Methoden und Ereignisse, während andere einfache Dropdown-Menüstil-Ersetzungen sind, die einfach zu bedienen sind. Schlüsselpunkte Dieser Artikel beschreibt 13 benutzerdefinierte Webseiten, die verwendet werden können
- js-Tutorial 702 2025-02-17 11:57:09
-
- Prognostizieren Sie das Wetter mit Ihrem Himbeer -Pi und Bluemix
- Dieses Tutorial zeigt, dass das Erstellen eines Wettervorhersagegeräts mit IBM Bluemix, einem Raspberry PI und dem Weather Company Data Service erstellt wird. Lassen Sie uns untersuchen, wie diese mächtige Kombination funktioniert. Schlüsselkonzepte: Datenerfassung: Die Wetterunternehmen Daten s
- js-Tutorial 351 2025-02-17 11:56:09
-
- JavaScript mit Blick auf die Zugänglichkeit schreiben
- Tipps zur Verbesserung der Zugänglichkeit von JavaScript -Komponenten In diesem Artikel werden einige Tipps zur Verbesserung der Zugänglichkeit von JavaScript -Komponenten weitergegeben und Benutzern immer bessere Möglichkeiten zur Interaktion mit Websites oder Webanwendungen bieten. Dieser Artikel wurde ursprünglich auf Medium veröffentlicht In meinem ersten Beitrag habe ich beim Schreiben von HTML zugänglich gemacht, warum und wie man sich auf die Zugänglichkeit von Webs konzentriert und einige Tipps zur Verbesserung des Taggings mitgeteilt hat, um eine Website zugänglicher zu machen. Einige dieser Tipps sind sehr einfach, aber immer noch wertvoll. Das alles kommt auf zwei der wichtigsten ungeschriebenen Regeln in der Front-End-Entwicklung an: Erfahren Sie die Grundlagen und verbringen Sie genügend Zeit, um HTML zu planen und zu schreiben. Klare semantische Marker machen Sie und machen Sie und
- js-Tutorial 798 2025-02-17 11:51:11
-
- Erstellen Sie dynamische Tabellen in Sekunden
- Erstellen Sie einfach dynamische interaktive Tabellen mit leichtem JQuery UI -Plugin -Tabulator! In diesem Artikel werden Sie mit sehr wenig JavaScript -Code in dynamische, interaktive Tabellen in dynamische, interaktive Tabellen umwandeln. Kernpunkte: Quick Setup: Mit dem Tabulator -Plugin können Sie JSON -Daten in dynamische, interaktive Tabellen mit nur einer kleinen Menge JavaScript -Code konvertieren. Benutzerdefinierte Spalten: Sie können Tabellenspalten durch Parameter wie Titel, Felder, Sortierung, Breite und Formatierer definieren und anpassen, um Ihre spezifischen Anforderungen zu erfüllen. Flexible Datenbelastung: Der Tabulator unterstützt eine Vielzahl von Datenlademethoden, einschließlich JavaScript -Arrays und AJAX -Anforderungen
- js-Tutorial 225 2025-02-17 11:50:09
-
- Warum ich einen JavaScript -Style -Handbuch verwende und warum Sie es auch sollten
- Schlüsselpunkte Durch die Übernahme von JavaScript-Style-Leitfäden wie JavaScript Standard Style wird die Teamreibung verringert, das Wohlbefinden der Programmierer verbessert und die Konsistenz der Code sichergestellt. Die Codierung mit Mainstream -Sprachenstilen wie JavaScript erleichtert es, zu Open -Source -Projekten beizutragen und andere zu Ihren Projekten beitragen zu lassen. Style Guides machen das Programm nicht unbedingt korrekter, aber es kann Fehler aufnehmen, bevor Fehler veröffentlicht werden, wodurch der Code leichter zu lesen und verständlich ist und Meinungsverschiedenheiten unter den Teammitgliedern verhindern. Das Implementieren des JavaScript -Standardstils kann ohne Tools durchgeführt werden, verfügt jedoch auch über NPM -Pakete
- js-Tutorial 1048 2025-02-17 11:45: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.
Formular-Schaltfläche
2024-02-29
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.
Spezialeffekte für Spieler
2024-02-29
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.
Formular-Schaltfläche
2024-02-29
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
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
