aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • 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 . regular-expression 618 2025-02-21 12:12:13
  • HTML5 -Formulare: JavaScript und die API zur Beschränkungsvalidierung
    HTML5 -Formulare: JavaScript und die API zur Beschränkungsvalidierung
    Kernpunkte HTML5 ermöglicht die Validierung des Client -Formulars frei von JavaScript -Codierung, aber für komplexere Formulare können JavaScript- und Einschränkungsvalidierungs -APIs zur Verbesserung der nativen Validierung verwendet werden. Dies liegt an einigen Einschränkungen, wie nicht alle Browser, die alle HTML5 -Eingangstypen und CSS -Selektoren unterstützen, und es ist schwierig, die Fehlermeldungblase zu stylen. Die Einschränkungsvalidierungs -API enthält einige Methoden und Eigenschaften, wie z. Diese werden verwendet, um zu prüfen, ob das Feld des Verifizierungsfelds validiert werden soll, das Feld Verifizierungsfeld validiert werden soll und um die Gültigkeit des Feldes festzulegen.
    js-Tutorial . regular-expression 191 2025-02-21 10:03:10
  • Text mit blast.js animieren
    Text mit blast.js animieren
    Mit Hilfe von Bibliotheken ist es jetzt mehr oder weniger eine einfache Aufgabe, HTML -Elemente mithilfe von CSS oder JavaScript zu animieren. Sie können jedoch nur die vollständigen vorhandenen Elemente animieren. Dies bedeutet, dass Sie das Wort in einem einzelnen Element (wie einer Spanne) in einem einzigen Wort in einem Absatz animieren möchten, wenn Sie ein einzelnes Wort animieren möchten, und es dann entsprechend finden müssen. Wenn Sie nur ein oder zwei Spannelemente wie dieses haben, ist dies keine große Sache, aber was ist, wenn Sie jeden Charakter in einem Absatz animieren möchten? Für jeden Charakter müssen Sie eine Spannweite erstellen, die viel zusätzliches Markup hinzufügt und den Text schwer zu bearbeiten macht. Deshalb existiert Blast.js. Schlüsselpunkte Blast.js ist a
    js-Tutorial . regular-expression 837 2025-02-20 11:32:11
  • Erste Schritte mit Symfony2 Routenanmerkungen
    Erste Schritte mit Symfony2 Routenanmerkungen
    Kernpunkte Mit Symfony2 'sensioFrameWorkExtrAbundle können Entwickler Routing mithilfe von Anmerkungen direkt im Controller konfigurieren und eine bequeme Alternative bieten. Routing -Anmerkungen in Symfony2 machen Routing -Konfigurationen modularer, und jede Route ist direkt in den entsprechenden Controller -Vorgängen definiert, sodass der Code das Verständnis und die Wartung erleichtert. Anmerkungen ermöglichen detaillierte Routing -Konfigurationen, einschließlich der Festlegung von URL -Standardparametern, Hinzufügen von Anforderungen, Durchsetzung von HTTP -Methoden oder -Plagen und Durchsetzung von Hostnamen. Die Verwendung von Anmerkungen kann Controller -Vorgänge komplizierter machen, da sie jetzt auch Routing -Konfigurationen enthalten, kann dies durch einfaches und gut dokumentiertes Routing durchgeführt werden
    PHP-Tutorial . regular-expression 867 2025-02-19 13:24:16
  • So erstellen Sie formbasierte Richtlinien in AngularJs
    So erstellen Sie formbasierte Richtlinien in AngularJs
    Kernpunkte Verwenden Sie die AngularJS -Direktive, um wiederverwendbare Formkomponenten mit unabhängigen Scopes zu erstellen, die die Modularität und Wartbarkeit von Webanwendungen verbessern. Implementieren Sie benutzerdefinierte Überprüfungsmethoden in Direktiven, um eine komplexe Eingabeüberprüfung zu verarbeiten, um die Datenintegrität zu gewährleisten, bevor Sie an den Server übermittelt werden. Erstellen Sie schnell die Kundeneingabeverifizierung mithilfe von AngularJS-integrierten Form-Verifizierungstechnologien (z. B. NG-Bedarf und NG-Muster). Verwenden Sie FormController in AngularJS, um den Formularstatus und die Überprüfung zu verwalten, den Benutzern ein sofortiges Feedback zu geben und die Benutzererfahrung zu verbessern. Verwenden Sie die NG-Submit-Direktive, um die Formulare in AngularJs zu verarbeiten und die Standardeinstellung zu blockieren
    js-Tutorial . regular-expression 911 2025-02-19 11:52:13
  • So entwickeln Sie ein Paket für den Atom -Code -Editor von Github.
    So entwickeln Sie ein Paket für den Atom -Code -Editor von Github.
    ATOM -Editor -Erweiterungshandbuch: Erstellen und veröffentlichen Sie Ihre eigenen Syntax -Highlighting -Pakete Der Atom -Editor ist leistungsstark, aber manchmal benötigen Sie möglicherweise einige Funktionen, die standardmäßig nicht bereitgestellt werden, z. B. das Hervorheben von Syntax für eine bestimmte Sprache. Zu diesem Zeitpunkt ist es besonders wichtig, benutzerdefinierte Pakete zu erstellen. In diesem Artikel werden Sie dazu veranlasst, ein Syntax -Hervorhebungspaket zu erstellen und es an die Atom -Community zu veröffentlichen. Kernpunkte: Erweitern Sie die Funktionalität des ATOM -Editors, indem Sie benutzerdefinierte Pakete erstellen, insbesondere für Funktionen, die standardmäßig fehlen. Erstellen Sie einen Ordner im Verzeichnis .atom/pakete und fügen Sie eine gültige Paket.json -Datei hinzu, um das neue Paket zu initialisieren. Erstellen Sie für die Syntax -Hervorhebung einen Grammatkten -Unterordner in einer CSON -Datei
    IT Industrie . regular-expression 842 2025-02-19 10:20:14
  • Datenserialisierungsvergleich: JSON, YAML, BSON, MessagePack
    Datenserialisierungsvergleich: JSON, YAML, BSON, MessagePack
    Der tatsächliche Standard für den Netzwerkdatenaustausch ist JSON (JavaScript -Objektnotation), hat aber auch Nachteile, und in einigen Fällen können andere Formate möglicherweise eher anwendbar sein. Dieser Artikel wird die Vor- und Nachteile verschiedener Alternativen, einschließlich Benutzerfreundlichkeit und Leistung, vergleichen. Hinweis: Dieser Artikel wird nicht im Detail in die Implementierungsdetails eingeleitet. Wenn Sie jedoch ein Ruby -Programmierer sind, lesen Sie bitte diesen Artikel, der von Dhaivat geschrieben wurde. Dies beschreibt Möglichkeiten, einige Serialisierungsformate in Ruby zu implementieren. Schlüsselpunkte JSON (JavaScript-Objektnotation) ist das am weitesten verbreitete Format für die Datenserialisierung und bietet menschlich lesbarer Code, einfache Spezifikationen und umfangreiche Unterstützung. Es hat jedoch auch einige Einschränkungen, insbesondere einige Einschränkungen
    IT Industrie . regular-expression 903 2025-02-18 12:57:09
  • 10 JQuery Text Highlighter -Plugins
    10 JQuery Text Highlighter -Plugins
    Dieser Artikel wurde im Mai 2016 aktualisiert, um den aktuellen Status des Text -Hervorhebungs -Plugins widerzuspiegeln. Mit vielen Anwendungen oder Websites können Benutzer nach bestimmten Begriffen suchen. Um diesen Prozess zu beschleunigen, eine gute Benutzererfahrung zu bieten und Benutzern zu helfen, das zu finden, wonach sie suchen, können Sie diese Suchbegriffe auf einer bestimmten Seite dynamisch hervorheben. Hier sind 10 JQuery -Text -Herstellungs -Plugins, mit denen dies erreicht werden kann. Schlüsselpunkte Dieser Artikel listet 10 JQuery -Text -Herstellungs -Plugins auf, mit denen die Suchbegriffe auf Webseiten dynamisch hervorgehoben werden können, um die Benutzererfahrung zu verbessern. Die aufgelisteten Plugins umfassen: Das Keyword-Hervorhebung der Plugin-Marke
    js-Tutorial . regular-expression 466 2025-02-18 12:11:09
  • Machen Sie einen sprachgesteuerten Audio-Player mit der Web Speech-API
    Machen Sie einen sprachgesteuerten Audio-Player mit der Web Speech-API
    Kernpunkte Die Web -Voice -API ist eine JavaScript -API, mit der Webentwickler Spracherkennung und -synthese in ihre Webseiten integrieren können, wodurch die Benutzererfahrung verbessert wird, insbesondere für Menschen mit Behinderungen oder Benutzer, die mehrere Aufgaben gleichzeitig erledigen müssen. Die Spracherkennungs -API benötigt derzeit eine Internetverbindung und Benutzerberechtigungen, um auf das Mikrofon zuzugreifen. Bibliothek wie Annyang kann dazu beitragen, die Komplexität zu verwalten und die Vorwärtskompatibilität sicherzustellen. Sprachkontrollierte Audio-Player können mit der API der Sprachsynthese und der API der Spracherkennung erstellt werden. Auf diese Weise kann der Benutzer zwischen Songs navigieren und bestimmte Songs mit Sprachbefehlen anfordern. Der Audio -Player enthält Einstellungsdaten, UI -Methoden und Sprach -API -Methoden
    js-Tutorial . regular-expression 952 2025-02-18 09:40:09
  • Eine Alternative zu regulären Ausdrücken: apg-exp
    Eine Alternative zu regulären Ausdrücken: apg-exp
    Dieser Artikel wurde von Sebastian Seitz und Almir Bijedic überprüft. Vielen Dank an alle Peer -Rezensenten bei SitePoint für die Erhöhung der Inhalte von SitePoint -Inhalten! Fast jeder Programmierer muss von Zeit zu Zeit reguläre Ausdrücke in irgendeiner Form verwenden. Für viele mag die Mustergrammatik mysteriös und entmutigend erscheinen. In diesem Tutorial wird ein neues Muster-Matching-Engine-APG-EXP eingeführt-eine featurereiche Alternative zu Regexp, die die ABNF-Mustersyntax verwendet und einfacher zu lesen ist. Schlüsselpunkte APG-EXP bietet eine benutzerfreundliche Alternative zu regulären Ausdrücken, wobei die ABNF-Syntax für diejenigen verwendet wird, die mit der Tradition nicht vertraut sind
    js-Tutorial . regular-expression 1028 2025-02-17 11:25:18
  • BDD in JavaScript: Erste Schritte mit Gurke und Gherkin
    BDD in JavaScript: Erste Schritte mit Gurke und Gherkin
    Die Vorteile der testgetriebenen Entwicklung (TDD) sind bekannt, um die Produktqualität und die Entwicklungseffizienz der Produkte zu verbessern. Jedes Mal, wenn Sie einen Code -Test schreiben, können Sie die Richtigkeit des Codes sicherstellen und mögliche zukünftige Codefehler feststellen. Verhaltensgetriebene Entwicklung (BDD) geht weiter weiter und testet das Verhalten des Produkts, nicht nur den Code, um sicherzustellen, dass das Produktverhalten mit den Erwartungen übereinstimmt. In diesem Artikel wird beschrieben, wie automatisierte Akzeptanztests im BDD-Stil mit dem Gurken-Framework geschrieben werden. Der Vorteil der Gurke besteht darin, dass Testfälle in präziser natürlicher Sprache für das einfache Verständnis durch nicht-technisches Personal im Projekt geschrieben werden können. Nach dem Lesen dieses Artikels können Sie erkennen, ob Gurke für Ihr Team geeignet ist und selbst schreiben
    js-Tutorial . regular-expression 1009 2025-02-16 13:09:11
  • Sofortformularvalidierung mit JavaScript
    Sofortformularvalidierung mit JavaScript
    Überprüfung der Echtzeitform: Subtile Verbesserungen zur Verbesserung der Benutzererfahrung Kernpunkte: JavaScript kann zur Implementierung der Echtzeit-Formformüberprüfung verwendet werden, die den Benutzern sofortige Rückmeldungen zur Eingabegvalidität bietet, wodurch die Benutzererfahrung verbessert und die Datenintegrität aufrechterhalten wird, um sicherzustellen, dass nur gültige Daten übermittelt werden. HTML5 -Attribute -Muster und erforderlich können verwendet werden, um den gültigen Eingabebereich von Formularelementen zu definieren. Wenn der Browser diese Eigenschaften nicht unterstützt, können seine Werte als Grundlage für Populatoren für JavaScript -Kompatibilität verwendet werden. Die Eigenschaft in Aria-Invalid kann verwendet werden, um anzuzeigen, ob das Feld ungültig ist. Diese Eigenschaft bietet Informationen zu Barrierefreiheit und kann als CSS -Hook verwendet werden, um ein ungültiges Feld visuell anzuzeigen. Ja
    js-Tutorial . regular-expression 908 2025-02-16 10:40:10
  • So schreiben Sie Shell -Skripte mit JavaScript
    So schreiben Sie Shell -Skripte mit JavaScript
    JavaScript Scripting: leistungsstarke Tools jenseits der Browsergrenzen In diesem Artikel wird die Möglichkeit des Schreibens von Shell -Skripten mithilfe von JavaScript und der Verwendung von Node.js zum Implementieren von Funktionen wie dem Traversal von Dateisystemen und der SMS -Suche untersucht. Schlüsselpunkte: JavaScript -Anwendungen sind nicht mehr auf Browser beschränkt und können effektiv für Desktop -Skripten, einschließlich Shell -Skripting, verwendet werden. Node.js ist eine notwendige Bedingung für diesen Prozess. JavaScript kann rekursiv über Dateien in Verzeichnissen wiederholen und das Auftreten bestimmter Zeichenfolgen erkennen. Dies kann mit dem nativen Dateisystemmodul des Knotens (einschließlich der Readdir -Methode) und erfolgen
    js-Tutorial . regular-expression 930 2025-02-16 10:33:09
  • ES6 (ES2015) und darüber hinaus: JavaScript -Versioning verstehen
    ES6 (ES2015) und darüber hinaus: JavaScript -Versioning verstehen
    In den letzten Jahren stieg die Entwicklung von JavaScript an. Jedes Jahr werden neue ECMascript-Spezifikationen veröffentlicht, wodurch JavaScript-Versionsmanagement, Funktionsunterstützung für jede Version und das Schreiben von zukunftsorientiertem Code verwirrend ist. Um die Gründe für diese scheinbar kontinuierliche Welle von Updates besser zu verstehen, lesen wir kurz die Geschichte von JavaScript und seinen Versionen und verstehen Sie, warum der Standardisierungsprozess so wichtig ist. Schlüsselpunkte ES6 (auch als ES2015 bekannt) markiert eine große Verschiebung des JavaScript -Versionsmanagements und führt Funktionen wie Klassen, Versprechen, Pfeilfunktionen, ES -Module, Generatoren und Iteratoren ein.
    js-Tutorial . regular-expression 234 2025-02-15 12:13:11
  • Zerstörende Objekte und Arrays in JavaScript
    Zerstörende Objekte und Arrays in JavaScript
    JavaScript -Dekonstruktion und Zuordnung: Vereinfachen Sie den Code und verbessern Sie die Lesbarkeit Mit der dekonstruierten Zuordnung von JavaScript können Sie einzelne Elemente aus einem Array oder Objekt unter Verwendung einer konkreten Syntax extrahieren und Variablen zuweisen, um den Code zu vereinfachen und es klarer und einfacher zu lesen. Dekonstruktion und Zuordnung werden häufig verwendet, einschließlich der Verarbeitung von API -Antworten, funktionaler Programmierung sowie in Frameworks und Bibliotheken wie React. Es kann auch für verschachtelte Objekte und Arrays, Standardfunktionsparameter, Variable Value Exchange, Rückgabe mehrerer Werte aus einer Funktion, für Schleifen und der regelmäßigen Expressionsverarbeitung verwendet werden. Bei Verwendung dekonstruierter Aufträge müssen Sie Folgendes achten: Sie können keine Anweisung mit lockigen Klammern starten, da sie wie ein Codeblock aussieht. Um Fehler zu vermeiden, deklarieren Sie entweder die Variable oder verwenden Sie Klammern, wenn die Variable deklariert wird
    js-Tutorial . regular-expression 332 2025-02-15 10:52:11

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