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：
-
- Ember.js: Das perfekte Framework für Webanwendungen
- Ember.js ist ein modernes Front-End-JavaScript-Framework, das sich auf Konventionen und Über-Konfigurationen konzentriert und in letzter Zeit viel Aufmerksamkeit erregt hat. In diesem Artikel werden die Schlüsselkonzepte des Frameworks und seiner Implementierungsfunktionen eingeführt, indem eine einfache Würfelrollanwendung erstellt wird. Unsere Beispielanwendung ist ein Würfel -Roll -Programm, mit dem Benutzer Würfel rollen und den Verlauf anzeigen können. Der vollständige Code für die App ist auf GitHub verfügbar. Ember.js integriert viele moderne JavaScript -Konzepte und -Technologien, einschließlich, aber nicht beschränkt auf: Unterstützen Sie ES2016 mit dem Babel -Übersetzer. Standardeinheit, Integrations- und Akzeptanztestunterstützung, Stromversorgungssteuerung von Testem und Qest. Mit Broc
- js-Tutorial 511 2025-02-16 11:28:14
-
- Erstellen Sie eine Winkel-App mit dem Anmeldet-Widget von Okta in 15 Minuten
- Schlüsselhighlights: Trotz des Mangels an Rückwärtskompatibilität bleiben Angular 2 und 4 sehr beliebt, wodurch der dritte Platz unter UI -Frameworks (nach React und HTML5) gewinnt. OKTA bietet eine benutzerfreundliche API für optimierte Benutzerkontoverwaltung nahtlos in
- js-Tutorial 677 2025-02-16 11:25:10
-
- Tipps und Tricks zum Debuggen von Elektronenanwendungen
- Debugging -Handbuch für Elektronenanwendung: Effizient Nutzen Sie Chrome Developer Tools und VS -Code In diesem Artikel werden die Debuggon -Anwendungen effizient Debugug -Anwendungen vorgestellt und die Debugging -Methoden des Rendering -Prozesses und des Hauptprozesses abdeckt. Kernpunkte Das Debuggen von Elektronen -Apps mit dem Rendering -Prozess kann direkt mit Chrome Developer Tools verwendet werden. Es kann über das Anwendungsmenü, die Verknüpfungsschlüssel oder die BrowserWindow.opendevtools () -Methode zugegriffen werden. Das Debuggen des Hauptprozesses ist relativ komplex, und der Node -Inspektor unterstützt begrenzt. Der VS -Code wird empfohlen, das ein reichhaltiges Debugging -Tool für Knotenanwendungen bietet. VS Code unterstützt die Anpassung
- js-Tutorial 370 2025-02-16 11:24:09
-
- Sollten Benutzern JavaScript deaktivieren dürfen?
- In diesem Artikel wird die Auswirkungen der Deaktivierung von JavaScript in Webbrowsern untersucht und eine ausgewogene Perspektive auf seine Vorteile und Nachteile bietet. Es wird betont, dass während des Deaktivierens von JavaScript zu einem saubereren Browsing -Erlebnis führen kann, indem Anzeigen ein
- js-Tutorial 264 2025-02-16 11:18:11
-
- Besseres JavaScript mit Fluss schreiben
- FLOW: Statische Typ Checker, um die Qualität des JavaScript -Codes zu verbessern Facebook Started Flow ist ein statischer Typ -Checker für JavaScript, der zum effizienten Erkennen von Typ -Fehlern im JavaScript -Code entworfen wurde, ohne den Code zu ändern, wodurch die Arbeitsbelastung der Programmierer minimiert wird. Kernvorteile: Optionale Typ -Überprüfung: Sie können bestimmte Dateien selektiv überprüfen. Fügen Sie einfach A /*@Flow* / Annotation oben in der Datei hinzu, um die TYP -Überprüfung für den Fluss zu aktivieren. Typ -Inferenz und Annotation: Flow unterstützt explizit Anmerkungen durch Anmerkungen und unterstützt auch den Typ -Inferenz durch Codekontext, der flexibel und effizient ist. Strenge Nullhandling: Flo
- js-Tutorial 656 2025-02-16 11:17:13
-
- Vanilla JavaScript: Animated Sticky Navigation Menü erstellen
- Kernpunkte Erstellen Sie animierte Sticky Navigation-Menüs, ohne dass ein Jquery-Plug-In mit Pure JavaScript, CSS und HTML erforderlich ist. Das Menü wurde so ausgelegt, dass sie beim Scrollen und Rückblick in die Anzeige mit einem durchscheinenden Effekt beim Scrollen zurückschieben. Dieser Vorgang umfasst die Einrichtung der grundlegenden HTML -Struktur, die Anwendung von Stilen auf Hauptelemente und die Anbindung des Menüs. Die Animation wird ausgelöst, indem der Ereignishandler an das Scroll -Ereignis angeschlossen und die CSS -Transformation verwendet wird, um die Position und das Aussehen des Menüs entsprechend der Bildlaufrichtung anzupassen. Diese benutzerdefinierte Lösung bietet mehr Designflexibilität und ermöglicht eine einfache Anpassung an bestimmte Anforderungen. Das Endergebnis ist ein dynamisches interaktives Navigationsmenü, das die Benutzererfahrung verbessert. Das Design des Web -Navigationsmenüs muss viele Faktoren berücksichtigen, wie z. B. Gerichte
- js-Tutorial 901 2025-02-16 11:16:14
-
- Automatisierte Barrierefreiheitsprüfung mit AX
- AX: automatisierte Hilfsfunktionstests, damit die Website zugänglich ist Wie viel Zeit und Mühe haben Sie beim letzten Zeitpunkt beim Entwerfen einer Website aufgewendet, um sicherzustellen, dass Menschen mit Behinderungen ebenfalls darauf zugreifen können? Viele Menschen können "Nein" antworten. Eine große Anzahl von Internetnutzern hat jedoch Schwierigkeiten beim Zugriff auf Websites, da sie Schwierigkeiten bei der Unterscheidung von Farben, dem Lesen von Text, der Verwendung einer Maus oder einer durchstürmenden komplexen Website -Strukturen zugreifen können. Aufgrund der erforderlichen Anstrengungen zur Überprüfung und Implementierung von Barrierefreiheitslösungen werden häufig Zugänglichkeitsprobleme übersehen. Entwickler müssen nicht nur mit den zugrunde liegenden Standards vertraut sein, sondern müssen auch ständig prüfen, ob sie erfüllt sind. Können wir die Entwicklung von Websites für Barrierefreiheit durch Automatisierung von Standardprüfungen vereinfachen? In diesem Artikel wird angezeigt, wie Sie die AX -Bibliothek und einige verwandte Tools verwenden, um Websites und Anwendungen automatisch zu überprüfen und zu melden.
- js-Tutorial 624 2025-02-16 11:15:11
-
- Erfahren Sie in 6 Minuten mit Bulma ein CSS -Framework
- Erstellen wir eine Codierungs -Zitat -Seite mit Bulma, einem modernen CSS -Framework, das auf Flexbox basiert. Dieses Tutorial ergänzt das OpenSource Craft -Video (unten verlinkt). Für den Kontext, warum Bulma eine gute Wahl ist, sehen Sie sich ihr Einführungsvideo [Link zum Video] an.
- CSS-Tutorial 590 2025-02-16 11:14:09
-
- Richten Sie die Winkelauthentifizierung mit OpenID Connect und Okta in Ihrer App ein
- Dieser Artikel wurde ursprünglich im Okta Developer Blog veröffentlicht. Vielen Dank, dass Sie die Partner unterstützt haben, die SitePoint ermöglichen. Angular (früher als Angular 2.0 bezeichnet) wird schnell zu einer der stärksten Möglichkeiten, einen modernen einseitigen AP aufzubauen
- js-Tutorial 457 2025-02-16 11:09:10
-
- 10 JQuery HTML5 -Audiospieler
- In diesem Artikel werden zehn HTML5-Audio-Player untersucht, sowohl Open-Source als auch kommerziell und geeignet für die Website-Integration. Es unterstreicht die zunehmende Beliebtheit von Audio -Streaming und stellt einen signifikanten Anstieg der Audioströme sowie einen Rückgang der Musik Sal fest
- js-Tutorial 636 2025-02-16 11:08:10
-
- Ein praktischer Leitfaden zur Planung einer mittleren Stapelanwendung
- Dieser Artikel ist aus Manning Press von "Mastering Mean: Verwenden von Mongo, Express, Angular und Knoten, zweite Ausgabe" auszuziehen. Die zweite Ausgabe wurde vollständig überarbeitet und aktualisiert, um Angular 2, Node 6 und die neueste Mainstream -JavaScript -Version ES2015 (ES6) abzudecken. Diese Ausgabe führt Sie durch das Lernen, wie Sie Webanwendungen mit dem aktualisierten Mittelwert entwickeln. Schlüsselpunkte Bei der Planung einer mittleren Stack -Anwendung müssen Sie zunächst den gewünschten Bildschirm vornehmen, ohne tief in das auf jeder Seite einzugehen. Skizzen in dieser Phase helfen dabei, die gesamte Anwendung zu visualisieren und den Bildschirm in Sammlungen und Prozesse zu organisieren. Wille
- js-Tutorial 712 2025-02-16 11:07:09
-
- CSS -Architektur und die drei Säulen von Wartbar -CSS
- Schlüsselpunkte Eine kartierbare CSS-Architektur ist wichtig, um schwer zu machende Stiletheets zu vermeiden, da schwer zu machende Stylesheets unerwartete Nebenwirkungen haben können und eine gründliche Umschreiben des CSS der Anwendung erfordern. Drei grundlegende Konzepte oder Säulen bilden den Eckpfeiler des CSS -Architekturdesigns: Bausteine (wie SASS, effiziente CSS -Selektoren, BEM -Syntax usw.), diese Bausteine in zuverlässige und wartbare hierarchische CSS sowie die Anwendung von Software -Engineering -Prinzipien orchestrieren. Software -Engineering -Prinzipien wie die Trennung von Bedenken und soliden Prinzipien können auf CSS angewendet werden, um sicherzustellen, dass die Code die Realität auf wartbare Weise modelliert. Dies beinhaltet die Anwendung von Prinzipien wie Trocken (wiederholen Sie sich nicht) und nass (wir möchten gerne tippen), um die Wartbarkeit des Codes zu verbessern
- CSS-Tutorial 264 2025-02-16 11:05:10
-
- Migrieren Sie Ihre vorhandenen Benutzer einfach auf Auth0
- Dieser Artikel beschreibt eine reibungslose Benutzermigration von StormPath zu Auth0, ein Prozess, der häufig von Entwicklern gefürchtet, aber mit der benutzerdefinierten Datenbankverbindungsfunktion von Auth0 einfacher wurde. Diese Methode vermeidet Änderungen des Benutzerkennworts und sorgt für einen nahtlosen Übergang.
- js-Tutorial 313 2025-02-16 11:04:11
-
- Unit testen Sie Ihr JavaScript mit Mocha und Chai
- Dieser Artikel wurde Peer von Panayiotis «Pvgr» Velisarakos, Mark Brown und Tom Greco bewertet. Vielen Dank an alle Peer -Rezensenten von SitePoint, die SitePoint -Inhalte so gut wie möglich gemacht haben! Haben Sie jemals einige Änderungen an Ihrem Code vorgenommen und später gefunden
- js-Tutorial 920 2025-02-16 11:03:10
-
- Easy AngularJS -Authentifizierung mit auth0
- Dieser Artikel wurde aktualisiert (11.05.2017), um die Änderungen an der AUTH0 -API widerzuspiegeln. Die Sicherung von Einstellungsanwendungen (SPAs) kann eine Herausforderung sein. Spas bestehen oft aus einem separaten Front-End (z. B. AngularJs) und einer Back-End-Daten-API. Traditionelle Sitzungsbasis
- js-Tutorial 838 2025-02-16 11:02: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.
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
