aktueller Standort:Heim > Technische Artikel > Web-Frontend > js-Tutorial

  • Räumen Sie Ihre Winkelcontroller mit Fabriken und Diensten auf
    Räumen Sie Ihre Winkelcontroller mit Fabriken und Diensten auf
    Vor ungefähr fünf oder sechs Jahren dominierte JQuery die Kunden des Webs. Es liest wie Pure English, ist einfach zu installieren und hat eine reibungslose Lernkurve, die selbst Kleinkinder leicht loslegen können. Diese Benutzerfreundlichkeit bringt jedoch auch eine Reihe von Problemen mit sich. JQuery macht es leicht, etwas zusammenzusetzen, das „nutzbar“ ist, aber es geht zu Lasten von Best Practices, Wartbarkeit und Skalierbarkeit. Dann beginnt der Framework -Krieg und bald krabbeln alle, um die neuesten und besten Frameworks auszuprobieren, die versprechen, Struktur und Skalierbarkeit in ihre Anwendungen zu bringen. AngularJS ist eines der Frameworks. Nun ist Angulars Lernkurve viel steiler als die von JQuery, aber ich denke, sie hat sich weiterentwickelt
    js-Tutorial 520 2025-02-21 12:28:10
  • Verwenden der Geräteorientierung in HTML5
    Verwenden der Geräteorientierung in HTML5
    HTML5 -Geräteorientierungs -API: Eine umfassende Anleitung In diesem Artikel wird die HTML5 -API für Geräteorientierung untersucht, ein leistungsstarkes Tool zum Erstellen reaktionsschneller Webanwendungen, die auf die physische Ausrichtung eines Geräts reagieren. Wir werden seine Funktionalität, Impleme
    js-Tutorial 767 2025-02-21 12:27:12
  • Prototype mobile Apps einfach mit Ratchet
    Prototype mobile Apps einfach mit Ratchet
    Ratchet: Straffung mobiler App -Prototypen mit HTML, CSS und JavaScript Ratchet, ein Framework aus dem Bootstrap -Team, vereinfacht die mobile App -Prototyping mithilfe bekannter Web -Technologien. Es ermöglicht es Entwicklern, schnell Prototypen zu erstellen, die genau MI
    js-Tutorial 509 2025-02-21 12:26:10
  • HTML5 -Formen: Das Markup
    HTML5 -Formen: Das Markup
    Key Takeaways HTML5 führt eine Reihe neuer Eingangstypen und -attribute für Formulare ein, einschließlich E-Mail, Tel, URL, Suche, Nummer, Date, Datum, DateTime-Lokal, Monat, Woche, Zeit und Farbe, die native Eingabeunterstützung und Validierung bieten
    js-Tutorial 739 2025-02-21 12:24:13
  • Einführung der Näherungs -API
    Einführung der Näherungs -API
    Kernpunkte Die Proximity -API verwendet Proximity -Sensoren, um den Abstand zwischen einem Gerät und einem Objekt zu messen, um Entfernungsinformationen bereitzustellen. Diese API ist nicht Teil der Sensor -API, sondern einer eigenständigen API. Die API wird häufig verwendet, wie die Fähigkeit eines Telefons, den Bildschirm automatisch auszuschalten, wenn es nahe am Ohr liegt, und den Musikplayer beizuhalten, wenn ein Objekt (z. B. eine Hand) nahe am Gerät liegt. Die Nahbereichs-API definiert zwei Ereignisse: DeviceProximity liefert Informationen über den Abstand zwischen dem Gerät und einem nahe gelegenen Objekt. Diese Ereignisse können angehört und darauf reagiert werden. Derzeit sind APIs in Nahbereich weniger unterstützend, nur Firefox (Desktop-Version und
    js-Tutorial 865 2025-02-21 12:23:10
  • Erstellen von Charting -Direktiven mit AngularJS und D3.Js
    Erstellen von Charting -Direktiven mit AngularJS und D3.Js
    Kernpunkte D3.JS ist eine JavaScript-Bibliothek, die in Verbindung mit AngularJS verwendet werden kann, um interaktive Echtzeitdiagramme mit SVG (skalierbare Vektorgrafiken) zu erstellen. Mit dieser Kombination können Entwickler reichhaltige Webanwendungen mit dynamischer Datenvisualisierung erstellen. AngularJs und D3.Js können auf HTML -Seiten festgelegt werden, um Diagrichtungsrichtlinien zu erstellen. Dies umfasst das Erstellen von AngularJS -Controllern und -anweisungen und die Verwendung des Controllers, um die in der Tabelle gezogenen Daten zu speichern. Anschließend können Sie diese Anweisung verwenden, um ein Zeilendiagramm mit D3.Js. zu zeichnen. Das Diagramm kann in Echtzeit aktualisiert werden, um Änderungen in den zugrunde liegenden Daten widerzuspiegeln. Dies kann durch die Verwendung eines Sammlungsbeobachters in der Anweisung durchgeführt werden, um Änderungen in den Sammeldaten zu überwachen und dann zu erkennen
    js-Tutorial 473 2025-02-21 12:19:10
  • Die vielen Einflüsse des Kendo UI -Kerns
    Die vielen Einflüsse des Kendo UI -Kerns
    In diesem Artikel werden die architektonischen Grundlagen von Kendo UI Core, einem robusten HTML5 -Framework für Web- und Mobileentwicklung, untersucht. Es basiert auf den Prinzipien bewährter architektonischer Entwürfe, ähnlich wie der dauerhafte Bogen im Bau. Der Artikel
    js-Tutorial 1072 2025-02-21 12:14:11
  • Dynamische Geo -Karten mit SVG und JQuery
    Dynamische Geo -Karten mit SVG und JQuery
    Wenn ich Diagramme erstellen muss, sind meine ersten Wahl Google -Diagramme oder eine andere dedizierte Bibliothek. Manchmal brauche ich jedoch einige spezifische Funktionen, die ich dort nicht finden kann. In diesen Fällen erweisen sich SVG -Bilder als sehr wertvoll. Vor kurzem musste ich eine bauen
    js-Tutorial 630 2025-02-21 12:13:08
  • Erste Schritte mit Qunit
    Erste Schritte mit Qunit
    Software -Tests sind ein Prozess der Bewertung von Software, um die Differenz zwischen der erwarteten Ausgabe und der tatsächlichen Ausgabe eines bestimmten Eingangssatzes zu erkennen. Testen, insbesondere Unit -Tests, sollten ein wesentlicher Bestandteil des Lebens jedes Entwicklers sein. Leider scheinen viele Entwickler Angst vor der Aktivität zu haben. In JavaScript können wir aus vielen Frameworks wählen, um unsere Codebasis zu testen. Zum Beispiel Mokka, Selen und Qunit. In diesem Artikel werde ich Ihnen Qunit vorstellen. Qunit ist ein vom JQuery -Team entwickeltes und gewartetes Rahmen für das Testen, das auch hinter Projekten wie JQuery und JQuery UI steht. Schlüsselpunkte Qunit von JQ
    js-Tutorial 694 2025-02-21 12:12:13
  • Schnelleres YouTube ist in JavaScript eingebettet
    Schnelleres YouTube ist in JavaScript eingebettet
    Beschleunigen Sie Ihre YouTube -Einbettungen mit JavaScript: Eine umfassende Anleitung Schlüsselhighlights: Reduzieren Sie die Anfangsseiten -Ladezeit dramatisch, indem Sie JavaScript verwenden, um Standard -YouTube -Einbettungen durch leichte Miniaturansichten zu ersetzen. Verbesserung der Benutzererfahrung und
    js-Tutorial 631 2025-02-21 12:11:13
  • WordPress JSON -Beispiel
    WordPress JSON -Beispiel
    Dieses aktualisierte Tutorial zeigt, wie Sie eine Liste von WordPress -Beiträgen mit der WordPress Rest API und dem Postboten abrufen. Das Tutorial wurde mit aktuellen Beispielen und Informationen aktualisiert. Dieser Artikel wurde Mitte 2025 mit aktuellen Informati aktualisiert
    js-Tutorial 324 2025-02-21 12:08:11
  • So erstellen Sie einen einfachen Image -Schieberegler mit HTML, CSS und JQuery
    So erstellen Sie einen einfachen Image -Schieberegler mit HTML, CSS und JQuery
    Image Carousels, Image Sliders, egal warum Sie sie nennen, dieser Modus ist im Internet so sichtbar, dass fast jede Website eine hat. Wenn Sie ein Webentwickler sind, können Sie selbst eine selbst bauen. Lassen Sie uns vor diesem Hintergrund sehen, wie Sie einen einfachen Bildschieberegler mit HTML, CSS und JQuery erstellen. HTML -Struktur Zunächst erstellen wir ein Containerelement mit dem Klassennamen -Container. Der Behälter enthält unsere Bilder. Das Bild ist mit einem DIV -Tag eingewickelt, damit die Folie in einen Link konvertiert werden kann, oder ein anderes Inhalt als das Bild kann als Folie verwendet werden. Das erste Container -Div verfügt über einige Inline -Stile, um sicherzustellen, dass das erste Bild im Schieberegler beim Laden der Seite sichtbar ist. zurückkehren
    js-Tutorial 1005 2025-02-21 12:07:09
  • Greifen Sie mit JavaScript oder JQuery auf ein übergeordnetes Element zu
    Greifen Sie mit JavaScript oder JQuery auf ein übergeordnetes Element zu
    JavaScript -Funktionen erfordern normalerweise Zugriff auf das übergeordnete Element im DOM. In JavaScript kann Element.Parentnode verwendet werden. In JQuery können Sie Element.Parent () verwenden, um dieselbe Funktionalität zu erreichen. Hier ist ein JavaScript -Beispiel: HTML: eins zwei JavaScript: Funktion init () { var tablinks = document.getElementById ('tabs'). getElementsByTagn
    js-Tutorial 458 2025-02-21 12:01:09
  • Erstellen einer Sentiment -Analyse -Anwendung mit node.js
    Erstellen einer Sentiment -Analyse -Anwendung mit node.js
    Die Sentiment -Analyse hilft Ihnen, zu verstehen, was Menschen über ein bestimmtes Thema denken. Die Sentiment Analysis -App, die wir erstellen werden, werden in einem Schlüsselwort (n) die passenden Tweets von Twitter aufnehmen. Dann wird jeder Tweet durch einen ausgeführt
    js-Tutorial 400 2025-02-21 12:00:19
  • 4 JQuery Digital Signature Plugins
    4 JQuery Digital Signature Plugins
    Das Integrieren digitaler Signaturen in Ihre Webanwendungen ist dank einer Vielzahl robuster JQuery -Plugins einfacher als je zuvor. Diese Verschiebung in Richtung digitaler Prozesse ist unvermeidlich, und diese Plugins stellen einen erheblichen Schritt nach vorne dar. Hier sind einige zu
    js-Tutorial 332 2025-02-21 11:59: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